一套完整的地府管理系統,包括整個後台管理系統,生死簿查詢導出,以及敲木魚加功德功能,後端使用node+mysql+express
技術棧,前端技術棧使用Vue+elementUI
,多用戶多權限系統
預覽網址: http://df.earthonline.club/home
帳號admin,密碼123456,請勿修改帳號密碼
為避免種種現實因素所導致的問題,此地府管理系統作業流程並非真實(廣為流傳的說法)流程,例如傳說中的望鄉台,三生石都未曾體現,只是在整體流程和題材上參考
-- 新增預覽位址
-- 修復管理員權限會被重設為NaN報錯的情況
-- 修正敲木魚頁面在開啟自動後直接返回報錯問題
-- 新增測試數據, api/test.sql
此项目包含三部分,包括后端api接口,前端管理后台,前端用户体验端
整體功能包括:數據統計預覽、生死簿管理、勾魂使者、勾魂管理、閻王殿審判、審判記錄、十八層地獄、設備管理、六道輪迴、設備管理、匯款、匯款管理、角色設定、權限管理、管理員管理以及系統設定
功能流程添加生死簿數據,會包含此人各種數據,包括姓名出生死亡日期和地址,陰德陽德,命中包含的財富,死亡類型,死因,此人這一生的描述,屬性描述,婚姻情況,死後情況等等完整數據,等死亡日期到之後會被添加到待勾魂列表,等待勾魂使者抓捕入府,之後交由審判官審判,根據生平賞罰,處理結果包括重新打入輪迴,打入十八層地獄,在世中和敲木魚加功德
运行环境准备:
nodeJS -v 16.15.0
mysql -V 8.0.28
運行順序:api->user->admin
新建資料庫afterlifedb
,然後匯入或執行api/afterlifedb.sql
中的SQL,執行成功後完成資料庫的匯入
開啟api/link/config.js
填寫資料庫連結信息
let config = {
host : 'localhost' , // 数据库地址,默认localhost
user : '' , // 数据库账号
password : '' , // 数据库密码
database : 'afterlifedb' , //数据库名,不建议更改
timezone : "SYSTEM" ,
connectionLimit : 10
}
回到api
目錄,在此處打開命令窗口,安裝依賴
npm i
啟動專案
node index.js
當看到Service started successfully, running on http://localhost:3000
就表示專案啟動成功嘗試請求(存取) http://127.0.0.1:3000/api/user/gettempauth
看能否回傳授權成功字樣,如果不能,請檢查資料庫的導入
開啟user/src/main.js
文件,這裡有三個位址需要填寫
Vue . prototype . apiUrl = 'http://localhost:3000' //api接口地址,不携带/
Vue . prototype . adminUrl = 'http://localhost:8081' //后台管理系统地址
axios . defaults . baseURL = 'http://localhost:3000/' ; //api接口地址,注意末尾携带/
如果是在本地運行,檢查端口正確後默認就好,後台管理系統此時還未搭建,如果8081端口沒有被佔用,那麼後台管理系統地址就是http://localhost:8081
,如果8081端口被佔用則運行在http://localhost:8082
端口,依次類推檢查某端口是否被佔用,在cmd執行如下命令,如果返回內容為空則表示未被佔用
netstat -ano|findstr "8081"
回到api
目錄,在此處打開命令窗口,安裝依賴
npm i
啟動項目,如果只是本地預覽,執行如下命令直接運行即可,運行完畢後訪問輸出的App running at:
中的地址即可
npm run serve
如果是需要打包發布,請按以下流程完成,否則請直接跳過此內容到3. 管理後台搭建打包
npm run build
產生檔案在userdist
資料夾,其資料夾內為已打包好的內容
讓打包好內容在本地跑起來
(1) 依照express創造出基本的結構
mkdir myapp
cd myapp
npm init
package.json會被創建出來
(2) 安裝express
npm install express --save
會創建node_modules
(3)同級目錄下建立index.js
檔案和www資料夾,其中index.js
中寫入
const express = require ( 'express' )
const app = express ( )
app . get ( '/' , ( req , res ) => res . send ( 'Hello World!' ) )
app . use ( express . static ( './www' ) )
app . listen ( 3010 , ( ) => console . log ( 'Example app listening on port 3010!' ) )
(4) npm run build
之後將你打包出的檔案目錄放到www
資料夾下,如打包出來的檔案目錄為dist,dist裡面有index.html和page資料夾,page資料夾是所有的打包之後的文件
(5) 加路由存取localhost:3010/index.html
即可存取到你打包出的頁面了
如果其他電腦也需要訪問,將localhost換成本地的ip位址就OK
開啟admin/src/main.js
文件,這裡有三個位址需要填寫
Vue . prototype . apiUrl = 'http://localhost:3000' //api接口地址,不携带/
Vue . prototype . adminUrl = 'http://localhost:8080' //user用户端搭建得到的地址
axios . defaults . baseURL = 'http://localhost:3000/' ; //api接口地址,注意末尾携带/
如果是在本地運行,檢查連接埠正確後預設就好
回到admin
目錄,在此處打開命令窗口,安裝依賴
npm i
啟動項目,如果只是本地預覽,執行如下命令直接運行即可,運行完畢後訪問輸出的App running at:
中的地址即可
npm run serve
如果是需要打包發布,請參考上文中打包運行流程
後台管理最高管理員預設帳號密碼是admin,123456
至此項目建置啟動完成