源码仓库已迁移到 gitee.com/kuzank，此账号下的工程不再提供维护，请移步访问gitee.com/kuzank

snails-web

一个基于 Spring-Boot + Angular + Ng-Zorro 前后端分离项目的简单实现

• Snails 框架：编程入门，新手礼赞
• snails-web 前端：Angular + Ng-Zorro + Ng-Alain
• snails-api 后台：SpringBoot + JPA + lombok + Java8 + Mysql

框架源码	Gitee	GitHub
Snails 框架	https://gitee.com/kuzank/snails	https://github.com/kuzank/snails
Snails-web 前端	https://gitee.com/kuzank/snails-web	https://github.com/kuzank/snails-web
Snails-api 后台	https://gitee.com/kuzank/snails-api	https://github.com/kuzank/snails-api

开发环境要求

• Node
• yarn
• 启动 snails-api 后台服务 本前端项目 snails-web 的 REST API 数据来源于snails-api，因此需要获取并启动此工程

获取项目

git clone https://gitee.com/kuzank/snails-web.git snails-web
cd snails-web
yarn   # yarn 安装项目的依赖，或者使用 npm install 也可

启动项目 - 方法一

npm run start

启动项目 - 方法二

前提：系统已安装 docker

# 打包为 docker 镜像
docker build -t snails-web .
# 启动程序
docker run -d --name snails-web -p 4200:4200 snails-web

系统截图

本前端项目 snails-web 的 REST API 数据来源于snails-api，因此需要获取并启动此工程

浏览器访问 localhost:4200

1、登陆页面

系统默认用户、账号、密码信息，数据在 snails-api 启动后初始化到数据库中，源码在 snails-api/src/main/java/com/kuzank/snails/init/InitPerson.java

用户名	账号	密码	备注
kuzank	kuzank	123456	所属组织：Snails Studio > 技术部
danxiaogui	danxiaogui	123456	所属组织：Snails Studio > 财务部

2、首页

3、用户管理

4、组织管理

5、菜单管理

菜单配置及菜单权限配置

用户菜单权限预览

6、在线用户

7、登陆日志

8、http请求

9、系统异常

10、G2图表

学习资源

• Angular快速上手
• Ng-Zorro
• Ng-Alain

开源许可证

MIT