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

Posted dotNET跨平台

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了基于ZKWeb + Angular 4.0的开源管理后台Demo相关的知识,希望对你有一定的参考价值。

我之前已经公开了一套基于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开发的管理后台

    • 支持管理租户

    • 支持管理角色

    • 支持管理用户

  • 提供编译和发布的命令行脚本

后台效果的预览

如何运行

下载源代码

从 下载源代码

如果你访问官方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上开发和发布,步骤可以参考上面的中文文档



.NET社区新闻,深度好文,微信中搜索dotNET跨平台或扫描二维码关注

以上是关于基于ZKWeb + Angular 4.0的开源管理后台Demo的主要内容,如果未能解决你的问题,请参考以下文章

zkWebx-基于淘宝zkWeb用springboot重构

可以在 Github 上托管基于 angular.js 的静态博客吗?

网站框架的动态编译的实现原理

大漠穷秋:全面解读Angular 4.0核心特性

Angular2使用管道基于对象数组过滤对象数组

在 Firebase 上托管 Angular 项目