『贴代码』
PasteSpider
PasteApeart
精选作品
优选问答
成长笔记
【本期话题】更多
                                    我们在开发中经常遇到对方的接口请求有频率限制,比如当前接口每秒的请求不能大于100,不能大于1000,对于这样的,我们作为请求方,如何做限定?
                    
框架PasteApeart实际开发案例,换个口味显示数据,支持echarts,只需要标记几个特性即可在管理端显示(2)
尘埃 2025-04-05 1878 78 3
你相信么,只要写几行后端代码(不超过10行)即可实现数据图表echarts的显示!!!使用PasteApeart框架,你会发觉管理端的开发是那么的简单!一起来看看是如何实现的!

--------------------------------------------------------------------------------------------------------------

PasteForm的升级版PasteApeart,享受极致简洁的框架的魅力,点击查看文档

--------------------------------------------------------------------------------------------------------------

PasteApeart框架的主要思想就是对Dto进行标记特性,然后管理端的页面就会以不一样的UI呈现
使用PasteApeart框架开发,让你免去开发管理端的烦恼,你只需要专注于业务端和用户端!

在管理端中,如果说表格是基本的显示方式,那么图表chart就是一个锦上添花的体现!
如果一个项目拥有100个数据库表,那么大概有多少表需要以图表显示,或者说有多少需要支持图表和表格显示?
10个? 那你开发这些要花费多少时间呢?
使用PasteApeart开发,你只需要几行代码即可实现一个图表的显示!
一起来看看是如何实现的
那么如果使用PasteApeart框架开发的项目的管理端如何实现echarts的显示呢?

图表效果

在这里插入图片描述
上面是模拟表的显示效果,可以看到目前的测试字段是成绩一 成绩二 身高和X轴的时间!
可以说是非常普遍的需求,对吧!
显示方式的话支持line和bar

我们一起来看看要实现上面的东西的Dto是怎样的

Dto写法

在这里插入图片描述
看上图,是不是很简单,只做了7个标记!

特性介绍

ui

这个主要是给chart使用的,默认表格是table,也就是列表页面支持table和chart模式
chart就是图表有line,bar模式的,目前采用的是echarts的组件

字段 类型 示例 说明
args1 字符串 table 首显方式table就是默认的表格形式
args2 字符串 chart 备选方式
args1 字符串
args1 字符串

如果args2不填写,则UI中不会出现用户可以切换的按钮!
args1写哪个,哪个就是默认显示的方式
如果query有,比如show_type=chart,而args1又为table
则chart生效!!!

chartx

X轴 一般表示时间 在图中表示时间轴

参数 类型 示例 备注
args1 str 时间 X轴的名称,貌似好像没用
args2 str 备用 备用
args3 str 备用 备用
args4 str 备用 备用

注意一个Model里面只能有一个为chartx,有且只能有一个!

charty

Y轴信息,我的理解Y轴柱,上图的左侧的成绩多少分,右侧的身高多少cm

这个特性是标注在Class上的
按照标注顺序有序标0开始
比如上图的,可能成绩有语文,数学,英语,身高
那么语文,数学,英语就用左边柱子的刻度
身高单独用右边的刻度!

参数 类型 示例 说明
args1 str 成绩 显示名称,比如上面的成绩,身高
args2 str left 柱子放置位置,left左侧,right右侧
args3 int 0 偏移量
args4 str {value}cm 格式化显示

那么接下来的就是数据轴了,请看chartseries

chartseries

数据轴,上面案例说的 语文 数学 英语 身高的具体数值! 就是主视图区域的柱子bar或者线段line

参数 类型 示例 说明
args1 str line line线段线条模式bar柱子形式
args2 int 0 用之前的charty的哪一根,注意和顺序有关
args3 str 标题 语文
args4 str 备用 备用

我的理解args3就是legend,最中间上面那个!

来源出处

如果后续还有新的特性添加,或者特性变更,都将在PasteDocument中进行更新

PasteApeart文档介绍

使用PasteApeart框架开发,告别管理端,你只需要专注于服务端和用户端!

评论列表
尘埃
78 1878 3
快捷注册
用户问答更多
PasteApeart和PasteForm如何选择?
  • 不用选,后面都是PasteApeart,他们其实是一个东西

PasteApeart中有多层级继承的,表单中的字段排列顺序有什么规则?
  • 看版本,PasteApeart.Helper 26.9.2之后,就按照基类前面的顺序了,也符合阅读顺序,当然你可以使用PasteSort再次改变他!

PasteForm,神奇了啊!都说低代码,低代码,那个是对于非开发者来说的,感觉PasteForm就是开发者的低代码啊!只要配置好Model,就有对应的CRUD操作,还带一些逻辑,和生成代码是两码事了!!!问题来了,有什么局限性,或者适用哪些场景?
  • 1.语言吧,这本身只是一个开发思想,其实其他语言也可以用,不过最优雅实现的还是.NET

    2.特别适用于需要表单,表格的系统,所以哪些EMS,CRM,ERP等都合适

    3.扩展,比如这个思想,你也可以应用于C/S,理论上也是可以的

    4.这个主要针对的是管理端,附带UI的CRUD,也就是说对于业务代码,是没影响的!

    5.可能入门会麻烦点,毕竟有接近100个PasteXXXX特性要了解,幸运的是都是Paste开头,官方的也支持,比如MaxLength,Required等!

最新动态
  • 142.****.82 正在查看 文章列表页 !
  • 185.****.13 正在查看 关于PasteSpiderV2版本升级V5版本后,部署的服务会走一遍扩容的说明 !
  • 40.****.3 正在查看 12306班次筛选座位逻辑 !
  • 114.****.237 正在查看 Document:spider !
  • 52.****.208 正在查看 使用Obfuscar混淆(加密)你的程序源码并一键发布! !
  • 218.****.141 正在查看 PasteApeart框架介绍,PasteApeart为啥说是敏佳开发天花板,看这篇就够了 !
  • 216.****.137 正在查看 使用PasteSpider实现CI/CD持续部署,类似Jenkins的功能,让你的2G服务器也可以飞起 !
  • 36.****.7 正在查看 主页pastespider !
  • 122.****.51 正在查看 有哪些高大上的词语,你有没有被虎得一愣一愣得,一起来看看AI的吐槽! !
  • 36.****.208 正在查看 PasteApeart框架介绍,PasteApeart为啥说是敏佳开发天花板,看这篇就够了 !
  • 40.****.40 正在查看 使用Obfuscar混淆(加密)你的程序源码并一键发布! !
欢迎加入QQ讨论群 296245685 [PasteSpider]介绍 [PasteForm]介绍 @2022-2023 PasteCode.cn 版权所有 ICP证 闽ICP备2021013869号-2