Shulou(Shulou.com)06/03 Report--

Vue version of Java online examination system is what, I believe that many inexperienced people do not know what to do, so this paper summarizes the causes of the problem and solutions, through this article I hope you can solve this problem.

An examination system with separate front and rear ends of java + vue. The main advantages are simple and fast development and deployment, friendly interface design and clear code structure. Currently supports web and WeChat Mini Programs, which can cover PCs, mobile phones and other devices. Notes on the use of open source version

For individual study only, please purchase authorized http://www.mindskip.net/buy.html for commercial use.

It is prohibited to sell the code and resources of this project in any form, and the infringer shall bear all the responsibility for any consequences arising from it.

Demo address

Official website: http://www.mindskip.net

Thinking of Learning: http://www.mindskip.net/xzs.html

Learn more: http://www.mindskip.net/xdd.html

Stowe: http://www.mindskip.net/sdd.html

The address of the version of Xueshi Warehouse

Gitee-postgresql: https://gitee.com/mindskip/uexam

Github-postgresql: https://github.com/mindskip/xzs

Gitee-mysql: https://gitee.com/mindskip/xzs-mysql

Github-mysql: https://github.com/mindskip/xzs-mysql

Student system function

Login and registration: select the grade when registering, filter the test papers of different grades, and the account number is student/123456.

Home page: task center, fixed paper, time paper, part of the test paper that can be done

Test paper center: contains all the papers that can be done, filtered and paginated by discipline

Examination record: all the examination papers are paged here, and you can view the results, time, scores, self-correction, etc.

Wrong question book: for all the wrong questions, you can see the result, score, difficulty, analysis, correct answer, etc.

Personal center: personal logging

Messages: message notification

Answer the test paper and view the test paper: show the basic information of the question and what needs to be filled in

Management system function

Login: account is admin/123456

Home page: contains the statistical functions of test papers, questions, number of papers done, number of questions done, user activity, activity and number of questions done on a monthly basis

User management: add, delete, change and query management functions for students, teachers and administrators with different roles

Paper management:

List of examination papers: the addition, deletion, modification and examination of the examination paper, including the selected discipline, the type of the test paper, the name of the test paper, the examination time, the content of the test paper includes adding additional titles, and then adding questions to this test paper to form a complete set of test papers

Topic list: the addition, deletion, modification and search of topics, the current types of questions include single-choice questions, multiple-choice questions, judgment questions, blank questions, simple questions, supporting pictures, formulas and so on.

Educational management: add, delete, modify and check the disciplines of different grades

Message center: can send messages to multiple users, reserve: join the class, push test papers and other messages

Log center: log the user's basic operations to understand the user's usage

Mini Program student system functions:

If you log in to the logout feature, you will automatically bind your Wechat account, and log out will unbind it.

The home page contains the task center, fixed test paper, time interval test paper, and push test paper module, which is consistent with the web side.

Test paper module, paging query of fixed test paper and time period test paper, drop-down load more, pull-up to refresh current data

The recording module, the paging of the examination results, contains the basic information of the examination paper.

My module, including the modification of personal data, personal dynamics, message center module

Technology stack list

Background system:

Spring-boot 2.1.6.RELEASE

Spring-boot-security user login authentication

Undertow web container

Postgresql/mysql 's excellent open source database

Redis cache to improve system performance

Mybatis database middleware

The fastest database connection pool in hikari

At present, Qiniuyun Storage is free in 10G.

Foreground system:

Vue.js adopts the new version and uses the system built by vue-cli3 to reduce a large number of configuration files.

The most popular vue component of element-ui, the latest version

The latest version of vue-element-admin, which has done a lot of simplification to the system, retaining only some styles and controls.

Echarts chart statistics

Ueditor fill in the blanks extension

WeChat Mini Programs:

IView theme Styl

Using tutorials

Redis installation

Enter the group to get the database script and create a table to initialize the data

/ uexam/source/xzs is the background code. It is recommended to use IntelliJ IDEA to open it. In the application-dev.yml file, configure the service addresses of postgesql/mysql and redis, and open the XzsApplication file to compile and run. The default port is 8000.

Student system address: http://localhost:8000/student

Management side address: http://localhost:8000/admin

Software architecture diagram

System display

Student examination system

Mini Program examination system

Background management system

After reading the above, have you mastered the method of the Vue version of Java online examination system? If you want to learn more skills or want to know more about it, you are welcome to follow the industry information channel, thank you for reading!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.