.NET Core基于Ace Admin的响应式框架

前言

.NET Core的响应式框架

基于Ace Admin框架菜单导航、Bootstrap布局、fontAwesome图标、内嵌Iframe用EasyUI做数据绑定、动态配置列表、动态配置表单。

一、NetnRF响应式框架

用于快速开发的响应式框架

演示:https://rf2.netnr.com.

二、v3.x

1、前端采用 jQuery + Bootstrap + EasyUI + AceAdmin + fontAwesome

2、后端采用 .NET Core + EF + SQL(SQLServer、MySQL、PostgreSQL、SQLite)

  • 数据库脚本放置于 wwwroot/scripts/目录下

  • 数据库转换使用的工具:http://www.szmesoft.com/DB2DB

  • 全部采用 LINQ,跨数据库、避免SQL注入

3、Visual Studio 2019 运行项目

三、项目结构

  • Netnr.Core 类库(引用NuGet,源码地址:https://github.com/netnr/Netnr.ClassLibrary)

  • Netnr.Data 数据访问、仓储(Scaffold-DbContext 命令自动生成)

  • Netnr.Domain 实体(Scaffold-DbContext 命令自动生成)

  • Netnr.Fast 常用方法

  • Netnr.Func 应用

  • Netnr.ResponseFramework Web站点

四、数据表

  • 用户(SysUser)

  • 角色、角色权限(SysRole)

  • 菜单(SysMenu)

  • 按钮(SysButton)

  • 日志(SysLog)

  • 字典(SysDictionary)

  • 表配置(SysTableConfig)

五、功能

  • 登录:系统账号登录

  • 权限:角色权限,控制菜单及页面按钮

  • 表格:动态配置标题、宽度、排序、对齐方式、格式化、冻结、点击排序等

  • 表单:动态生成表单,自定义标题、排序、跨列、类型、必填等,支持多表单生成

  • 查询:动态生成查询面板,自定义字段查询,以JSON格式表达查询条件

  • 日志:访问日志记录

  • 字典:通用的字典表

  • 工具:数据库表信息展示,一键导出数据库表结构为Excel

  • 任务:定时执行任务,清理临时目录、重置演示数据库

  • 导出:公共导出Excel表,自定义查询主体,支持条件查询、列格式化,支持追加操作等

  • 上传:通用的上传接口

  • 接口:所有非页面请求规范化为接口,并用 swagger 生成可视化接口文档,https://rf2.netnr.com/swagger

六、使用说明

  1. 创建表、写字段注释(方便生成表配置)

  2. 生成表配置,可以用【工具箱】-【表管理】-【生成表配置】,也可以直接拷贝文件夹wwwroot/scripts/table-config/对应的SQL脚本运行

  3. 修改表配置,表格,表单、查询,调整为需要展示的形式(标题、宽度、排序、输入类型、列格式化、必填、默认值等,根据业务拓展配置项)

  4. 修改表配置,输入类型配置,需要配置下拉框、下拉树等,在Common控制器写方法,url源指向这个方法访问的地址

  5. 修改表配置,列格式化配置,比如状态需要格式化为启用、停用,有常用公共的格式化方法,也可以配置自定义格式化方法col_custom_字段小写

  6. 创建一个页面,菜单表添加此页面,配置操作按钮

  7. 写表对应的查询、保存(新增/修改)、删除方法,参考【系统设置】里面的功能

  8. 基于z.js封装的表格方法(API与EasyUI保持一致,看EasyUI文档即可),配置查询表的请求地址、表格类型、分页、复选等

七、框架部分截图

列表

.NET Core基于Ace Admin的响应式框架

新增、编辑、查看

.NET Core基于Ace Admin的响应式框架

列表配置

.NET Core基于Ace Admin的响应式框架

表单配置

.NET Core基于Ace Admin的响应式框架

角色权限配置(树)

.NET Core基于Ace Admin的响应式框架

八、第三方文档API

EasyUI文档:https://ad.netnr.com/#EasyUI-1.5.2

jQuery文档:https://ad.netnr.com/#jQuery-1.11.3

九、Source

https://github.com/netnr/netnrf

https://gitee.com/netnr/netnrf