photoshop网站模板下载,烟台seo网站推广费用,北京网站 百度快照,福州建企业网优维低代码技术专栏#xff0c;是一个全新的、技术为主的专栏#xff0c;由优维技术委员会成员执笔#xff0c;基于优维7年低代码技术研发及运维成果#xff0c;主要介绍低代码相关的技术原理及架构逻辑#xff0c;目的是给广大运维人提供一个技术交流与学习的平台。 优维…
优维低代码技术专栏是一个全新的、技术为主的专栏由优维技术委员会成员执笔基于优维7年低代码技术研发及运维成果主要介绍低代码相关的技术原理及架构逻辑目的是给广大运维人提供一个技术交流与学习的平台。 优维低代码实践连载第18期
《图片和搜索》
▽
「图 片」
在一些编排场景下会需要使用到平台外的图片进行渲染或修饰如大屏的背景图、自定义构件的背景图等或者是在某些客户的内网环境中“酷炫”的大屏所用到背景图。在这样的场景下就需要预先将图片上传到环境中一方面是为了节省请求时的资源一方面是为了避免外网的资源无法在内网中请求并渲染。
Visual Builder提供了图片上传的能力并将上传的图片作为该微应用的资源之一在打包部署时能够直接部署在服务器上避免资源的重复加载。
图片上传结束后一定要记住点击Build Push否则无法现在图片的内容效果。
1.上传图片 2.推送图片至预览环境 3.复制图片上传后的调用信息 4.在路由界面找到图片要显示的位置并粘贴步骤3中复制的内容此处选中Copy as Code。 ps: 1. 支持一次上传多个图片文件2. 仅支持图片格式的文件.png\.jpg\.gif等
「 搜 索」
在Visual Builder编排过程中数据会存储在MicroApp项目模型中但最终会形成一个storyBoard.json文件基于这个文件内容通过平台底层框架渲染最终在界面上展示编排效果。Visual Builder提供了强大的全局搜索功能对该文件内容进行查询便于用户在编排过程中进行查询。
搜索页面的搜索框默认支持Brick、Alias、Properties、Events、Context、Proxy、Ref、Path、Name、Menu等字段的模糊搜索也可以点击展开高级搜索进行对应字段的精准匹配如果以上的默认字段不满足想要精准查询的内容可以点击右上角的“···”进行其他字段的选择并搜索。
在功能页面比较多的微应用中我们想要搜索一个包含“变更”的页面就可以在搜索页面进行“变更”的模糊搜索搜索示例如下图 ps黄色高亮的内容即为搜索结果与搜索内容匹配的结果
如果觉得搜索的内容太广泛可以选择搜索框后的“区分大小写”、“全字匹配”等正则匹配模式。此处选中“全字匹配”。 点击高亮的构件或路由查看该构件或路由的配置内容点击代码框右上角的“详情链接”可以打开新标签页查看页面整体编排内容和预览效果并编辑调整。
