一、前言
項目框架選擇和數據庫設計都ok了，下面就是開發前的准備工作，俗話說磨刀不誤砍柴工，前期准備工作是相當重要的。
二、關於D2admin
D2Admin 是一個完全 開源免費 的企業中后台產品前端集成方案，使用最新的前端技術棧，小於 60kb 的本地首屏 js 加載，已經做好大部分項目前期准備工作，並且帶有大量示例代碼，助力管理系統快速開發。
前端用的是d2admin的d2-admin-xiya-go-cms項目，下載地址為:https://github.com/d2-projects/d2-admin-xiya-go-cms
關於d2admin的文檔可以查看:https://d2.pub/zh/doc/d2-admin/
不過這個文檔不是很全，更多的還是參考預覽版https://d2.pub/d2-admin/preview/#/login?redirect=%2Findex
二、啟動d2-admin-xiya-go-cms
1.首先需要安裝node.js，關於如果安裝請自行百度，安裝成功后，輸入node -v 查看版本信息
2.下載d2-admin-xiya-go-cms項目，解壓,cmd切到項目目錄，然后運行“npm -i”安裝依賴，如果嫌慢可以安裝cnpm
3.輸入“npm run serve”運行項目，瀏覽器輸入127.0.0.1:8080,可以看到網站
三、使用webstorm運行項目
我選擇webstorm作為前端的ide，當然也可以選擇其他的ide，只是習慣了用JetBrains 全家桶。使用webstorm打開項目可以看到如下：
點擊右上角的"ADD CONFIGURATION"配置啟動
點擊npm下的server，配置node地址，點擊ok
點擊運行按鈕可以運行項目。
控制台
瀏覽器輸入localhost:8080可以看到網頁。
四、其他配置
1.注釋驗證碼：項目運行成功之后，發現每次登錄都需要驗證碼，開發過程中很浪費時間，可以把驗證碼注釋掉。
<!-- <d2-tencent-captcha @success="submit">-->
<!-- -->
<!-- </d2-tencent-captcha>-->
<d2-button @click="submit" size="default" type="primary" label="登錄" class="button-login"/>
2.修改后端地址:找到.env文件，修改VUE_APP_API_0_TEST的值為自己的后端地址
