# syyo-admin

**Repository Path**: cmpyth/syyo-admin

## Basic Information

- **Project Name**: syyo-admin
- **Description**: 一个简单的前后端分离管理系统，使用springboot、vue等技术
- **Primary Language**: Java
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2026-01-14
- **Last Updated**: 2026-01-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# syyo-admin

#### 介绍
在码云里找了很多开源项目，都没找到一个动态控制权限的前后端分离的管理系统，所以自己用所学的知识试着写了一个使用自定义注解来控制权限。


#### 软件架构
    admin-server 后端代码
    admin-vue 前端代码

#### 前端技术
    vue 2.0 
    element-ui 2.13 饿了么组件库
    vue-table-with-tree-grid 0.2 树形展示组件
    wangeditor 3.1 富文本

#### 后端技术
    springboot 2.0
    Mybatis
    lombok

#### 内置功能
1.用户管理

2.角色管理

3.菜单管理

4.通告管理 


#### 软件需求
    JDK1.8
    MySQL5.5+
    Maven3.5+



账号密码：admin/admin

#### 后端部署 
1.  使用idea通过git下载源码
2.  idea需安装lombok插件，不然会提示找不到entity的get set方法
3.  创建数据库syyo，数据库编码为UTF-8
4.  执行db/syyo.sql文件，初始化数据
5.  修改配置文件application-dev.yml的数据库用户名密码
5.  启动SyyoApplication.java文件

#### 前端部署
注意：必要安装nodeJs和webpack环境（详情百度nodeJS安装）

账号密码：admin/admin

第一种
1.  使用WebStorm打开admin-vue项目
2.  在终端输入 npm i 
3.  在终端输入 npm run serve 
4.  访问 http://localhost:8080 （默认端口8080）

第二种
1.  使用WebStorm打开admin-vue项目
2.  在终端输入 npm i 
3.  在终端输入 npm run build 
4.  将打包好的文件放入nginx的html包下，配置好nginx的配置文件（详情百度nginx安装配置）
5.  启动ngin，既可访问


![登录页](https://images.gitee.com/uploads/images/2020/0112/142002_a34cefb1_5116389.png "屏幕截图.png")

![用户管理](https://images.gitee.com/uploads/images/2020/0112/142044_74cb2c26_5116389.png "屏幕截图.png")

![角色管理](https://images.gitee.com/uploads/images/2020/0112/142116_4414d319_5116389.png "屏幕截图.png")

![菜单管理](https://images.gitee.com/uploads/images/2020/0112/142140_edd1615c_5116389.png "屏幕截图.png")

![通告管理](https://images.gitee.com/uploads/images/2020/0112/142200_7b2cd456_5116389.png "屏幕截图.png")

![echart入门](https://images.gitee.com/uploads/images/2020/0112/142240_475048b1_5116389.png "屏幕截图.png")