基於ZKWeb + Angular 4.0的開源管理後臺Demo

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

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

包含的功能

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

後臺效果的預覽

如何運行

下載源代碼git

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

若是你訪問官方npm源較慢,能夠設置使用淘寶的npm鏡像web

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

修改數據庫配置npm

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

啓動網站ubuntu

使用VS2017打開ZKWeb.MVVMDemo.sln並啓動項目便可後端


更多的中文文檔能夠點擊這裏查看

這套Demo支持在ubuntu上開發和發佈,步驟能夠參考上面的中文文檔

若是你感興趣,歡迎加入QQ羣522083886提出你的意見或者問題

相關文章
相關標籤/搜索