原标题:.NET Core基于Ace Admin的响应式框架

转自: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/s/目录下

数据库转换使用的工具: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

六、使用说明

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

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

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

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

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

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

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

基于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返回搜狐,查看更多

责任编辑:

html响应式布局 ace,.NET Core基于Ace Admin的响应式框架相关推荐

  1. easyui前端框架模板_.NET Core基于Ace Admin的响应式框架

    (给DotNet加星标,提升.Net技能) 转自:netnrcnblogs.com/netnr/p/12020660.html 前言 .NET Core的响应式框架 基于Ace Admin框架菜单导航 ...

  2. vueweb端响应式布局_移动端和pc端,响应式设计布局

    1.什么是响应式 Web 设计? 响应式 Web 设计让你的网页能在所有设备上有好显示. 响应式 Web 设计只使用 HTML 和 CSS. 响应式 Web 设计不是一个程序或Javascript脚本 ...

  3. elementUI响应式布局@media:基于断点的隐藏类

    引言:elementUI的响应式布局: 参照了 Bootstrap 的 响应式设计,预设了五个响应尺寸:xs.sm.md.lg 和 xl. 官方文档 · 说明参考: 响应式布局 · 文档说明 基于断点 ...

  4. CSS3与页面布局学习笔记(四)——页面布局大全(负边距、双飞翼、多栏、弹性、流式、瀑布流、响应式布局)

    一.负边距与浮动布局 1.1.负边距 所谓的负边距就是margin取负值的情况,如margin:-100px,margin:-100%.当一个元素与另一个元素margin取负值时将拉近距离.常见的功能 ...

  5. 20.【移动端Web开发之响应式布局】

    文章目录 [移动端Web开发之响应式布局]前端小抄(20) 一.响应式开发 1.1 响应式开发原理 1.2 响应式布局容器 二.Bootstrap前端开发框架 2.1 Bootstrap简介 2.2 ...

  6. 【HTML+CSS】移动端布局之响应式布局+Bootstrap框架

    学习视频及笔记参考来源: 黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动端前端视频教程_哔哩哔哩_bilibili 一.响应式开发 1.响应式开发原理 原理:就是使 ...

  7. 响应式布局,你需要知道的一切

    来源:campcc https://juejin.cn/post/6951575591099301895 2011年,Google 发布了 Android 4.0,在经历了 Cupcake,Donut ...

  8. 响应式布局,你需要知道这些

    来源:campcc https://juejin.cn/post/6951575591099301895 2011年,Google 发布了 Android 4.0,在经历了 Cupcake,Donut ...

  9. 怎么在服务器端做响应式布局,关于响应式布局的设计方法和响应式前端优化

    原标题:关于响应式布局的设计方法和响应式前端优化 作为一名优秀的web前端人员,不懂响应式布局怎么可以呢? 今天跟大家分享web前端开发和设计的干货.关于响应式布局的设计方法和响应式前端优化. 我们都 ...

最新文章

  1. 每日一皮:程序员和黑客的区别
  2. python真的很厉害吗-学会Python后都能做什么?网友们的回答简直不要太厉害
  3. memcpy函数_[PART][BUG][MSVCRT][C][CCF NOI1097] 关于memcpy的坑
  4. JAVA实现telnet代理,对输入命令拦截
  5. 关于spring mvc时间类型绑定失败解决方法
  6. NPM流行包再起波澜:维护人员对俄罗斯用户发特定消息,谁来保证开源可信?...
  7. leaflet.toolbar.js
  8. VIM 编辑器配置与使用
  9. ORK FrameWork - 自定义存储数据ISaveData接口
  10. 十八、可视化任务调度系统airflow
  11. BT下载4K电影、视频
  12. 有哪些令人骄傲的国产软件或应用?这5款你一定不知道!
  13. 岭回归,Lasso回归和弹性网回归理论及特点
  14. amd vega56 ubuntu 下 tensorflow GPU rocm 运行情况记录及跑分
  15. Erlang之ETS,DETS入门
  16. deepin系统的安装与问题解决
  17. 不同软件求解超导温度用的方程
  18. java实训五子棋_Java棋类游戏实践之单机版五子棋
  19. MapReduce-Counters含义
  20. 阿里工业互联网平台白皮书

热门文章

  1. 硬盘在linux下不认,LINUX不认硬盘!
  2. 机器学习(十一):FP增长(FP-growth)
  3. php 发送邮件与pop3邮件登录代码
  4. Android中的图片加载
  5. Day9--MATLAB常用绘图命令
  6. 用户故事与敏捷方法—课后习题解析
  7. 计算机主要分为台式机和什么,计算机基础知识-台式机.ppt
  8. 逍遥模拟器导出文件到电脑
  9. jquery常用代码--(一)
  10. R语言及RStudio下载安装