前端：HTML5,CSS3、JavaScript、VUE
设计步骤如下：
1、明确系统的业务流程和数据流程，并用UML画出相应的活动图、顺序图。
2、设计数据字典，明确编码规则。
3、数据库进行设计，建立约束和联系。
4、创建程序框架，代码分成三层结构：接口层、业务层、表示层，设计窗口和主窗口，主窗口菜单项依照系统模块图设计。
5、设计数据访问的接口，供各模块调用。完成登录功能和权限管理功能。
6、在已完成的框架下，先后进行不同模块中不同角色功能模块的设计。
7、最后进行各部分之间的协调、连接、实现，对于部分功能细节上进行完善与优化。
1、 node_modules文件夹(有npn install产生)
这文件夹就是在创建完项目后，cd到项目目录执行npm install后生成的文件夹，下载了项目需要的依赖项。
2、package.json文件
此文件是项目的配置文件（可定义应用程序名，版本，依赖项等等）。node_modules文件夹下的依赖项是从哪里知道的呢？原因就是项目根目录下的这个package.json文件，执行npm install时会去找此文件中的dependencies，并安装指定的依赖项。
3、public文件夹(包含images、javascripts、stylesheets)
这个文件夹做过Web开发的应该一看就知道，为了存放图片、脚本、样式等文件的。
4、routes文件夹
用于存放路由文件。
5、views文件夹
存放视图。
对于本教资考前指导系统的设计来说，系统开发主要是采用ndoejs语言技术，在整个系统的设计中应用MySQL数据库来完成数据存储，具体根据教资考前指导系统的现状来进行开发的，具体根据现实的需求来实现系统网络化的管理，各类信息有序地进行存储，进入教资考前指导系统页面之后，方可开始操作主控界面，主要功能包括:
（1）前台：首页、教师问题、信息教资信息、复习资料、教学视频、在线练习、个人中心、后台管理
（2）管理员：首页、个人中心、学生管理、教师管理、学院名称管理、问题信息管理、教资信息管理、资料类型管理、复习资料管理、教学视频管理、资质面试管理、点评信息管理、系统管理。
（3）学生：首页、个人中心、问题信息管理、资质面试管理、点评信息管理
（4）教师：首页、个人中心、问题信息管理、资质面试管理、点评信息管理、练习题库管理、在线练习管理、练习管理
