如題，前端入坑許久，還是寫個小東西出來吧
想要搭建自己的一個后台管理，實現簡單的增刪改查，看起來很簡單
其實是真的簡單，沒有想的那么難，我也就寫了一個月吧，
當然是假的，其實也就每天一兩個小時，花了大概一周吧
下了最新的vue腳手架也就是3.0版本，還得自己配置config文件
怎么升級3.0，我就不多說了，網上太多了
比如上面這篇講的還是很通俗易懂的
init之后， npm install 開始下包
有人問，elementui這個包不用下載嗎，要下載，不過不是通過 npm i element-ui -S 來下下載
而是通過vue3.0的腳手架，以插件的形式下載
從網上搜的圖，侵刪，
如果你在vue創建項目的時候選的是SCSS那這里就選yes，如果是stylus這種就no，不然會全局覆蓋的
具體的內容，可以看這篇
然后確認頁面
登錄頁
主頁->1.查詢2.增加3.修改4.刪除
根據要實現的功能在views文件夾下建立四個頁面
分別對應新增數據頁面，主頁，修改數據頁面，登錄頁面
然后去router.js，寫配置文件
第一個是重定向用的，訪問根路由直接就去登錄頁
app.vue文件也要修改一下
login頁面
homepage頁面
addNew頁面
editInfo頁面
好主要頁面確定了，開始搞后台
下包
yarn add koa koa-bodyparser koa-mysql-session koa-router koa-session-minimal koa2-cors mysql -save
bodyparser用來解析請求的，koa-router是后台路由，我是用來做api接口的，koa2-cors用來解決跨域，mysql數據庫哇，
axios是可以用在后端和前端的，所以封裝好的ajax感覺還是axios好用一點
前端頁面寫好了之后，要開始寫后端了，在根目錄下新建server文件夾
我們先看看app.js的內容
都寫了注釋，引了一堆包，
bodypasr很好用，直接解析請求參數，不需要再自己找半天，解析請求的參數了
cors解決跨域的，感覺挺好用的
koa-router，路由中間件，因為我是直接用作api的，所以還是需要用的
下面是router部分，看index頁面
是按業務分成兩個？一個登錄，一個是增刪改查
然后，看登錄接口
那么問題來了，這個adminApiConfig是干嘛用的
我們進入login.js看下
這么一看就很清楚了，就是當我們調用api/login的時候，就會調用login頁面的adminSignin函數，至於怎么驗證就是簡單的sql了，我們調用signIn這個方法
我們點進去看下
查表驗證，簡單明了
我們回到開始，這個接口寫好了，那么我們怎么調用這個接口呢
回到我們的前台登錄頁面的control.js
當我們點擊登錄，通過adminLogin這個方法調用這個接口
接口需要兩個東西，一個 接口地址，一個要傳的參數
那么這個axiosPost又是什么東西？
我們點進去看下，我通過axios，自己簡單封裝了兩個函數
這一個Promise，就可以把異步的接口請求，改成同步的請求了，方便很多啊，ES6牛批
那導入的webconfig這個又是什么東西呢，我們點進去看下
因為是本地用node起的服務，那肯定是要進行重定向的，
因為vue本身自己會起一個服務，然后后台koa2又起一個服務，需要進行重定向，不然是訪問不了的。
這里看到端口號是3000，往前看到我的后台app.js里面的監聽 app.listen(3000)，這樣就對應了
這樣一個簡單后台增刪改查到這里就結束了，具體的源碼可以看下面的github鏈接進入，如果有探討的小伙伴，可以加我qq或者在github上iss
算是記錄自己寫的東西，當然少不了copy，不過總歸還是要自己搭起來啊
具體源碼，可以看我的github【搭建簡單的后台管理小系統】