【8.0.102】新版组件功能学习分享

登录

本帖最后由赛龙周于 2022-10-29 07:59 编辑

组件功能的发布的确给应用开的复用带来的很大便利，102版本的正式发布，在新环境中安装后小试下，的确很爽，成果如下图

共制作了四个组件，如上图所示：
1表头栏目组件：实现样式的统一；根据栏目名称绑定数据；
2表体表格组件：使用EL-表格，动态绑定sql数据源；
3表头工具栏组件：实现单据内上、下翻页；按单据号查询单据；
4单据组件：制作不同的单据模版。

使用感受：
1组件属性：可通过设置组件属性可读可写，类似编程语言写个类中的属性；
2组件事件：定义组件能够提供的能力接口，类似编程语言中的接口；事件参数是用来向外传递数据（本例中工具栏组件就是通过事件参数实现组件内组件与组件的交互）；
3组件页面加载时命令与组件属性变更时命令：在组件套组件的情况下，这两个命令有点绕。（本例中工具栏组件的调试烧了我好多脑细胞^_^）。

还有些小功能尚待解决：
1表头栏目组件的不同数据类型的值如何格式化？
2EL-表格的列宽、行高的调整？

欢迎大家批评指正。

meteor · meteor

活字格最新的组件的确很有意思，似乎很契合Vue中关于组件的设计思想。
其一，组件定义了小业务功能的组合封装+复用，传统意义的编程设计思路上，所谓的前后端分离，业务逻辑的组合通常是提供功能的组合的代码，由UI端进行调用，来实现复用（就是相同的功能，代码可以只写一遍）此时大家发现，虽然功能代码少了，但是相同功能的UI的部分一样还是要重复写，所以新的组件的定义思想上，组件不仅包括了可复用的逻辑代码，也包括UI的部分，即这玩意儿就是粘在一起的，一个小组件就是可以独立承担一个小小的业务逻辑功能，包括了界面和逻辑代码不可分割。你想在A页面使用它，就拖入这个组件。想在B页面使用它，同样也可以拖入这个组件，而不用重新再去画界面。
其二，如果页面内嵌入了一个组件，就必然存在外部世界要和组件交互通讯的问题。即外部要把数据传进去给组件，组件要把某些数据传出来给外部，这里VUE中的定义是Props Down，Events Up。即要外部世界通过Prop（属性）将数据传给组件，组件通过Event（事件）将数据传递出来（事件对初学者不太好理解，这里，组件需要向外传递消息的时候，将数据藏在事件的参数中，通过触发事件的方式激发事件，而外部通过不停地监听事件，一旦捕获到了某个事件，去获取里面的参数，就得到组件传递出来的消息了）。理解了这个交互逻辑，再看活字格的组件，就清楚多了。
其三，组件的嵌套。在VUE中，万物皆组件。一个组件套着一些子组件，一个子组件又是由孙组件构成，如此往复，构成了这个世界（某个应用）。活字格里，就表现为组件套组件。巧妙的利用这个原理解决了图文列表中如何嵌套图文列表的问题~不得不赞一个。设计一通百通，一下子就解开了这个困扰许久的难题

dtcq · dtcq

,我做了这个，方便。

回复 · 137294886

学习了

Aa金砂 · Aa金砂

有demo就有说服力

hpx209 · hpx209

值得学习，每天进步一点点

爱上网络 · 爱上网络

demo demo demo

muto · muto

不发demo的分享都不是好分享

leilei6120 · leilei6120

meteor 发表于 2022-11-30 23:18
活字格最新的组件的确很有意思，似乎很契合Vue中关于组件的设计思想。
其一，组件定义了小业务功能的组合 ...

大神结合VUE设计思想解答非常到位，感谢！

		自动登录	找回密码
密码			立即注册

[使用感受] 【8.0.102】新版组件功能学习分享

本帖子中包含更多资源

评分

8 个回复

评分

本帖子中包含更多资源

悬赏达人

微信认证勋章

讲师达人

圣诞拼拼乐

时代开发者征文活动