[Open Source] A Java + Vue Examination System with a Separated Frontend and Backend, Featuring Simple Deployment and a User-Friendly Interface
![[Open Source] A Java + Vue Examination System with a Separated Frontend and Backend, Featuring Simple Deployment and a User-Friendly Interface](https://yy123.ink/api/img/1782601041704-6yrciz.jpg)
1. Project Overview
XZS Open-Source Examination System is a Java + Vue examination system with a separated frontend and backend architecture. Its main advantages include simple and efficient development and deployment, a user-friendly interface, and a clear code structure. It supports both web browsers and WeChat Mini Programs, covering devices such as PCs and mobile phones. Multiple deployment methods are supported: integrated deployment, frontend-backend separated deployment, and Docker deployment.
2. Open Source License
Licensed under AGPL-3.0
3. Screenshots
System Showcase
-
Student Examination System
 |
|
-
Mini Program Examination System
 |
 |
 |
 |
 |
 |
 |
 |
-
Backend Administration System
 |
 |
4. Feature Overview
Student System Features
|
Module |
Introduction |
|
Login |
Username and Password |
|
Registration |
Grade, Username, and Password |
|
Task Center |
Grade-specific tasks published by administrators. Each student can complete each task only once. |
|
Examinations |
Question content supports text, images, mathematical formulas, tables, and more. Student answers support text input. |
|
Fixed Exams |
Exams that can be practiced repeatedly and graded independently by students |
|
Timed Exams |
Exams that can be practiced repeatedly and graded independently within a specified time limit |
|
Exam Records |
View answer records and exam information |
|
Wrong Answer Notebook |
Incorrectly answered questions are automatically added to the wrong answer notebook, displaying basic question information |
|
Personal Information |
Displays the student's personal profile |
|
Update Information |
Edit personal information and avatar |
|
Personal Activity |
Displays the user's recent personal activity |
|
Message Center |
Used to receive messages sent by administrators |
Administration System Features
|
Module |
Introduction |
|
Login |
Username and Password |
|
Homepage |
Total number of exams, total number of questions, user activity, and monthly question statistics |
|
Student List |
Displays all students in the system, with options to add, edit, delete, and disable accounts |
|
Administrator List |
Displays all administrators in the system, with options to add, edit, delete, and disable accounts |
|
Subject List |
Search, edit, and delete subjects |
|
Create Subject |
Create a subject |
|
Exam Paper List |
Search, edit, and delete exam papers |
|
Create Exam Paper |
Create exam papers as timed exams, fixed exams, or task-based exams |
|
Question List |
Search, edit, and delete questions |
|
Create Question |
Supports single-choice, multiple-choice, true/false, fill-in-the-blank, and short-answer questions. Question content supports text, images, tables, and mathematical formulas. |
|
Task List |
Search, edit, and delete tasks |
|
Message List |
Displays sent messages, the number of users who have read each message, and other information |
|
Send Messages |
Send messages to multiple users |
|
User Logs |
Displays logs for all users |
|
Profile |
Displays the administrator's username and real name |
|
Timeline |
Displays the administrator's account creation time |
|
Edit Profile |
Modify name and mobile phone number |
Mini Program Features
|
Module |
Introduction |
|
Login |
User login and logout functionality. Logging in automatically binds the WeChat account, while logging out unbinds it. |
|
Registration |
Grade, Username, and Password |
|
Task Center |
Grade-specific tasks published by administrators. Each student can complete each task only once. |
|
Examinations |
Question content supports text, images, mathematical formulas, tables, and more. Student answers support text input. |
|
Fixed Exams |
Exams that can be practiced repeatedly and graded independently by students |
|
Timed Exams |
Exams that can be practiced repeatedly and graded independently within a specified time limit |
|
Exam Records |
View answer records and exam information |
|
Wrong Answer Notebook |
Incorrectly answered questions are automatically added to the wrong answer notebook, displaying basic question information |
|
Personal Information |
Displays the student's personal profile |
|
Update Information |
Edit personal information and avatar |
|
Personal Activity |
Displays the user's recent personal activity |
|
Message Center |
Used to receive messages sent by administrators |
5. Tech Stack
Architecture Diagram
Tech Stack
Running environment
|
Environments |
Version |
|
Operating System |
Windows / Linux |
|
NodeJs |
14 |
|
Jdk |
1.8 |
|
Mysql |
8.0 |
Backend System
-
spring-boot 2.1.6.RELEASE
-
spring-boot-security User Login Authentication
-
undertow Web Container
-
mysql The Most Popular Open-Source Database
-
mybatis Database Middleware
-
hikari The Fastest Database Connection Pool
-
Qiniu Cloud Storage Distributed File Storage Center
Frontend System
-
vue Uses the latest version and a system built with vue-cli4, reducing the need for numerous configuration files
-
element-ui The Most Popular vue UI Framework
-
vue-element-admin Deeply Customized Edition
-
echarts Chart Statistics
-
ueditor Question Editor
WeChat Mini-Program
-
iView Theme Styles
Source: Official Documentation of XZS Open-Source Examination System