基于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开发的管理后台
    • 支持管理租户
    • 支持管理角色
    • 支持管理用户
  • 提供编译和发布的命令行脚本

后台效果的预览

基于ZKWeb + Angular 4.0的开源管理后台Demo

如何运行

下载源代码

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提出你的意见或者问题