Main technique
This system adopts the front-end and back-end separation mode. The front-end adopts vue and elementUi technology, and the back-end uses spring Boot + mybatis + Maven + security to build the background.
Vue: It is mainly responsible for the rendering and display of the page, which is realized by Vue.
Controller: responsible for reading the data of the view presentation layer, controlling the user's input, and calling the method of the business layer, which is realized through the controller.
Model: The object model analysis after requirement analysis is mainly responsible for data management.
The main function
The following is the system function structure diagram
Project operating environment
| environment item | parameter |
|---|---|
| JDK | 1.8 |
| database | Mysql5.6 |
| Java development tools | IntelliJ IDEA 2020.3 |
| web server | Tomcat8.x 64 bit |
| browser | Google Chrome |
Database ER Diagram
The following is the ER diagram of the system database
System function design
1. System login interface, login by role
2. Fill in the project application. The instructor clicks the Add button, and the system pops up a box to fill in the project approval. The instructor enters the project approval information, and clicks OK to complete the project approval application.
3. Print the application for project approval
4. The instructor uploads the scanned copy of the stamped document.
5. Auditors fill in the audit comments and choose whether to pass the audit.
6. Instruct the teacher to add team information and sign up for subject competitions.
7. The instructor adds the awards for the competition, uploads the attached supporting materials, and applies for the completion of the question.
8. Auditors make statistics on the project situation
epilogue
There are still many details about the time relationship that have not been written.