原生js+nodejs实现学生成绩管理系统

寻技术 JS脚本 / Node.Js 2023年07月11日 110

 

本项目适合作为前后端连载的入门练习。

主要功能:

前端:

1.实现自己的v-for, 替换vue的v-for, 用来把后端发过来的学生数据遍历成学生表格, 然后显示在页面上.
2.封装了"获取表单数据"的方法.
3.封装了"验证是否必填"的方法.
4.动态显示与隐藏弹出框, 并让其居中, 可拖动, 弹出框外的背景颜色变暗.
5.登录,注册,发送表单数据到后端.
6.模块化.

后端:

1.接收前端发过来的数据, 返回数据给前端.
2.nodejs对数据库的增删改查.
3.模块化.

源代码地址: https://github.com/1061186575/Student-Score

启动方式:

先下载本项目, 把mysql.js的"数据库连接"配置成自己的数据库,
然后把自己的数据库里的字段改成mysql.js里对应的字段,
并启动自己的数据库,然后执行下面的操作.

# 1.安装node.js (下载安装即可)

# 2.cd 到本项目的根目录

# 3.安装依赖
npm install express mysql --save-dev

# 4.运行服务 
npm run dev

然后打开浏览器访问: http://localhost:3000/
  

 

关闭

用微信“扫一扫”