Vue2 月子会所管理系统
更新中…
在线文档:https://blog.csdn.net/weixin_51174593/article/details/132860779?spm=1001.2014.3001.5502
gitee:https://gitee.com/hge123/Vue2-MoonClub
数据接口文档:
前台管理接口:https://apifox.com/apidoc/shared-418d049e-ccea-46ed-aea6-50b261c6af53
后台管理接口:https://apifox.com/apidoc/shared-c8d234dd-bfc4-4fd0-926c-43ff903b2054
1、环境准备
编辑器:VScode https://code.visualstudio.com/
服务器:node.js https://nodejs.org/zh-cn ps:安装稳定版
浏览器:Googel Chrome谷歌浏览器
数据库:Mysql,软件都可以只要是能够界面访问数据就可以
2、服务器配置
node安装好会自带npm,修改npm 的镜像站,这样依赖包就会下载更快
# 查看当前的下包镜像源
npm config get registry
# 将下包的镜像源切换为淘宝镜像源
npm config set registry https://registry.npmmirror.com/
# 检查镜像源是否下载成功
npm config get registry
启动服务器工具: nodemon
npm install -g nodemon
参考材料:https://blog.csdn.net/weixin_44274094/article/details/122418654
3、连接服务器
创建数据库导入sql文件,并且进入数据表当中创建触发器
管理员退房之后,通过新数据表存储退房数据,用户提取展示修改
复制下面代码打开任意数据表运行即可
DELIMITER //
CREATE TRIGGER trg_insert_user_revi
AFTER DELETE ON resv_management
FOR EACH ROW
BEGIN
DECLARE start_date DATE;
DECLARE end_date DATE;
SET start_date = STR_TO_DATE(SUBSTRING_INDEX(OLD.date, '~', 1), '%Y-%m-%d');
SET end_date = STR_TO_DATE(SUBSTRING_INDEX(OLD.date, '~', -1), '%Y-%m-%d');
IF start_date < CURDATE() THEN
INSERT INTO user_revi (username, room_name, phone, date)
VALUES (OLD.username, OLD.room_name, OLD.phone, OLD.date);
END IF;
END //
DELIMITER ;
第二个触发器:创建套餐,自动创建相同room_id的套餐更多数据
DELIMITER //
CREATE TRIGGER update_room_moreintroduction AFTER INSERT ON room_management
FOR EACH ROW
BEGIN
IF NEW.room_id IS NOT NULL THEN
-- 如果是添加操作,向room_moreintroduction表格中插入对应的room_id记录
INSERT INTO room_moreintroduction (room_id) VALUES (NEW.room_id);
END IF;
END //
DELIMITER ;
4、启动项目
安装相应依赖包nodel_modules,如果文件存在依赖包此命令不需要运行
npm i
运行前端页面:
npm run serve
运行后端服务器:
先进入指定目录
cd .\src\server\
之后在运行
nodemon .\app.js