前言
由於要開發本科畢業設計;製作乙個後台書籍管理系統;想著記錄一下開發過程;溫故知新的同時分享給各位。
開發軟體：vscode；
技術棧前端：
後端(node):
直接看看官網搭建vue-cli4;講的很詳細;也可以看本文
npm install -g @vue/cli-service-globalvue create demo
(demo 為你建立的專案名稱)
這幾個基礎模組就夠了
建立出來就是這樣
eslint是**規範工具;搭配prettier可以發揮eslint的威力;要知道**規範得好;效率才會更高;哈哈;
我根據網上好多推薦;裝了一下外掛程式
然後配置vscode中配置檔案setting.json;裡面設定了eslint和prettier的選項。設定這個的好處：當我們儲存**是就會自動格式化；並且會按照。eslintrc.js和。prettierrc的具體配置來格式化**；節省很多時間；
.eslintrc.js的配置如下(可以看看網上大神們的配置)
module.exports =
,extends:[
'plugin:vue/essential'
,'plugin:vue/strongly-recommended'
,'@vue/standard'
,'plugin:vue/recommended'
,'vuetify'],
globals:
, plugins:
['vue'
,'vuetify'],
rules:],
'vue/script-indent':[
'error',2
,],'vue/multiline-html-element-content-newline'
:'off'
,'vue/attributes-order':0
,'vuetify/no-deprecated-classes'
:'error'
,'vuetify/grid-unknown-attributes'
:'error'
,'vuetify/no-legacy-grid'
:'error'
, overrides:[}
],// camelcase: 2, // 雙峰駝命名格式
'one-var':1
,// 連續宣告
'no-var':0
,// 禁用var，用let和const代替
semi:
['error'
,'never'],
'no-multi-spaces':[
'error',]
,'no-callback-literal':0
, indent:
'off'
,'space-before-function-paren':0
},parseroptions:
}
npm i egg-init -g
egg-init stuer-server--type=
******
(這裡stuer-server 是你的專案名稱)
cd stuer-server
npm i
(安裝依賴包)
npm run dev
(執行專案 如果出現 hi,egg 說明專案建立成功啦)
好了,到這裡!專案基本搭建完成;
下期文章:
egg 連線mysql資料庫配置
axios 二次封裝使用
前後端分離
關於前後端分離的一些好的文章推薦 前端框架 為什麼前後端分離 最直白的理解，我認為是因為在開發過程中，前端總是需要等待後端的環境搭建好之後，前端才能獲取相關資料，對於前端的開發影響很大，事實上前端並不關心後端的開發，那麼有沒有方法不讓後端影響前端的開發呢？其實後端提供的是什麼？乙個執行伺服器，乙個就...
前後端分離
在此說明 前後端分離有利於後端的快速開發，但並不利於搜尋引擎優化 seo 上圖能清晰的看到，使用前後端分離模式進行開發，瀏覽器會向伺服器傳送請求，伺服器會向瀏覽器傳送乙個類似框架的html，是固定的空殼，此時瀏覽器再使用ajax請求向後端伺服器索要資料，後端伺服器返回json字串給瀏覽器，從而使瀏覽...
前後端分離
前後端分離的好處 1 徹底解放前端 2 提高工作效率，分工更加明確。3 區域性效能提公升 4 降低維護成本 2 前後端分離的概念 後台只需要提供api介面，前端呼叫ajax實現資料呈現 3 場景和要求 4 web前端路由 就是根據url分配到對應的處理程式，原理和路由器原理相同，不同的請求位址會交給...