Shangqiu Institute of Technology News Network
1 Introduction
sqgxy-xxydz-news
It is a project of the web competition that I participated in in my senior year. I developed it with my teammates and gained a lot in the process.
2. Introduction
The official news website of Shangqiu Institute of Technology (School of Information and Electronic Engineering) includes a front-end news display system and a back-end management system, which are implemented based on SpringBoot+Vue+MyBatis-Plus. The front-end mall system includes the home page (carousel map, notice announcement, work dynamics, college dynamics), access to letter and telecommunications, study style construction, letter and telecommunications star, subject competition, party history learning, Guide Academy, school homepage, contact us and other modules . The background management system includes general administrator management, news management (the first-level title and the second-level title are bound), file management, Telecom Star management, contact management, about us, about this site and other modules.
3. Technology selection
Description of technical options (separation of front and rear ends)
- Backend: SpringBoot, Mybatis-Plus, Apache Shiro
- Front-end: Vue, Element-UI, Vue-quill-editor (rich text editor)
4. Project demonstration
1. Background management system
Backend project sqgxy-xxydz-news-backed
address: https://github.com/xmpjava/sqgxy-xxydz-news/tree/main/sqgxy-xxydz-news-backend
Project demonstration address: http://180.76.56.118/#/login
2. Background interface
Backend project swagger
address: http://180.76.56.118:10086/swagger-ui.html
Project demo address: http://180.76.56.118:10086/swagger-ui.html
3. Front desk news system
Front-end project sqgxy-xxydz-news-fronted
address: https://github.com/xmpjava/sqgxy-xxydz-news/tree/main/sqgxy-xxydz-news-frontend
Project demonstration address: http://180.76.56.118/
5. Project deployment
-
front end
-
- Enter the root directory to execute
npm install
, and then executenpm run serve
- Enter the root directory to execute
-
rear end
-
- Modify
application.yml
the database information, and then run it.
- Modify
6. Preview pictures
- front page
- backend page