基于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.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跨平台或扫描二维码关注