2018年7月份前端开源软件TOP3

基于 ThinkPHP5 + Bootstrap 的后台开发框架 FastAdmin

FastAdmin 详细介绍

FastAdmin是一款基于 ThinkPHP5 + Bootstrap 的极速后台开发框架。

主要特性

• 基于Auth验证的权限管理系统
  • 支持无限级父子级权限继承，父级的管理员可任意增删改子级管理员及权限设置
  • 支持单管理员多角色
  • 支持目录和控制器结构一键生成权限节点
• 完善的前端功能组件开发
  • 基于AdminLTE二次开发
  • 基于Bootstrap开发，自适应手机、平板、PC
  • 基于RequireJS进行JS模块管理，按需加载
  • 基于Less进行样式开发
  • 基于Bower进行前端组件包管理
• 数据库表一键生成CRUD,包括控制器、模型、视图、JS、语言包
• 一键压缩打包JS和CSS文件
• 多语言支持，服务端及客户端支持
• 无缝整合又拍云上传功能
• 第三方登录(QQ、微信、微博)整合
• Ucenter整合

官网主页

https://www.fastadmin.net

安装使用

https://doc.fastadmin.net

在线演示

https://demo.fastadmin.net

用户名：admin

密　码：123456

提　示：演示站数据无法进行删除和修改，只能新增，完整体验请下载源码安装体验

界面截图

​

极简模块化前端UI框架 layui

layui 详细介绍

layui 是一款采用自身模块规范编写的情怀型前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到API的每一处细节都经过精心雕琢，非常适合界面的快速开发。layui 首个版本发布于2016年金秋，她区别于那些基于MVVM底层的UI框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，她更多是为服务端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。

​

你可以在官网首页下载到 layui 的最新版，也可以通过码云得到 layui的开源包。目前我们只同步维护这两处资源渠道。一般如果你是用于实际项目，我们推荐你直接从官网下载。

权限管理系统 OpenAuth.Net

OpenAuth.Net 详细介绍

项目采用经典DDD架构(用沃恩.弗农大神的话，其实这是DDD-Lite）思想进行开发，简洁而不简单，实用至上，并且所写每一行代码都经过深思熟虑，符合SOLID规则！

当然，如果你想学习完整的DDD框架，可以参考我的另一个项目（BestQ&A--开源中国推荐项目/集CQRSAES等DDD高级特性于一体的问答系统）

项目详细描述：http://www.cnblogs.com/yubaolee/p/OpenAuth.html

技术栈：

• 前后端完全分离，结构更加清晰。我们不限制规则，只用主流的技术构建强大的框架；
• 前端采用 vue + layui + ztree + gooflow + leipiformdesign
• 后端采用 asp.net mvc + Web API + EF + autofac + swagger + json.net + AutoMapper
• 代码生成工具 CodeSmith
• 设计工具 PowerDesigner + Enterprise Architect

秀外

​

​

​

慧中

教科书级的分层思想，哪怕苛刻的你阅读的是大神级精典大作（如：《企业应用架构模式》《重构与模式》《ASP.NET设计模式》等），你也可以参考本项目：

​

实用

符合国情的RBAC（基于角色的访问控制），可以直接应用到你的系统。

权限资源

a. 菜单权限 经理和业务员登陆系统拥有的功能菜单是不一样的

b. 按钮权限 经理能够审批，而业务员不可以

c. 数据权限 A业务员看不到B业务员的单据

d. 字段权限 某些人查询客户信息时看不到客户的手机号或其它字段

用户  应用系统的具体操作者，我这里设计用户是可以直接给用户分配菜单/按钮，也可以通过角色分配权限。

角色  为了对许多拥有相似权限的用户进行分类管理，定义了角色的概念，以上所有的权限资源都可以分配给角色，角色和用户N:N的关系。

机构  树形的公司部门结构，国内公司用的比较多，它实际上就是一个用户组，机构和用户设计成N:N的关系，也就是说有时候一个用户可以从属于两个部门，这种情况在我们客户需求中的确都出现过。

系统工程结构：

1. OpenAuth.Repository 系统仓储层，用于数据库操作
2. OpenAuth.App 应用层，为界面提供接口
3. OpenAuth.Mvc 采用基于jquery与bootstrap的B-JUI界面
4. OpenAuth.WebApi 为第三方应用提供接口
5. OpenAuth.UnitTest 单元测试
6. Infrastructure 通用工具集合

后续

更多狂野的功能，正在玩命加载中，敬请期待...