FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 6066|回复: 1
打印 上一主题 下一主题

FineUI Grid CRUD 新玩法,CRUD 也可以如此简单

[复制链接]
跳转到指定楼层
楼主
发表于 2020-5-29 16:22:15 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
本帖最后由 棕榈 于 2021-2-19 11:55 编辑

FineUI Grid CRUD 新玩法,CRUD 也可以如此简单





FineUI Grid CRUD 新玩法,CRUD 也可以如此简单(本篇)
FineUI Grid CRUD 新玩法 之 查询 2
FineUI Grid CRUD 新玩法 之 IFrame 表单
FineUI Grid CRUD 新玩法 之 表单布局
FineUI Grid CRUD 新玩法 之 助记码
FineUI Grid CRUD 新玩法 之 主从表单
FineUI Grid CRUD 新玩法 之 主从表格
FineUI Grid CRUD 新玩法 之 Excel 导入
FineUI Grid CRUD 新玩法 之 Excel 导出
FineUI Grid CRUD 新玩法 之 Abp 实战


    创建本项目是基于之前的一篇文章  FineUI + TagHelper 怕自己的想象力不够,它讲述了背后的一些原理,如果大家感兴趣可以基于这个思路试着玩一下。

    如果你采用 FineUI 进行项目开发,那你的项目属性也就基本确定了,CRUD 应该占了项目的很大比例,使用 FineUI 写 CRUD 并不是很难,应该说比较简单。如果你只有几个 CRUD 的表格及表单,可能感觉不到什么,但当你有几十个,甚至上百个的时候,我想它已经不是一件有趣的事情了,重复机械式的操作,你需要重复的进行。如何让 CRUD 简单并轻松的完成,是本主题讨论的内容。

先让大家看一段代码,这是上面示例的 Model



上面属性中的 Attribute 的含义后面会说到,这已是关于示例列的全部配置了,我们来看一下 RazorPage 页面的内容



RazorPage 页面中也是如此的简单,_CrudGridLayout 及 _CrudGridView 是公共部分,你可以根据自己的需要进行更改


我来看一下,PageModel 中的内容



我把代码量最多的 OnPostSave 展开了,其它的都是一两行代码
这就是上面示例的全部代码

下面我们来看一下,CRUD 中的级联选择,也是网友经常提到的,如何通过某一单元格的内容来决定另一个下拉列表的内容

在级联选择中,省市县是比较经典的例子




下面是它的 Model 及 PageModel 代码






获取市列表与获取县列表代码是一致的,省的更改与市的更改也是一致的
上面也是整个级联选择的全部代码了


在表格的 CRUD 中,我们经常需要根据某个单元格,更新某个单元格或多个单元格的值,下面是一个计算器的一个示例





下面是示例的 Model 及 PageModel








上面是示例的全部代码,除了逻辑基于没有多余的代码

我来看一下几个主要的 Attribute 的定义




















看到这里,说明你对这个主题是感兴趣的,其实这也只是一个开始,FineUI 的可玩性很高,在这个基础上你可以创造出更多玩法

发这样一个主题也是一种尝试,希望大家能以有偿的方式提供 FineUI 简单实用的玩法,构造一个良性的 FineUI 生态。












本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
沙发
发表于 2020-7-27 16:14:07 | 只看该作者
是基于core版本还是mvc版本的?
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-11-24 08:16 , Processed in 0.044760 second(s), 19 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表