教务管理+在线考试系统(教师端,学生端)React + React Router 4.0 + Redux + Ant Design +Webpack

(31) 2024-08-21 12:01:01

下载地址:https://download.csdn.net/download/a/

项目介绍

教务管理+在线考试系统(教师端,学生端)React + React Router 4.0 + Redux + Ant Design +Webpack

系统说明

功能模块
登录

主页面

左边菜单
顶部导航
考试须知
在线考试(后台判断该学生是否有将要进行的考试)

个人中心

修改密码
代码目录
+-- build/ ---项目构建(webpack)相关代码
+-- config/ ---项目开发环境配置相关代码
+-- node_modules/ ---项目依赖的模块
+-- src/ ---源码目录
| +-- assets ---资源目录
| | --- ...
| +-- components ---vue公共组件
| | +-- httpServer ---http请求封装组件
| | | --- index.js
| +-- router ---前端路由
| | --- index.js
| +-- containers ---页面目录
| | +-- login ---登录页面
| | | ---login.vue
| | +-- main ---主界面
| | | +-- homepage ---首页
| | | | --- index.vue
| | | +-- examCard ---答题页
| | | | --- index.vue
| | | +-- personalCenter ---个人中心
| | | | --- changePass.vue ---修改密码
| | | --- main.vue
| --- App.vue ---页面入口文件(根组件)
| --- main.js ---程序入口文件(入口js文件
+-- static/ ---静态文件,比如一些图片,json数据等
--- .babelrc ---ES6语法编译配置
--- .editorconfig ---定义代码格式
--- .gitignore ---git上传需要忽略的文件格式
--- index.html ---入口页面
--- package.json ---项目基本信息
--- README.md ---项目说明
主要功能截图
登录

Image text

首页

Image text

在线考试

Image text Image text

个人中心 Image text

Build Setup
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

教务管理+在线考试系统(教师端,学生端)React + React Router 4.0 + Redux + Ant Design +Webpack (https://mushiming.com/)  第1张

教务管理+在线考试系统(教师端,学生端)React + React Router 4.0 + Redux + Ant Design +Webpack (https://mushiming.com/)  第2张

教务管理+在线考试系统(教师端,学生端)React + React Router 4.0 + Redux + Ant Design +Webpack (https://mushiming.com/)  第3张教务管理+在线考试系统(教师端,学生端)React + React Router 4.0 + Redux + Ant Design +Webpack (https://mushiming.com/)  第4张

教务管理+在线考试系统(教师端,学生端)React + React Router 4.0 + Redux + Ant Design +Webpack (https://mushiming.com/)  第5张教务管理+在线考试系统(教师端,学生端)React + React Router 4.0 + Redux + Ant Design +Webpack (https://mushiming.com/)  第6张教务管理+在线考试系统(教师端,学生端)React + React Router 4.0 + Redux + Ant Design +Webpack (https://mushiming.com/)  第7张教务管理+在线考试系统(教师端,学生端)React + React Router 4.0 + Redux + Ant Design +Webpack (https://mushiming.com/)  第8张教务管理+在线考试系统(教师端,学生端)React + React Router 4.0 + Redux + Ant Design +Webpack (https://mushiming.com/)  第9张教务管理+在线考试系统(教师端,学生端)React + React Router 4.0 + Redux + Ant Design +Webpack (https://mushiming.com/)  第10张教务管理+在线考试系统(教师端,学生端)React + React Router 4.0 + Redux + Ant Design +Webpack (https://mushiming.com/)  第11张教务管理+在线考试系统(教师端,学生端)React + React Router 4.0 + Redux + Ant Design +Webpack (https://mushiming.com/)  第12张教务管理+在线考试系统(教师端,学生端)React + React Router 4.0 + Redux + Ant Design +Webpack (https://mushiming.com/)  第13张教务管理+在线考试系统(教师端,学生端)React + React Router 4.0 + Redux + Ant Design +Webpack (https://mushiming.com/)  第14张

教务管理+在线考试系统(教师端,学生端)React + React Router 4.0 + Redux + Ant Design +Webpack (https://mushiming.com/)  第15张

适用场景:

毕业论文、课程设计、公司项目参考

运行截图

THE END

发表回复