基於ZKWeb + Angular 4.0的開源管理后台Demo


這是一套基於ZKWeb網頁框架和Angular 4.0編寫的開源管理后台Demo,實現了前后端分離和模塊化開發,
地址是: https://github.com/zkweb-framework/ZKWeb.MVVMDemo ,開源協議是MIT,你可以隨意的修改並用於個人或商業用途

我之前已經公開了一套基於ZKWeb實現的MPA商城系統,這次使用SPA是一個新的嘗試,
不像商城系統,這套Demo只包含了最基礎的功能,開發者可以在短時間內上手並進行二次開發

包含的功能

  • 使用AngularJS 4.0 + Webpack 2.0
    • 支持自動生成Api服務和DTO的TypeScript腳本
    • 支持返回預壓縮好的腳本包
    • 支持跨站Api請求
  • 使用Entity Framework Core查詢數據
  • 使用Swagger瀏覽和測試API
  • 使用AutoMapper轉換Dto
  • 支持.Net Core
  • 支持多租戶
  • 支持多語言
  • 支持多時區
  • 支持定時任務
  • 支持工作單元
    • 支持使用查詢過濾器
    • 支持使用操作過濾器
  • 支持自動驗證傳入到Api服務的的DTO對象
  • 提供基於PrimeNG開發的管理后台
    • 支持管理租戶
    • 支持管理角色
    • 支持管理用戶
  • 提供編譯和發布的命令行腳本

后台效果的預覽

如何運行

下載源代碼

https://github.com/zkweb-framework/ZKWeb.MVVMDemo 下載源代碼

如果你訪問官方npm源較慢,可以設置使用淘寶的npm鏡像

npm config set registry http://registry.npm.taobao.org
npm config set sass_binary_site http://npm.taobao.org/mirrors/node-sass

編譯網站前端文件

cd src/ZKWeb.MVVMPlugins/MVVM.Angular.Website/static
npm install
npm run watch

修改數據庫配置

打開ZKWeb.MVVMDemo.AspNetCore\App_Data\config.json並修改到你使用的數據庫連接

啟動網站

使用VS2017打開ZKWeb.MVVMDemo.sln並啟動項目即可


更多的中文文檔可以點擊這里查看

這套Demo支持在ubuntu上開發和發布,步驟可以參考上面的中文文檔

如果你感興趣,歡迎加入QQ群522083886提出你的意見或者問題


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM