In this issue, I will introduce to you a simple questionnaire survey system.
1. Business introduction
This system is divided into the following modules:
1. Log in and register
2. Create a new questionnaire
After registration and login, you can enter the homepage You can create a questionnaire Currently there are only three question types: single choice, multiple choice, and short answer. And you can choose manual end and automatic end mode.
3. Publish the questionnaire
After the questionnaire is created, you can click Publish Questionnaire to generate the questionnaire link: Copy the link and open it in the browser to start filling in the questionnaire: After completing the questionnaire, you can see the statistical data in the background after submission
4. Questionnaire statistics
View distributed surveys
2. Technical introduction
1. Technology stack
Backend: SpringBoot +Mybatis
Database: MYSQL 8.x,
前端: VUE + ElementUI
2. Code introduction
image.png
Three Quick Start
1. Environment preparation
MYSQL 8.x
JDK1.8
Maven 3
IDEA
Node 16+
The above environment needs to be prepared and set up locally before proceeding with the following steps.
Database configuration: (note that Mysql database requires 8.x) Database initialization statement:
Create and initialize the database: Open navicat, copy the sqkl script into it and execute it:
Step4: Start the backend project
Idea runs the back-end project and sees the following information, which means the operation is successful.
4. Front-end deployment
Open the terminal and enter the front-end project directory:
image.png
Step1: Install npm dependencies
npm install
Step2: Start the front-end project
npm run serve If you see the following information, the deployment is successful. Screenshot of successful front-end deployment.
Click on any link to jump to the browser and open it.
Login: Enter the account password: admin 123456 to log in successfully!
Follow the ITSource official account! Get more learning resources!
Paid secondary development, customization, and one-on-one explanation are available. If interested, please contact WeChat: itguangit
This article is published by mdnice Multiple platforms
You can create a questionnaire
Currently there are only three question types: single choice, multiple choice, and short answer. And you can choose manual end and automatic end mode.
Copy the link and open it in the browser to start filling in the questionnaire:
After completing the questionnaire, you can see the statistical data in the background after submission
Create and initialize the database: Open navicat, copy the sqkl script into it and execute it:
