Giter VIP home page Giter VIP logo

onlineexam-student's Introduction

简介(有用的话记得给个star哈,谢谢啦)

1. 项目描述

  1. 此项目为一个基于Vue的前后端分离的在线考试系统项目
  2. 使用了 Vue 全家桶+ES5ES6ES7+Webpack 等前端新技术
  3. 后端基于SpringBoot搭建SSM框架
  4. 包括学生端、教师端和管理员端
  5. 采用模块化、组件化、工程化的模式开发

2. 能从此项目中学到什么?

2.1 项目开发流程及开发方法

  1. 熟悉一个项目的开发流程
  2. 学会组件化、模块化、工程化的开发模式
  3. 掌握使用 vue-cli 脚手架初始化 Vue.js 项目
  4. 学会模拟 json 后端数据,实现前后端分离开发
  5. 学会 ES5ES6ES7+eslint 的开发方式
  6. 掌握一些项目优化技巧
  7. 掌握WebSocket实时在线通信

2.2 Vue 插件或第三方库

  1. 学会使用 vue-router 开发单页应用
  2. 学会使用 axios/vue-resource 与后端进行数据交互
  3. 学会使用 vuex 管理应用组件状态
  4. 学会使用 基于Vue的插件, 如vue-seamless-scroll实现无缝滚动,v-viewer实现图片预览,ly-tab实现触摸滑动并具有回弹效果等
  5. 学会使用 mint-ui、muse-ui和element-ui 组件库构建界面
  6. 学会使用 mockjs 模拟后台数据接口
  7. 学会通过API接口与后端进行交互
  8. 学会通过第三方平台七牛云进行图片的存取

3. 运行项目

onlineexam-student文件夹:

  1. npm install
  2. npm run dev

onlineexam-student文件夹:

  1. npm install
  2. npm start

4. 其他项目地址

在线考试系统教师端

在线考试系统管理员端

在线考试系统后端项目源码

5. 在线演示地址

在线考试系统学生端: http://maweitao.top/onlineexam-student

6. 部分演示截图

Sample

学生端首页

Sample

学生端错题页面

Sample

学生端搜索页面

Sample

学生端个人中心页面

Sample

学生端消息列表页面

Sample

试卷列表页面

Sample

试卷详情页面

Sample

试卷单选题页面

Sample

试卷多选题页面

Sample

试卷判断题页面

Sample

试卷填空题页面

Sample

试卷答题卡页面

Sample

试卷答题卡页面

Sample

成绩报告页面

Sample

错题题目页面

Sample

错题卡页面

Sample

收藏题目页面

onlineexam-student's People

Contributors

frontdemon avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.