netnrf 响应式框架

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

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

v3.x

  • 前端采用 jQuery + Bootstrap + EasyUI + AceAdmin + fontAwesome
  • 后端采用 .NET Core + EF + SQL(SQLServer、MySQL、PostgreSQL、SQLite)
    • 数据库脚本放置于 wwwroot/scripts/目录下
    • 数据库转换使用的工具:http://www.szmesoft.com/DB2DB
    • 全部采用 LINQ,跨数据库、避免SQL注入
  • 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

Source

.NET Core的响应式框架,基于Ace Admin框架菜单导航,Bootstrap布局,fontAwesome图标,内嵌Iframe用EasyUI做数据绑定,动态配置列表,动态配置表单的更多相关文章

  1. 并发编程概述 委托(delegate) 事件(event) .net core 2.0 event bus 一个简单的基于内存事件总线实现 .net core 基于NPOI 的excel导出类,支持自定义导出哪些字段 基于Ace Admin 的菜单栏实现 第五节:SignalR大杂烩(与MVC融合、全局的几个配置、跨域的应用、C/S程序充当Client和Server)

    并发编程概述   前言 说实话,在我软件开发的头两年几乎不考虑并发编程,请求与响应把业务逻辑尽快完成一个星期的任务能两天完成绝不拖三天(剩下时间各种浪),根本不会考虑性能问题(能接受范围内).但随着工 ...

  2. 函数响应式编程(FRP)框架--ReactiveCocoa

    由于工作原因,有段时间没更新博客了,甚是抱歉,只是,从今天開始我又活跃起来了,哈哈,于是决定每周更新一博.大家互相学习.交流. 今天呢.讨论一下关于ReactiveCocoa,这个採用函数响应式编程( ...

  3. 基于Ace Admin 的菜单栏实现

    1.首先是数据库表必然包含以下几个字段Id ,ParnetId,Url,Name等 create table dbo.Module ( Id uniqueidentifier not null con ...

  4. ace admin 左侧菜单定位

    后台模版来自:Ace Admin http://ace.jeka.by/form-elements.html 左侧菜单,通过js根据url来判断显示哪块 window.location.pathnam ...

  5. 美团客户端响应式框架EasyReact开源啦

    前言 EasyReact 是一款基于响应式编程范式的客户端开发框架,开发者可以使用此框架轻松地解决客户端的异步问题. 目前 EasyReact 已在美团和大众点评客户端的部分业务中进行了实践,并且持续 ...

  6. 巧用 BootStrap --- 栅格系统(布局)轻松搞定网页响应式布局!

    摘要:Bootstrap 为我们提供了一套响应式.移动设备优先的流式栅格系统,合理的使用栅格系统将会使得网站页面布局变得更加简单,在设置了媒体查询之后,响应式网站也无需再单独写了.接下来我以Boots ...

  7. 07-Spring5 WebFlux响应式编程

    SpringWebFlux介绍 简介 SpringWebFlux是Spring5添加的新模块,用于Web开发,功能和SpringMvc类似的,WebFlux使用当前一种比较流行的响应式编程框架 使用传 ...

  8. SpringBoot实战派读书笔记---响应式编程

    1.什么是WebFlux? WebFlux不需要Servlet API,在完全异步且无阻塞,并通过Reactor项目实现了Reactor Streams规范. WebFlux可以在资源有限的情况下提高 ...

  9. Crumpet – 使用很简单的响应式前端开发框架

    Crumpet 是一个简单的响应式的基于 SASS/SCSS 的响应式前端框架,保持你的 HTML 代码简洁.内置尽量使用占位符选择器,以减少你的 HTML 标记的大小,没有凌乱的 HTML 代码.快 ...

随机推荐

  1. linux后台运行程序--nobup

    用途:不挂断地运行命令. 语法:nohup Command [ Arg - ] [ & ] 描述:nohup 命令运行由 Command 参数和任何相关的 Arg 参数指定的命令,忽略所有挂断 ...

  2. 豆瓣 URLError: <urlopen error [SSL: CERTIFICATE_VERIFY_FAILED] certificate verify failed (_ssl.c:719)>

    import urllib.request as urlrequest #import ssl#ssl._create_default_https_context = ssl._create_unve ...

  3. 04_seaborn基本使用

    1.seaborn设置整体风格 seaborn提供5中主题风格: darkgrid whitegrid dark white ticks 主要通过set()和set_style()两个函数对整体风格进 ...

  4. App自动化测试-1.App自动化介绍和环境搭建

    App自动化测试-1.App自动化介绍和环境搭建 *:first-child { margin-top: 0 !important; } body>*:last-child { margin-b ...

  5. LESSON 1-Introduction

    Keywords: Communication system, Channel model, Channel capacity by Shannon 1. Two fundamental archit ...

  6. linux 系统自动定制运行 crontab

    在UNIX下怎样实现和Windows下“计划任务”一样的功能 $crontab -e 编辑脚本 $crontab -l 察看脚本   用$crontab -e 编辑脚本,加入下列行 :分 小时 星期 ...

  7. Spring 读取资源

    Spring 读取资源 主要介绍3种方式(当然不止三种,但是这三种基本能应付大多需求)FileSystemResource:以文件的绝对路径方式进行访问ClassPathResourcee:以类路径的 ...

  8. js消除小游戏(极简版)

    js小游戏极简版 (1) 基础布局 <div class = "box"> <p></p> <div class="div&qu ...

  9. 基于webpack实现多html页面开发框架二 css打包、支持scss、文件分离

    本节主要介绍webpack打包的时候CSS的处理方式 一.解决什么问题      1.CSS打包      2.CSS处理浏览器兼容      3.SASS支持      4.CSS分离成单独的文件 ...

  10. 15 个优秀开源的 Spring Boot 学习项目,一网打尽!

    Spring Boot 算是目前 Java 领域最火的技术栈了,松哥年初出版的 <Spring Boot + Vue 全栈开发实战>迄今为止已经加印了 8 次,Spring Boot 的受 ...