這是一套基于ZKWeb網(wǎng)頁框架和Angular 4.0編寫的開源管理后臺(tái)Demo，實(shí)現(xiàn)了前后端分離和模塊化開發(fā)，
地址是: https://github.com/zkweb-framework/ZKWeb.MVVMDemo ，開源協(xié)議是MIT，你可以隨意的修改并用于個(gè)人或商業(yè)用途

我之前已經(jīng)公開了一套基于ZKWeb實(shí)現(xiàn)的MPA商城系統(tǒng)，這次使用SPA是一個(gè)新的嘗試，
不像商城系統(tǒng)，這套Demo只包含了最基礎(chǔ)的功能，開發(fā)者可以在短時(shí)間內(nèi)上手并進(jìn)行二次開發(fā)

包含的功能

• 使用AngularJS 4.0 + Webpack 2.0

• • 支持自動(dòng)生成Api服務(wù)和DTO的TypeScript腳本

  • 支持返回預(yù)壓縮好的腳本包

  • 支持跨站Api請(qǐng)求

• 使用Entity Framework Core查詢數(shù)據(jù)

• 使用Swagger瀏覽和測(cè)試API

• 使用AutoMapper轉(zhuǎn)換Dto

• 支持.Net Core

• 支持多租戶

• 支持多語言

• 支持多時(shí)區(qū)

• 支持定時(shí)任務(wù)

• 支持工作單元

• • 支持使用查詢過濾器

  • 支持使用操作過濾器

• 支持自動(dòng)驗(yàn)證傳入到Api服務(wù)的的DTO對(duì)象

• 提供基于PrimeNG開發(fā)的管理后臺(tái)

• • 支持管理租戶

  • 支持管理角色

  • 支持管理用戶

• 提供編譯和發(fā)布的命令行腳本

后臺(tái)效果的預(yù)覽

如何運(yùn)行

下載源代碼

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

如果你訪問官方npm源較慢，可以設(shè)置使用淘寶的npm鏡像

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

編譯網(wǎng)站前端文件

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

修改數(shù)據(jù)庫配置

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

啟動(dòng)網(wǎng)站

使用VS2017打開ZKWeb.MVVMDemo.sln并啟動(dòng)項(xiàng)目即可

---

更多的中文文檔可以點(diǎn)擊這里查看

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

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

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

---

.NET社區(qū)新聞，深度好文，微信中搜索dotNET跨平臺(tái)或掃描二維碼關(guān)注

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。