How a Java‑Vue Open‑Source Exam System Simplifies Online Testing

Project Introduction

The XueZhiSi online exam system is a Java + Vue front‑back separated exam platform. Its main advantages are simple and fast development and deployment, user‑friendly interface, and clear code structure. It currently supports both web and WeChat mini‑program, covering PC and mobile devices.

Open‑Source Usage Notice

For personal learning only; commercial use requires a purchased license.

Prohibited to sell the project's code or resources; infringers bear all consequences.

Student System Features

Login/registration: select grade during registration to filter exams; default account student/123456.

Home page: task center, fixed exams, timed exams, and a subset of available exams.

Exam center: all available exams, filtered by subject with pagination.

Exam records: paginated list of exam results with details such as score, duration, and self‑grading.

Wrong‑question book: view incorrectly answered questions with analysis and correct answers.

Personal center: personal log records.

Messages: notification center.

Exam paper answering and viewing: display question information and input fields.

Admin System Features

Login: default admin account admin/123456.

Dashboard: statistics of exams, questions, number of attempts, and user activity (monthly).

User management: CRUD for student and administrator roles.

Exam and question management:

Exam list: CRUD for exams, including subject, type, name, duration, and adding sections and questions.

Question list: CRUD for questions; supported types include single‑choice, multiple‑choice, true/false, fill‑in‑the‑blank, and short answer, with image and formula support.

Task management: modify tasks.

Education management: CRUD for subjects across grades.

Answer sheet management: view student scores.

Message center: send messages to multiple users.

Log center: record basic user operations for usage analysis.

Mini‑Program Features

User login/logout with automatic WeChat account binding/unbinding.

Home page mirrors the web version with task center, fixed exams, timed exams, and push exam modules.

Exam module: paginated queries for fixed and timed exams, pull‑to‑load more, and pull‑to‑refresh.

Record module: paginated exam results with basic exam information.

My page: personal profile editing, activity feed, and message center.

Technology Stack

Backend:

Spring Boot 2.1.6.RELEASE

Spring Boot Security for authentication

Undertow web container

PostgreSQL/MySQL databases

Redis cache for performance

MyBatis ORM

HikariCP connection pool

Qiniu Cloud storage (free up to 10 GB)

Frontend:

Vue.js (built with vue‑cli3)

Element‑UI component library

vue‑element‑admin (trimmed version)

ECharts for charting

UEditor plugin for fill‑in‑the‑blank questions

WeChat Mini‑Program:

iView UI theme

Setup Tutorial

Install Redis.

Join the group to obtain database scripts and initialize tables.

Open the backend code at /uexam/source/xzs with IntelliJ IDEA, configure PostgreSQL/MySQL and Redis addresses in application-dev.yml, then run XzsApplication (default port 8000).

Student system URL: http://localhost:8000/student Admin system URL:

http://localhost:8000/admin

Software Architecture Diagram

System Showcase

Student exam system

Mini‑program exam system

Backend management system