一、需求分析
有登陆的功能可以对班级的信息进行增、删、改的操作可以对学生的信息进行增、删、改的操作班级中存在学生时,不可删除退出登录时,要返回到登录页二、原型设计
需要有学生管理和班级管理的切换菜单栏需要有增加学生和增加班级的添加按钮需要有注销登录的按钮学生和班级的基本信息要渲染在页面上学生和班级要有删除和修改的按钮三、技术选型
前端页面:用Vue来写,网页的尺寸用px,后台编程:用Egg来写后台,Cortonter与service来实现功能,数据库:用的Mysql,建了一个库,然后库里建了User,Clazz,Student表等,另外用到的技术:Ajax(前后台数据交互,局部刷新),Squlize(Egg链接Mysql从而实现数据传输)),Element-ui(增加页面效果),Md5(密码加密),四、确定接口
登陆接口:/login班级查询:/getclazz添加班级:/insertclazz删除班级:/deleteclazz修改班级:/putclazz学生查询:/getstudent添加学生:/insertstudent删除学生:/deletestudent修改学生:/putstudent五、数据库建模
数据库的模型:
六、编码
前端项目重要文件
前端的vue项目结构中,有部分是项目自带的文件,都是不需要掌握的,其中src文件是很重要的开发文件,需要掌握。
--src
--assets(静态资源,如css,以及一些外部的引入文件)
--