V Tribe Blog Management Platform Open source! Vue+springboot Combination!

V Tribe is a multi-user blog management platform, using vue+springboot development.

Project Demo Address: http://45.77.146.32:8081/index.html

Project Address: Https://github.com/lenve/VBlog Project landing page

Article List

Published articles

User Management

Column Management

Data statistics

Technology stack back-end technology stack

The back end mainly uses:

1.SpringBoot
2.SpringSecurity
3.MyBatis
4. Some interfaces follow restful style
5.MySQL

Front End Technology Stack

The front-end mainly uses:

1.Vue
2.axios
3.ElementUI
4.vue-echarts
5.mavon-editor
6.vue-router

There are other trivial technologies that I'm not here to enumerate.

Fast Running

1. Cloning the project to a local

[email protected].com:lenve/VBlog.git

2. Locate the Vueblog.sql file in the resources directory of the Blogserver project and execute it in the MySQL database
3. Modify the database configuration according to your local situation, database configuration in the application.properties of the Springboot project
4. Run the Blogserver project in IntelliJ idea

OK, at this point, the server started successfully, at this time we directly in the address bar input http://localhost:8081/index.html can access our project, if you want to do two development, please continue to see the fifth to sixth step.

5. Go to the Vueblog directory and enter the following command in the console:

# 安装依赖npm install# 在 localhost:8080 启动项目npm run dev

Since I have configured port forwarding in the Vueblog project, forwarding the data to the Springboot, so after the project is started, http://localhost:8080 you can access our front-end items by entering it in the browser. All requests pass data to Springboot via port forwarding (note that you do not close the Springboot project at this time).

6. Finally, you can open the Vueblog project with Webstorm and other tools, continue to develop, after the development is completed, when the project to go online, still enter the Vueblog directory, and then execute the following command:

npm run build

After the command executes successfully, a dist folder is generated under the Vueblog directory, and the two files in that folder are copied to the resources/static/directory in the Springboot project by copying the static and index.html of the folders. Then it can be accessed directly like the 4th step.

Step 5 requires you to Nodejs, NPM and other have a certain use of experience, not familiar with the small partners can first self-search study, recommended Vue official tutorial.

Project Dependencies

1.vue-echarts
2.mavonEditor

License

MIT

Welcome to our small partners star, fork.

Follow the public for more information on the whole stack:

V Tribe Blog Management Platform Open source! Vue+springboot Combination!