# tumo-vue

**Repository Path**: hyperions/tumo-vue

## Basic Information

- **Project Name**: tumo-vue
- **Description**: Tumo Blog -vue 一个基于vue组件、SpringBoot2开发的前后端分离的博客项目，简约的设计希望你能喜欢。欢迎提出建议、star、fork 给作者一些鼓励。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-04-22
- **Last Updated**: 2021-04-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Tumo Blog 

![](http://cdn.tycoding.cn/tumo.png)

Tumo Blog -Vue，是 [Tumo](https://github.com/TyCoding/tumo) 项目的Vue版本，采用了SpringBoot2.1.3 + Vue前后端分离式开发。项目集成了Shiro、Swagger等框架，对于初学Vue前后端分离项目的朋友来说，这是个不错的例子。

[![License](https://img.shields.io/badge/SpringBoot-v2.0.5.RELEASE-green.svg)](https://github.com/TyCoding/tumo)
[![License](https://img.shields.io/badge/Vue.js-v2.x-blue.svg)](https://github.com/TyCoding/tumo)
[![License](https://img.shields.io/badge/Mysql-v5.7.22-blue.svg)](https://github.com/TyCoding/tumo)
[![License](https://img.shields.io/badge/VueAdminTemplate-v1.0-green.svg)](https://github.com/PanJiaChen/vue-admin-template)

SpringBoot + LayUI 前后端不分离版本：[Tumo](https://github.com/TyCoding/tumo)

如果大家喜欢、或是对大家的学习有所帮助，请点击右上角star、fork 给作者一些鼓励。

## 写在前面

学习了此项目，能带给你：

1. 了解在基于Vue的前后端分离项目中如果完成CRUD和数据交互
2. 学习在基于Vue的前后端分离项目中如何使用Shiro进行权限控制
3. 清楚一个前后端分离博客项目的开发流程和设计思路
4. 总而言之，这是一个不错的前后端分离项目示例，通俗易懂的代码设计和业务流程，带给你更愉快的开发体验。

## 运行

此仓库实际包含两个项目：

- `api` - 博客Java后端接口（SpringBoot）
- `app` - 博客前前端页面（Vue）

请分别运行这两个项目：

- `api` - 运行`TumoApplication.java`的main方法即可
- `app` - 使用`npm run dev`运行前端vue项目

## 联系我

- [Blog@TyCoding's blog](http://www.tycoding.cn)

- [GitHub@TyCoding](https://github.com/TyCoding)

- [ZhiHu@TyCoding](https://www.zhihu.com/people/tomo-83-82/activities)

- QQ Group: 671017003

## 项目预览

![](doc/20190928104847.png)

![](doc/20190928104904.png)

![](doc/20190928104931.png)

![](doc/20190928104940.png)

![](doc/20190928105056.png)

![](doc/20190928105115.png)

![](doc/20190928105141.png)

![](doc/20190928105158.png)

![](doc/20190928105205.png)

![](doc/20190928105213.png)