【职业培训】Web前端学习第9章教务管理系统开发1开发过程

1、 需求分析

具有登录功能

可以添加、删除或修改类信息

可以添加、删除或修改学生信息

班级中有学生时无法删除

注销后，返回登录页面

2、 原型设计

需要用于学生管理和班级管理的切换菜单栏

需要添加学生和班级的添加按钮

您需要一个按钮才能注销

学生和班级的基本信息应显示在页面上

学生和班级应具有删除和修改按钮

3、 技术选择

前端页面：Vue用于写入，页面大小为px，

后台编程：使用Egg编写后台，Corcenter和服务实现功能，

数据库：使用MySQL构建数据库，然后在数据库中构建用户、clazz、学生表等，

使用的其他技术：

Ajax（前后数据交互、本地刷新），

Squalize（Egg链接到MySQL进行数据传输），

元素ui（增加页面效果），

Md5（密码加密），

4、 确定接口

登录界面：/Login

类查询：/getclazz

添加类：/insertclazz

删除类：/deleteclazz

编辑类：/putclazz

学生查询：/getstudent

添加学生：/insertstudent

删除学生：/deletestudent

修改学生：/putstudent

5、 数据库建模

数据库模型：

6、 编码

前端项目重要文件

在前端vue项目结构中，有一些文件随项目而来，不需要掌握。src文件是一个重要的开发文件，需要掌握。

|--源代码

|--资源（静态资源，如css和一些外部导入文件）

|--组件（公共文件）

|--路由器

|--app：。vue（根组件）

|--主要。js（条目文件）

有关具体的前端代码分析，请参见第05节：前端代码简介

后台项目重要文件

后台EGG项目中也有许多项目配置文件。只要理解他们。app文件夹是一个重要的文件，您需要掌握

|--app

|--控制器（控制文件用于解析用户的输入，并在处理后返回相应的结果）

|--服务（用于编辑逻辑层，如操作数据库）

|--中间件（用于编写中间件）

|--型号

|--路由器。Js（主要用于描述请求URL和执行执行动作的特定控制器之间的对应关系。框架已同意使用app/router.Js文件来统一所有路由规则。）