The test system uexam with front-end and back-end separation of java + vue

Project Introduction

Xuezhisi online test system is a java + vue test system with front-end and back-end separation. The main advantage is that the development and deployment are simple and fast, and it can be expanded horizontally to do load balancing on multiple servers. The exam is fully functional. Currently, there are web terminals and WeChat applets, which can cover devices such as PCs and mobile phones.

Instructions for using the open source version

It is allowed to be used for personal study, graduation design, teaching cases, and public welfare undertakings;

The open source version is not suitable for commercial use, please purchase the commercial version https://www.alvisu.com/buy.html ;

It is forbidden to sell the code and resources of this project in any form, and the infringer shall be responsible for any consequences arising therefrom

Authorization introduction: https://www.alvisu.com/buy.html

demo address

Official website: https://www.alvisu.com

Thinking of learning: https://www.alvisu.com/uexam.html

Learn a lot: https://www.alvisu.com/xdd.html

Alvisu: https://www.alvisu.com/sdd.html

Derivative version source address

gitee ：postgresql | mysql

github ：postgresql | mysql

Student System Functions

Login and registration: When registering, you need to select a grade, and filter the test papers of different grades. The account is student/123456
Homepage: task center, fixed test papers, time period test papers, some test papers that can be done
Test paper center: Contains all test papers that can be done, filtered and paginated by subject
Examination records: All test papers and examination records are paged here, you can view test paper results, time spent, scores, self-correction, etc.
Wrong question book: For all wrong questions, you can see the results, scores, difficulty, analysis, correct answers, etc.
Personal Center: Personal Logging
message: message notification
Test paper answer and test paper view: Show the basic information of the question and the content that needs to be filled in

Manage System Functions

Login: account is admin/123456
Homepage: Contains statistical functions of test papers, questions, number of papers, number of questions, and user activity. Activity and number of questions are counted on a monthly basis
User management: add, delete, modify, and query management functions for students, teachers, and administrators in different roles
Question Management:
1. List of test papers: add, delete, modify and check test papers, add subjects, test paper types, test paper names, test time, test paper content includes adding titles, and then add questions to this test paper to form a complete set of test papers
2. Question list: add, delete, modify and check the questions. The current question types include single-choice questions, multiple-choice questions, true-and-true questions, fill-in-the-blank questions, simple questions, pictures, formulas, etc. are supported.
Educational management: add, delete, modify and check subjects of different grades
Message Center: Messages can be sent to multiple users, reserved: join a class, push test papers and other messages
Log Center: log the basic operations of the user to understand the user's usage

Mini Program Student System Functions:

User login and logout function, login will automatically bind WeChat account, logout will unbind
The home page includes task center, fixed test paper, period test paper, and push test paper modules, which are consistent with the web side
Examination paper module, page-by-page query of fixed examination papers and time period examination papers, pull down to load more, pull up to refresh current data
The record module, the pagination of the test results, contains the basic information of the test paper
My module, including modification of personal data, personal dynamics, message center module

Technology stack list

backend system:

spring-boot 2.1.6.RELEASE
spring-boot-security user login verification
undertow web container
postgresql/mysql excellent open source database
redis cache, improve system performance
mybatis database middleware
hikari the fastest database connection pool
Qiniu cloud storage is currently free within 10G

Foreground system:

Vue.js adopts a new version, using the system built by vue-cli3, reducing a large number of configuration files
element-ui The most popular Vue component, using the latest version
The latest version of vue-element-admin has greatly simplified the system, only retaining some styles and controls
echarts chart statistics
In order to support the fill-in-the-blank questions, ueditor has made some modifications

WeChat applet:

iView theme styles

Software Architecture Diagram

Installation Tutorial

redis installation
Enter the group to obtain the database script, create a table and initialize the data
/uexam/source/exam 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 ExamApplication file to compile and run. The default port is 8001.
/uexam/source/vue/exam-student is the front-end code of the student system, it is recommended to use JetBrains WebStorm to open it, first run the installation package command: 【npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/ 】 [npm install --registry https://registry.npm.taobao.org ], and then run the compile and start command: [npm run serve], the default port is 80
/uexam/source/vue/exam-admin is the front-end code of the background management system, it is recommended to use JetBrains WebStorm to open it, first run the installation package command: [npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/ ] [npm install --registry https://registry.npm.taobao.org ], and then run the compile and start command: [npm run serve], the default port is 81
/uexam/source/wx/exam-student is the code of the WeChat applet, which can be opened directly with the WeChat developer tool