您的位置:首页 > Web前端 > AngularJS

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

2017-05-11 12:06 399 查看
这是一套基于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.org npm config set sass_binary_site http://npm.taobao.org/mirrors/node-sass[/code] 编译网站前端文件

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提出你的意见或者问题
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: