bladex前端ui项目，基于avue-cli2.0开发
包含基础工作流，不包含表单设计器
https://git.javablade.com/blade/Saber
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
121 lines
5.9 KiB
121 lines
5.9 KiB
|
|
## 简介 |
|
Saber 是 [SpringBlade](https://gitee.com/smallc/SpringBlade)前端UI项目，基于vue、vuex、avue、element-ui，用于快速构建系统中后台业务。 |
|
|
|
## 官网 |
|
* 官网地址：[https://bladex.vip](https://bladex.vip) |
|
|
|
## 在线演示 |
|
* Sword演示地址：[https://sword.bladex.vip](https://sword.bladex.vip) |
|
* Saber演示地址：[https://saber.avue.top](https://saber.avue.top) |
|
|
|
## 后端项目地址 |
|
* [Gitee地址](https://gitee.com/smallc/SpringBlade) |
|
* [Github地址](https://github.com/chillzhuang/SpringBlade) |
|
|
|
## 前端项目地址 |
|
* [Sword--基于React](https://gitee.com/smallc/Sword) |
|
* [Saber--基于Vue](https://gitee.com/smallc/Saber) |
|
|
|
## 特性 |
|
|
|
- 基于现有的element-ui库进行的二次封装，简化一些繁琐的操作，核心理念为数据驱动视图 |
|
- 主要的组件库针对table表格和form表单场景，同时衍生出更多企业常用的组件，达到高复用，容易维护和扩展的框架 |
|
- 同时内置了丰富了数据展示组件，让开发变得更加容易 |
|
|
|
## 支持环境 |
|
|
|
现代浏览器及 IE11。 |
|
|
|
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera | |
|
| --------- | --------- | --------- | --------- | --------- | |
|
| IE11, Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions |
|
|
|
## 用户权益 |
|
* 允许免费用于学习、毕设、公司项目、私活等。 |
|
* 代码文件需保留相关license信息。 |
|
|
|
## 禁止事项 |
|
* 直接将本项目挂淘宝等商业平台出售。 |
|
* 业务代码50%以上相似度的二次开源，二次开源需先联系作者。 |
|
|
|
注意：若禁止条款被发现有权追讨19999的授权费。 |
|
|
|
## 如何启动 |
|
``` |
|
$ git clone https://gitee.com/smallc/Saber.git |
|
$ cd Saber |
|
# 安装 |
|
$ yarn install |
|
# 启动 |
|
$ yarn run serve |
|
``` |
|
|
|
# 界面 |
|
## Saber界面一览 |
|
<table> |
|
<tr> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/saber-user.png"/></td> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/saber-role.png"/></td> |
|
</tr> |
|
<tr> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/saber-dict.png"/></td> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/saber-dict-select.png"/></td> |
|
</tr> |
|
<tr> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/saber-log.png"/></td> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/saber-code.png"/></td> |
|
</tr> |
|
</table> |
|
|
|
## 监控界面一览 |
|
<table> |
|
<tr> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/springblade-k8s1.png"/></td> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/springblade-k8s2.png"/></td> |
|
</tr> |
|
<tr> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/springblade-grafana.png"/></td> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/springblade-harbor.png"/></td> |
|
</tr> |
|
<tr> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/springblade-traefik.png"/></td> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/springblade-traefik-health.png"/></td> |
|
</tr> |
|
<tr> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/springblade-nacos.png"/></td> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/springblade-sentinel.png"/></td> |
|
</tr> |
|
<tr> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/springblade-admin1.png"/></td> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/springblade-admin2.png"/></td> |
|
</tr> |
|
<tr> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/springblade-swagger1.png"/></td> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/springblade-swagger2.png"/></td> |
|
</tr> |
|
</table> |
|
|
|
## Sword界面一览 |
|
<table> |
|
<tr> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/sword-main.png"/></td> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/sword-menu.png"/></td> |
|
</tr> |
|
<tr> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/sword-menu-edit.png"/></td> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/sword-menu-icon.png"/></td> |
|
</tr> |
|
<tr> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/sword-role.png"/></td> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/sword-user.png"/></td> |
|
</tr> |
|
<tr> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/sword-dict.png "/></td> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/sword-log.png"/></td> |
|
</tr> |
|
<tr> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/sword-locale-cn.png"/></td> |
|
<td><img src="https://gitee.com/smallc/SpringBlade/raw/master/pic/sword-locale-us.png"/></td> |
|
</tr> |
|
</table>
|
|
|