查看原文
其他

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

DotNet 2021-09-23

(给DotNet加星标,提升.Net技能


转自:netnr
cnblogs.com/netnr/p/12020660.html


前言


.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文档即可),配置查询表的请求地址、表格类型、分页、复选等


七、框架部分截图


列表



新增、编辑、查看



列表配置



表单配置



角色权限配置(树)



八、第三方文档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


推荐阅读

(点击标题可跳转阅读)

.NET Core前后端分离快速开发框架

.NET Core 3.0与Vue模块化前后端分离框架

.NET Core+Vue+ElementUI前后端分离框架


看完本文有收获?请转发分享给更多人

关注「DotNet」加星标,提升.Net技能 

好文章,我在看❤️

: . Video Mini Program Like ,轻点两下取消赞 Wow ,轻点两下取消在看

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存