科技
设为书签Ctrl+D将本页面保存为书签，全面了解最新资讯，方便快捷。
优维科技低代码实践：添加构件
一、概述
页面是不同的构件基于一定的业务逻辑和交互形成的。构件作为页面中最基础的元素，分为原子构件、通用构件、业务构件、模板（可复用的具有一定业务逻辑的多个构件封装而成）等。
二、构件的添加
构件的添加要基于路由，即构件的添加的前提是要有一个路由页面，此处省略添加路由的介绍，具体可参考路由创建。
1.从组件库添加构件
组件库中涵盖了平台中拥有的所有构件，通过对组件库中的构件进行模糊搜索，可以查找匹配的构件；找到构件后，可以通过鼠标拖拽构件的方式，将构件拖拽到屏幕中间的iframe预览区域，iframe预览区域可以快速接收构件信息并渲染效果。
ps: 拖拽构件至iframe预览区域，需保持检查开关为开启状态。
2.从构件树添加构件
从构件树添加构件只能通过构件Id进行模糊搜索，因此更适合对构件id熟悉的用户。从构件树添加构件也更适用于不适合拖拽构件的场景，比如要拖拽至某些复杂的场景中，不便于寻找构件摆放位置；或者是添加某些在组件库中没有的原子构件，如div、a标签等。
添加通用构件：
ps: 父构件的插槽位有哪些，可以点击父构件的说明文档进行查阅，不同的构件插槽位名称不同，位置不同；非容器类构件没有插槽位。
添加原子构件：
原子构件即原生的HTML元素，如div、a、span等。
至此，构件的添加完成啦。
关键词：
责任编辑：kj005
文章投诉热线:156 0057 2229 投诉邮箱:29132 36@qq.com关键词：
极速直播：体育赛事尽览，仿若身临其境
2023-07-27 15:40:12极速直播：体育赛事尽览，仿若身临其境
按摩椅什么品牌质量比较好？家用按摩椅用户的优选就是它
2023-07-17 18:23:33按摩椅什么品牌质量比较好？家用按摩椅用户的优选就是它
叉车油换电势在必行！中力助力湖州加快叉车置换
2023-07-17 11:51:04叉车油换电势在必行！中力助力湖州加快叉车置换
发票软件代理首选标普云数票通，共享业财税企服软件千亿市场
2023-07-07 12:46:00发票软件代理首选标普云数票通，共享业财税企服软件千亿市场
桌面和服务器操作系统市占率双第一 ，麒麟软件致力打造世界级操作系统中国品牌
2023-07-06 12:48:34桌面和服务器操作系统市占率双第一 ，麒麟软件致力打造世界级操作系统中国品牌
见证网信赛场上的中国标准！2023操作系统产业大会7月5日盛大开启
2023-07-04 10:44:15见证网信赛场上的中国标准！2023操作系统产业大会7月5日盛大开启
相关新闻
2023-07-28 12:45:31
2023-07-28 12:45:29
2023-07-28 12:00:19
2023-07-28 11:46:28
2023-07-28 11:37:00
2023-07-28 11:35:52
2023-07-28 11:35:26
2023-07-28 11:30:41
2023-07-28 11:30:26
2023-07-28 11:28:01
最新资讯
2023-07-28 12:45:31
2023-07-28 12:45:29
2023-07-28 12:01:11
2023-07-28 12:04:02
2023-07-28 12:01:19
2023-07-28 12:03:17
2023-07-28 12:09:52
2023-07-28 12:02:42
2023-07-28 12:00:56
2023-07-28 12:00:19
2023-07-28 11:59:57
2023-07-28 11:58:53
2023-07-28 11:58:36
2022-07-12 11:58:00
2023-07-28 11:56:39
2023-07-28 11:56:22
2023-07-28 11:55:55
2023-07-28 11:47:17
2023-07-28 11:47:00
2023-07-28 11:46:28
2023-07-28 11:38:06
2023-07-28 11:41:16
2023-07-28 11:36:33
2023-07-28 11:36:30
2023-07-28 11:39:08
2023-07-28 11:37:00
2023-07-28 11:36:30
2023-07-28 11:35:52
2023-07-28 11:35:26
2023-07-28 11:34:58
