原创 Prisma(六)——Prisma ➕ Apollo ➕ Vue(vue中使用prisma)

到目前爲止,我們知道Prisma是一個後端框架,那如何與vue項目結合起來呢❓嗯,沒錯,是Apollo。 vue-apollo雖然沒有react-apollo出名,但是也是很好用的,我們一起來看看vue-apollo👇👇👇 vue

原创 macOS升級後如何解決Mongodb問題呢?

macOS升級後Catalina後根目錄無權限問題,那麼本機安裝Mongodb時建立的data--db該放哪裏呢?本機如何運行Mongodb呢?不要着急,慢慢來解決: 方法一\color{red}{方法一}方法一 解決辦法參考鏈接

原创 gridsome(四)——搭建簡易博客

準備工作 創建項目:gridsome create +項目名 進入項目:cd +項目名 運行:gridsome develop 之後在瀏覽器中訪問:localhost:8080即可看見以下界面: 安裝插件 我們的

原创 vue項目安裝出現的問題No ESLint configuration found

用低版本腳手架安裝vue項目時若選上ESLint時若出現No ESLint configuration found這樣的錯,解決方法如下: npm init -y npm install eslint --save-dev ./

原创 vue子路由跳轉實現tab選項卡效果

tab選項卡的佈局在項目中是很常見的,在後臺管理系統中左邊是導航欄固定,右邊是對應的頁面,每次點擊左邊的標題,只有右面的對應頁面在切換,而vue要做tab選項卡,推薦使用實現a標籤的效果,然後使用實現插槽的效果,把對應的頁面 “塞

原创 node+express+mongodb

目標 1、利用基於 Node.js 的 Express 快速搭建項目。 2、介紹 Express 項目結構。 3、學習如何連接 MongoDB 數據庫,利用 Node.js 操作 MongoDB 數據庫。 4、Express 的項

原创 VScode中測試接口代替postman

接口調試是每一個軟件開發者必不可少的一項技能,一個項目的完成必然經過大量的接口測試,實際開發過程中,接口調試的時間不比實際開發所用的時間少。作爲前端開發人員,我們通常使用 Postman 工具來進行REST API調用。今天來看看

原创 Prisma(二)——Existing database

在Prisma(一)基礎中設置prisma服務的時候選擇的是連接了new database,所以今天講解Existing database,也是困惑我許久的問題。 How Prisma works with an Existing

原创 Prisma(三)——數據模型

數據模型 datamodel定義概述 datamodel有兩個主要功能: 定義底層數據庫模式和表。 它是Prisma API的自動生成的CRUD和實時操作代碼的基礎。 構建數據模型的塊 有幾個可用的構建塊來塑造你的數據模型:

原创 Prisma(四)——CRUD

在Prisma(二)中講到設置prisma時連接了本地數據庫,其中有個步驟是Select the schema you want to introspect,我選擇的是PrismaTest,在detamodel中會生成此數據庫的s

原创 css技巧

文字描邊效果 html <h2>What CSS3?</h2> css h2{ -webkit-text-stroke: 2px black; color: #ffffff; } 效果圖 bo

原创 axios調用接口時用post 提交數據,後臺獲取不到提交的數據解決方法

調用接口常用的方式是axios,但在調的過程中會遇到很多問題,後臺獲取不到提交的數據\color{red}{後臺獲取不到提交的數據}後臺獲取不到提交的數據是其中之一。 問題\color{blue}{問題}問題 post請求傳參時,

原创 D3初步認識

D3介紹 D3 的全稱是(Data-Driven Documents),顧名思義,是一個被數據驅動的文檔。簡單一點,其實就是一個 JavaScript 的函數庫,使用它主要是用來做數據可視化的。 學習網站 學習網站:https:/

原创 路由跳轉傳參頁面刷新數據丟失解決方案

通過Vue傳遞參數可以分爲兩種方式: params參數 query參數,params參數的具體過程如下所示: 基礎<template> <div @click="onClick">點擊跳轉</div> </template>

原创 vue中百度地圖開發——{"status":240,"message":"APP 服務被禁用"}

在使用geocoding API進行地理編碼(地名與經緯度的轉換),調用接口時返回的data中顯示"status":240,“message”:“APP 服務被禁用”,解決方案如下: 方案一\color{red}{方案一}方案一