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 通用工具集合

後續

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