基于 SpringBoot + Ng-Alain 前后端分离的实现,可以作为新手入门项目,也可以作为小项目的基础框架去扩展。目前 Snails 系统框架已支持基本的后台功能,基于简单、实用设计,并且已支持 Docker 进行项目部署。
- Snails 框架:编程入门,新手礼赞
- snails-web 前端:Angular + Ng-Zorro + Ng-Alain
- snails-api 后台:SpringBoot + JPA + lombok + Java8 + Mysql
源码
- 前端 snails-web
- 后台 snails-api
1、系统功能
- 登陆、登出
- 用户管理
- 组织管理
- 菜单管理,支持菜单动态配置
- 在线用户
- 登陆日志,记录系统用户的登陆登出行为
- http请求,将系统的所有请求进行拦截,并记录到数据库中
- 系统异常,全局拦截系统的异常,并记录到数据库中
- 支持系统数据初始化
- snails-api 后台 支持 Docker 部署
- snails-web 前端 支持 Docker 部署
2、启动系统前提 - Mysql
Mysql 配置文件地址:application.yml
IP | Port | Username | Password | Database |
---|---|---|---|---|
localhost | 3306 | root | 123456 | snails |
3、启动系统
3.1、方法1 【docker】
# 1、打包 snails-web 镜像
git clone https://gitee.com/kuzank/snails-web.git
cd snails-web
docker build -t snails-web .
# 2、打包 snails-api 镜像
git clone https://gitee.com/kuzank/snails-api.git
cd snails-api
mvn package docker:build
# 3、启动 docker 镜像
# 查看 docker 镜像
docker images | grep snails
# 运行 snails-web
docker run -d --name snails-web -p 4200:4200 snails-web
# 运行 snails-api
docker run -d --name snails-api -p 8081:8081 -t snails-api
# 查看运行中的 docker 实例
docker ps -a | grep snails
# 4、浏览器访问 localhost:4200 即可
3.2、方法2
# 1、运行 snails-web
git clone https://gitee.com/kuzank/snails-web.git
cd snails-web
yarn
npm run start
# 2、运行 snails-api
git clone https://gitee.com/kuzank/snails-api.git
cd snails-api
mvn package
java -jar target/snails-0.1.jar
# 3、浏览器访问 localhost:4200 即可
4、系统截图 localhost:4200
4.1、登陆页面,账号:kuzank,密码:123456
4.2、首页
4.3、用户管理
4.4、组织管理
4.5、菜单管理
4.6、在线用户
5.7、登陆日志
4.8、http请求
4.9、系统异常
4.10、G2图表
5、学习资源
开源许可证
MIT
来源:oschina
链接:https://my.oschina.net/kuzan/blog/3159696