framework-admin: 尽管oschina已经存在大量优秀的Java平台管理系统, 但还有不少数量的项目前端架构还是远古时代遗留下来的iframe + jsp, 较新一点的是ajax + HistoryAPI, 前一秒刚被各项目琳琅满目的功能吓尿的同时, 再一看那粗鄙的前端交互设计, 就像远处看见一个肤白貌美大长腿的大美女, 走近才发现竟然他妈的长得跟如花一样? 在这个全民ES6 + Babel的大时代下, 总感觉像吃了苍蝇一样难受! 这个项目就是告诉大家什么叫高颜值的后台系统!

代码拉取完成,页面将自动刷新

扫描微信二维码支付

取消

支付完成

richgiteeai

Watch

不关注关注所有动态仅关注版本发行动态关注但不提醒动态

1 Star 0 Fork 296

平凡之路/framework-admin

forked from backflow/framework-admin

代码 Issues 0 Pull Requests 0 Wiki 统计流水线

服务

加入 Gitee

与超过 1400万开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)

免费加入

已有帐号? 立即登录

该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。

项目仓库所选许可证以仓库主分支所使用许可证为准

克隆/下载

HTTPS SSH SVN SVN+SSH 下载ZIP

提示

下载代码请复制以下命令到终端执行

为确保你提交的代码身份被 Gitee 正确识别,请执行以下命令完成配置

git config --global user.name userName 
git config --global user.email userEmail

初次使用 SSH 协议进行代码克隆、推送等操作时,需按下述提示完成 SSH 配置

1 生成 RSA 密钥

2 获取 RSA 公钥内容,并配置到 SSH公钥中

在 Gitee 上使用 SVN,请访问使用指南

使用 HTTPS 协议时,命令行会出现如下账号密码验证步骤。基于安全考虑,Gitee 建议配置并使用私人令牌替代登录密码进行克隆、推送等操作

Username for 'https://gitee.com': userName

Password for 'https://userName@gitee.com': # 私人令牌

新建文件新建 Diagram 文件

新建子模块

上传文件

分支 2

标签 0

贡献代码

同步代码

创建 Pull Request

了解更多

对比差异通过 Pull Request 同步

同步更新到分支

通过 Pull Request 同步

将会在向当前分支创建一个 Pull
Request,合入后将完成同步

backflow 更新 README.md d47d1f6

698 次提交

build

config

src

static

test

.babelrc

.editorconfig

.eslintignore

.eslintrc.js

.gitignore

.postcssrc.js

README.md

index.html

package.json

README

# framework-admin

> 基于Vue.js的单页面管理系统前端

演示地址=> [backflow.cn:8080](http://129.204.139.198:8080/admin)

依赖于服务端=> [http://git.oschina.net/backflow/framework-server](http://git.oschina.net/backflow/framework-server)

**注:如有功能更新, 一般需要同时更新两个项目**

## 项目简介
尽管oschina已经存在大量优秀的Java平台管理系统, 但还有不少数量的项目前端架构还是远古时代遗留下来的iframe + jsp, 较新一点的是ajax + HistoryAPI, 前一秒刚被各项目琳琅满目的功能吓尿的同时, 再一看那粗鄙的前端交互设计, 就像远处看见一个肤白貌美大长腿的大美女, 走近才发现竟然他妈的长得跟如花一样? 在这个全民ES6 + Babel的大时代下, 总感觉像吃了苍蝇一样难受! 这个项目就是告诉大家什么叫高颜值的后台系统!:smirk:

是不是每次做项目的激情都被BOSS一句:"后台系统又不给外人用, 做那么漂亮干嘛, 能用就行.." 给活生生的浇灭?

难道每个后台系统都注定是简陋的? 做完之后连自己使用、维护的心情都欠逢的?

不不不,咱也要把后台系统当做交给用户的产品来做, 凭什么咱天天打交道的系统不能长得漂漂亮亮的?

谁说花在UI交互上的时间不能超过后端编码, 我就不!

前端技术不断在发展,而我们的开发思想却一直都没有改变, 因此便想尝试另外一种实现方式.

**这个项目的诞生就是要向世人宣布,就算项目复杂如后台管理系统,以单页面也是可以实现的!如果你还对其抱有疑问,那么你在这里就可以找到答案!**

这个项目的开发宗旨里, UI的重要性要大过后端, 一切的数据接口都要配合UI展现, 一切能简化的操作都尽量简化, 只要有办法可以实现, 就一定实现它:
- 能一个页面完成的操作绝对不拆分到两个页面
- 能有更好的实现方法全部推倒重做也在所不惜
- ...

## 基础功能
管理系统的基础---权限控制方面, 颠覆了管理系统把所有菜单/页面/权限都一股脑塞到数据库的一惯套路, 既然要搞前后端分离, 那咱就分得更彻底一点:
- 创建权限时只记录两个重要信息: **权限标识**与**上下级关系**, 所有系统权限只跟**权限标识**有关, 其它什么乱七八糟的都可以去掉---**简化!**
- 所有路由在前端路由文件中写死, 通过directive配合内存中用户的**权限标识**集合做展示控制 (好处是UI位置随便放, 爱放哪放哪)---**简化!**
- 简化的RBAC模型, 一个用户只和单个角色相关联. (你问为什么不关联多个? 为什么不能只关联一个? 我能想到唯一的缺点就是不能多个角色权限相互组合, 但那并不是什么大不了的问题, 每个角色单独配置不行吗?)---**简化!**
- 既然所有权限只跟一个**权限标识**字符串相关, 就可以对后台系统的一堆权限框架说拜拜了, spring-security, apache-shiro统统可以从依赖里删掉, 一个拦截器不超过10行代码就搞定了!---**简化!**

**简直完美有木有?**

## 系统结构
项目基于vue-template的webpack-simple构建, 采用的主要框架除了`Bootstrap 4`(只含样式), 没有任何其它重度依赖:
- `SweetAlert` 对话弹框
- `toastr` 提示(已被`ES Moudle`化)
- `jquery.treetable` 用于树形列表的展示 (N久没有更新了, 已`ES Moudle`化)
- `jstree` 用于树形Dropdown (已重构至vue component)
- 至止项目已完全脱离了jQuery依赖,强迫症患者的福音!!

## 功能模块
- 用户管理
- 角色管理 `单页面`
- 权限管理 `单页面 (待完成)`
- 部门管理 `单页面 (未完成)`
- 字典管理
- 文件库 `新添加. (文件上传至七牛, 亲们请使用自己的七牛帐号与空间, Java代码里我自己的空间会定时清理, 请不要上传重要文件)`

## Build Setup
``` bash
# install dependencies
npm install

# serve with hot reload at localhost:3000
npm run dev

# build for production with minification
npm run build
```

**若后台系统不服务于`localhost:8080`端口, 请修改 `config/index.js`里`dev`的属性值, 指向实际的服务地址.**
(相关配置请参考[https://webpack.js.org/configuration/dev-server](https://webpack.js.org/configuration/dev-server))

项目刚刚发布完成度不高, 但后续会持续跟进, 也欢迎大家参与进来, 你的任何想法与建议我都很想知道! 快给我留言吧!!

交流QQ群: `240098272`

## 系统部分截图:
### 用户管理模块
![用户管理模块](https://gitee.com/uploads/images/2018/0528/000206_07396ba8_10015.png "用户管理模块.png")
### 角色管理模块
样式一:
![角色管理模块样式一](https://gitee.com/uploads/images/2018/0527/233804_06b28329_10015.png "角色管理模块样式一.png")
样式二:
![角色管理模块样式二](https://gitee.com/uploads/images/2018/0529/224820_cd544de3_10015.png "角色管理模块样式二.png")
### 权限管理模块
样式一:
![权限管理模块样式一](https://gitee.com/uploads/images/2018/0527/233606_6d9718e6_10015.png "权限管理模块样式一.png")
样式二:
![权限管理模块样式二](https://gitee.com/uploads/images/2018/0528/000246_91b3accd_10015.png "权限管理模块样式二.png")
## 数据字典编辑
![数据字典编辑](https://gitee.com/uploads/images/2018/0528/000416_e40b405e_10015.png "数据字典编辑.png")
## 文件库 (七牛云文件管理)
![文件库](https://gitee.com/uploads/images/2018/0528/000452_67f95e86_10015.png "文件库.png")

误判申诉

此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。

如您确认内容无涉及不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。

取消

提交

简介

尽管oschina已经存在大量优秀的Java平台管理系统, 但还有不少数量的项目前端架构还是远古时代遗留下来的iframe + jsp, 较新一点的是ajax + HistoryAPI, 前一秒刚被各项目琳琅满目的功能吓尿的同时, 再一看那粗鄙的前端交互设计, 就像远处看见一个肤白貌美大长腿的大美女, 走近才发现竟然他妈的长得跟如花一样? 在这个全民ES6 + Babel的大时代下, 总感觉像吃了苍蝇一样难受! 这个项目就是告诉大家什么叫高颜值的后台系统!

暂无标签

README

0 Stars

1 Watching

296 Forks

取消