超市管理系统
使用说明!
为了使浏览效果更佳可以跳转至该页面浏览,请点击此处👉readme
页面部分
本产品共设计了四个前端页面(不包含登录页)
四个前端页面分别为默认页面以及点击三个菜单栏跳转不同的页面
页面展示
后端部分
- 后端用node启用了四个服务器
- 四个服务器分别为可以启动对应的页面
- 前端显示图标的数据均为数据库获取,操作数据库可以实时更改页面数据。
- 但是通过点击事件修改数据库数据这一功能由于时间紧张知识有限暂未上线!敬请期待
使用方法
- 在打开工程目录后先跳转到node文件夹下
- 使用npm模块管理工具下载所需要的模块
- 运行 npm start启动服务
- 打开所提示的地址即可
代码
cd node
npm install
npm start
tip:
1.若服务未成功启动查看您的端口号是否冲突
2.下载包时请以package-lock.json为准
数据库部分
- 数据库部分来自于MySQL数据库系统这门课程的结课作品
- 有4张表结构,分别为商品表、员工表、部门表以及用户表
- 数据库中存储了一些基本数据,其中有一个模拟充值VIP会员的事务操作,与一个模拟购物的存储过程
使用方法
- 创建一个数据库
- 直接将备份文件导入即可
最终效果
总结
使用方法
- 进入node文件夹
- npm install 一键下载需要的模块
- 将数据库导入
- npm start开启服务
- 打开页面
历程!!!
从得到报告要求开始算起
第一天:整体构思花了整整一下午(上午有课
第二天:开始构建网页结构又整整一下午(上午在练车)
第三天:学习服务端需要用到的知识,然后简单的优化了一下现有的作品(上午一上午课,中午来不及吃饭开始录思政课大赛的内容,学习一会,累到不行睡到晚上,起床看戏(这个是比较重要的事情,哈哈哈),然后半夜继续学(要用到的知识老师没有讲到所以就继续学学学 😅😢😢😢😢))
第四天:继续学习完成作品所需要的知识,因为前端可以实现同一个效果的方法实在太多太多太多,问了不同的人有不同的结果,最终像老师低了头,但是仍未解决(其实此时以及可以解决大部分问题了,由于老师上课讲的内容只适用于上课的案例当中所以我还是不太明白)于是又继续去学学学😢😢😢))
第四天的凌晨:基本上原理部分都学明白了(为什么凌晨还在学,因为完成报告的时间只一周)
第五天:整体逻辑才算完成,基本功能才实现(上午有有课,晚上看戏)
第六天:简单优化了一下页面
成品虽然不算很好看(天生审美差),但却是用肝换的(毫不夸张的说,因为在完成作品的每一天时间都是紧紧张张😅)
(此处省略一千字)(说累了)