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

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

主要功能:

前端:

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/