先上效果图,完整项目在下方网盘链接里
- 网页效果用了bootstrap美化
- 数据库里的数据
- 网页上的数据(注意端口号)
端口号可在bin下面的www.js文件中看到
3.增加操作
(数据库里面的id字段是自增的,不用增加id)
4. 删除操作
删掉了
5.修改操作
修改完成
6.查询操作
查询到了
注意事项
- 我用的IDE是vscode
- nodejs环境都有了吧(没有去官网下载,然后再配置环境变量,网上有教程...),方便进行npm操作
- 数据库需要自行创建(npm install mysql),在routes下面的db.js里设置你的数据库(我数据库里面的表是user,尽量保持一致,因为sql语句都牵涉到这张表)
字段前面3个保持一致,减少代码更改量
- 直接在vscode里面的终端使用npm start就可以运行了(因为我改了下package.json配置文件)
然后打开网页就可以查看内容了
- 再提醒一遍,自行在mysql下建一个user表,字段尽量保持一致(其他的也可以,但要改代码)
网盘链接：https://pan.baidu.com/s/1NAJ8fLbeo212-OQzIXKpCg
提取码：wtkl