本项目适合作为前后端连载的入门练习。
主要功能:
前端:
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/