News management system (SpringBoot+Vue)

Shangqiu Institute of Technology News Network

1 Introduction

  sqgxy-xxydz-newsIt 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-backedaddress: 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 swaggeraddress: 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-frontedaddress: 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
  • rear end

    • Modify application.ymlthe database information, and then run it.

6. Preview pictures

  • front page

insert image description here

insert image description here

insert image description here
insert image description here
insert image description here
insert image description here
insert image description here

insert image description here

  • backend page

insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here
insert image description here

Guess you like

Origin blog.csdn.net/qq_53463544/article/details/128049454