一套完整的地府管理系统,包括整个后台管理系统,生死簿查询导出,以及敲木鱼加功德功能,后端使用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
生成文件在user\dist
文件夹,其文件夹内为已经打包好的内容
使打包好内容在本地跑起来
(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
至此项目搭建启动完成