(Enterprise level) Open source test system-local code debugging and running

Insert picture description here

Article Directory

One, back-end deployment

Code Cloud Open Source: https://gitee.com/mindskip/xzs-mysql

Insert picture description here
1. Graphical clone project
Insert picture description here
2. Command clone project
git clone [email protected]:mindskip/xzs-mysql.git
3. Create the database and initialize the database script

Create xzsdatabase

Insert picture description here
Note: See the table structure file at the bottom of the article
4. Open the project in IntelliJ IDEA
slightly
5. Database connection and redis configuration
Insert picture description here
6. Start redis and back-end programs
Insert picture description here


Insert picture description here


Insert picture description here
6. Browser access

Student side: http://localhost:8000/student/index.html

Insert picture description here

Administrator side: http://localhost:8000/admin/index.html

Insert picture description here


Insert picture description here
Interpretation: Tell me why we only start the back-end, and the front-end page can be accessed, because the front-end page has been packaged and placed in the static folder under the resources of the project, so it can be accessed directly
Insert picture description here
Two, front-end deployment
Disclaimer: If it is just to see the effect, the front-end deployment can be skipped. If you study in depth, you can continue to read and modify the source code for secondary development.
Prerequisite: install nodejs
2.1. Open source code to install dependencies
Use webstorm or vscode on the front end to open the folder to open the source code \source\vue\xzs-student and source\vue\xzs-admin respectively
Insert picture description here

Execute the following 2 commands to install node_module:

npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
npm install --registry https://registry.npm.taobao.org  
2.2. Start the admin side and the student side in turn

Execute the following command to start the front-end code

npm run serve
Insert picture description here
Insert picture description here
2.3. Browser access

Student system address: http://localhost:8001/student/index.html

Insert picture description here


Insert picture description here

Management address: http://localhost:8002/student/index.html

Insert picture description here


Insert picture description here
supplement

In fact, the front-end static page is already in the back-end project, and the front-end is started to facilitate secondary development