基于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.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提出你的意见或者问题
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)