FineUI 官方论坛

标题: FineUI Grid CRUD 新玩法,CRUD 也可以如此简单 [打印本页]

作者: 棕榈    时间: 2020-5-29 16:22
标题: FineUI Grid CRUD 新玩法,CRUD 也可以如此简单
本帖最后由 棕榈 于 2021-2-19 11:55 编辑

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


[attach]12432[/attach]


FineUI Grid CRUD 新玩法,CRUD 也可以如此简单(本篇)
FineUI Grid CRUD 新玩法 之 弹窗
FineUI Grid CRUD 新玩法 之 查询
FineUI Grid CRUD 新玩法 之 查询 2
FineUI Grid CRUD 新玩法 之 表单
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

[attach]12433[/attach]

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

[attach]12434[/attach]

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


我来看一下,PageModel 中的内容

[attach]12435[/attach]

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

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

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

[attach]12436[/attach]


下面是它的 Model 及 PageModel 代码


[attach]12437[/attach]

[attach]12438[/attach]

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


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


[attach]12439[/attach]


下面是示例的 Model 及 PageModel


[attach]12440[/attach]


[attach]12441[/attach]


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

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


[attach]12447[/attach]


[attach]12446[/attach]


[attach]12445[/attach]


[attach]12444[/attach]


[attach]12443[/attach]


[attach]12442[/attach]


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

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













作者: kakaeex    时间: 2020-7-27 16:14
是基于core版本还是mvc版本的?




欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/) Powered by Discuz! X3.4