這是一套基于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.orgnpm config set sass_binary_site http://npm.taobao.org/mirrors/node-sass

編譯網站前端文件

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

修改數據庫配置

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

啟動網站

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

---

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

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

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

原文地址：http://www.cnblogs.com/zkweb/p/6840306.html

---

.NET社區新聞，深度好文，微信中搜索dotNET跨平臺或掃描二維碼關注

總結

以上是生活随笔為你收集整理的基于ZKWeb + Angular 4.0的开源管理后台Demo的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。