express框架实现数据库CRUD操作

先上效果图,完整项目在下方网盘链接里

• 网页效果用了bootstrap美化

1. 数据库里的数据
   
2. 网页上的数据(注意端口号)
   端口号可在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