-
Notifications
You must be signed in to change notification settings - Fork 21
/
README.md
199 lines (147 loc) · 7.78 KB
/
README.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
<h1 align="center">
<img width="100" height='100' src="src/renderer/assets/logo.png">
</h1>
<h1 align="center">
S U N R I S E
</h1>
<p align="center">
<a href="https://github.com/vuejs/vue">
<img src="https://img.shields.io/badge/vue-2.6.10-brightgreen.svg" alt="vue">
</a>
<a href="https://github.com/ElemeFE/element">
<img src="https://img.shields.io/badge/element--ui-2.13.0-brightgreen.svg" alt="element-ui">
</a>
<a href="https://spring.io/projects/spring-boot/#learn">
<img src="https://img.shields.io/badge/spring--boot-2.1.6-brightgreen.svg" alt="license">
</a>
<a href="LICENSE">
<img src="https://img.shields.io/github/license/mashape/apistatus.svg" alt="license">
</a>
</p>
简体中文
## 简介
_sunrise-electron-vue_ [[Gitee]](https://gitee.com/sunrise-chang/sunrise-electron-vue) [[GitHub]](https://github.com/SunRisingChang/sunrise-electron-vue) 是 _SUNRISE_ 系列项目的前端和 _sunrise-spring-boot_ [[Gitee]](https://gitee.com/sunrise-chang/sunrise-spring-boot) [[GitHub]](https://github.com/SunRisingChang/sunrise-spring-boot) 是姊妹项目，该项目是一个后台前端解决方案，它基于 [vue.js](https://github.com/vuejs/vue) 开发堆栈和 [electron](https://electronjs.org/) 并使用 [element-ui](https://github.com/ElemeFE/element) 实现。它使用了最新的前端技术栈，内置了 i18n 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。相信不管你的需求是什么，本项目都能帮助到你。
## 在线预览
- [[Gitee]](https://sunrise-chang.gitee.io/sunrise-electron-vue)
- [[GitHub]](https://sunrisingchang.github.io)
## 活动圈
- QQ 技术交流群 [678251003]
- 邮箱[Sun_Rising_Chang@hotmail.com]
## 浏览器支持
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](https://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" />](https://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" />](https://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" />](https://godban.github.io/browsers-support-badges/)</br>Safari |
| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| IE10, IE11, Edge | last 2 versions | last 2 versions | last 2 versions |
## 前序准备
你需要在本地安装 [node](http://nodejs.org/) 和 [git](https://git-scm.com/)。本项目技术栈基于 [ES2015+](http://es6.ruanyifeng.com/)、[vue](https://cn.vuejs.org/index.html)、[vuex](https://vuex.vuejs.org/zh-cn/)、[vue-router](https://router.vuejs.org/zh-cn/) 、[vue-cli](https://github.com/vuejs/vue-cli) 、[axios](https://github.com/axios/axios) 和 [element-ui](https://github.com/ElemeFE/element) 等，所有的请求数据都使用 [Mock.js](https://github.com/nuysoft/Mock) 进行模拟，或使用 _sunrise-spring-boot_ [[Gitee]](https://gitee.com/sunrise-chang/sunrise-spring-boot) [[GitHub]](https://github.com/SunRisingChang/sunrise-spring-boot) 进行后端的快速搭建进行数据获取，提前了解和学习这些知识会对使用本项目有很大的帮助。
<p align="center">
<img width="900" src="./docs/img/MainPage.png">
</p>
## 开发环境
```txt
node：14.19.3
npm：6.14.17
仓库：https://npmmirror.com/mirrors/electron/
```
## 功能
```bash
- 登录 / 注销 / 锁屏 / 修改密码 / 修改个人信息
- 仪表盘面板
- 账户管理
- 用户管理
- 角色管理
- 组织管理
- 权限管理
- 系统设置
- 菜单管理
- 字典管理
- 附件管理
- 任务管理
- 系统日志
- 交互日志
- 任务日志
- 内置插件
- Cron表达式选择器
- 数据分页表格组件
- Markdown 编辑组件
- Json编辑器
- 数字滚动
- 记忆输入框
- 可拖拽弹出层
- 响应式栅格布局
- 字典下拉
- 文件上传
- JSON编辑器
- 页面缓存
- 菜单显示
- 模板表单
- 其它页面
- 404
- 500
- 多环境发布
- 浏览器生产 桌面级生产
- 全局功能
- 国际化多语言
- 多种动态换肤
- 侧边栏自适应收缩（支持三种响应级别）
- 侧边栏多级路由嵌套
- 侧边栏支持外链
- 单路由页面多开
- 动态面包屑
- 快捷导航(标签页)
- 标签页批量关闭
- Echarts 图表
- font-awesome 图标库
- IconFont 图标库
- 本地/后端 mock.js 数据
- Screenfull全屏
- 全局遮罩引导
- 通知信息处理(后端长连接通知信息)
- 前端异常捕获(会尝试调用后端日志记录接口)
- 浏览器版本检测
- 按钮级权限
- Electron
- 自定义标题栏
- 自动检查版本更新
```
## 开发
```bash
# github克隆项目
git clone https://github.com/SunRisingChang/sunrise-electron-vue.git
# gitee克隆项目
git clone https://gitee.com/sunrise-chang/sunrise-electron-vue.git
# 进入项目目录
cd electron-vue-sunrise
# 安装依赖
npm install
# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org
# 启动浏览器开发服务或启动桌面开发服务
npm run serve
npm run electron:serve
```
## 发布
```bash
# 构建浏览器生产环境
npm run build
# 构建win桌面生产环境(精简打包)
npm run electron:build
# 构建linux桌面生产环境
npm run electron:build:linux
```
## 其它
```bash
# 输出webpack的配置文件
npm run inspect
# 代码格式检查
npm run lint
# 更新 iconfont 图标库
npm run update:icon
```
## 支持一下
如果你觉得这个项目帮助到了你，你可以帮作者买一杯果汁表示鼓励 :tropical_drink:
<h1 align="left">
<img width="300" height='300' src="./docs/img/WeChatPlay.png">
</h1>
## License
[MIT](LICENSE)
Copyright (c) 2019-present SunRise