首页 文章 精选 留言 我的

精选列表

搜索[D3地图可视化],共10000篇文章
优秀的个人博客,低调大师

可视化页面搭建平台码良更新,新增组件封装功能

码良组件封装详解 最近码良迎来了一波新功能的上线,并毫无保留地继续进行了代码开源-赶紧star关注。新上线的功能有桌面端页面制作、”楼层模式“、”正宗“布局组件(容器组件)的开发能力、组件封装、word 文档解析、psd 解析等平台功能和能力。 资源难得赶紧先关注,然后后续学习。 本文将为您详细介绍组件封装。 什么是组件封装 组件封装就是对具有上下层级关系的组件进行合并,隐藏内部细节,只保留顶层组件的过程。表现在组件树中,被封装的组件只能看到顶层组件,并以“小盒子”图标进行标识;表现在页面操作区,被封装组件的内部组件(子孙组件)不可被点击选中,只能对顶层组件进行操作。在对封装组件进行缩放操作的时候,子孙组件的大小被等比缩放、位置被线性变换。 操作方式 右键菜单操作 右键菜单可以在组件树和场景区中在组件上单击鼠标右键呼出,点击菜单中的"封装"指令即可对组件及其所有子孙组件进行封装,相反的,点击菜单中的“解封”(只有已封装组件才有该项)指令即可对该封装组件进行解除封装,还原为原本的树状结构。 组件树操作 比起右键菜单方式进行封装操作,组件树独有的双击操作更加便捷。在组件树上双击待封装组件可以快速进行封装操作;在组件树上双击已封装组件可以进行快速解除封装操作。 使用场景 组件封装看似简单,带来的改变却是多重的。 优化页面结构 通过对整个组件树不同功能块合理划分,然后进行分别封装,页面结构变得简单清晰。 功能抽象,配置集中 码良具有强大的脚本编辑能力,可以通过脚本来接收用户配置、控制组件行为、串联业务逻辑。但是,如果不能合理使用脚本,尤其是如果开发者对用户配置不进行集中管理,会造成使用者面对散落到各个组件的自定义配置无从下手。有了组件封装功能,开发者在进行模板页面的开发时,通过合理划分功能块,将同属一个功能的局部组件们进行封装,同时将自定义用户配置编写在该功能块顶层组件上,内部组件通过“数据总线“来获取用户配置参数,实现了功能抽象、配置集中,使用者不用再面对复杂的页面结构和不知道去哪找的众多配置项。 权限控制 实际使用中,还有一种情况,由于页面结构过于复杂,页面模板使用者(通常是缺乏专业技术能力的运营人员)因为缺乏足够的了解而随意增减组件或调整组件位置等,造成页面功能被破坏,组件封装过后,一方面,运营通过集中配置对页面进行配置,降低认知难度。另一方面,可以通过禁止解除组件的封装来阻止对功能块内部的修改,虽然目前码良并没有实现根据用户职业角色来禁止解除封装功能,但是封装操作仍能使得组件被破坏的难度加大,一定程度上保证了页面功能的完整性。 组合组件 封装后的组件仅限于当前页面复用(复制使用),那么有没有一种方法使封装组件变成普通组件一样,无限制的在其他页面使用呢?答案当然是有,组合组件就是专门干这个的。 如图,通过类似前面组件封装的做法,打开右键菜单,点击”另存为组合组件“指令,按提示然后输入必要的信息,就可以将这个组件功能块存储到服务器,供他人使用了。 看到这里你也许会奇怪,组合组件和组件封装似乎没有什么关联。实际上,合成组件生成时,会自动进行组件封装,因此在其他页面使用了合成组件以后,在组件树中会看到一个标有小箱子图标(封装的标识)的组件。 支持我们 开源项目需要的是持续地坚持,而我们坚持的动力当然也来自于你们的支持来都来了,加个关注再走吧 项目代码:https://github.com/ymm-tech/gods-pen 项目代码(国内镜像):https://gitee.com/ymm-tech/gods-pen

优秀的个人博客,低调大师

可视化搭建系统码良 v1.0.6 发布,支持组件商城

Bug Fixes element-ui 降级,解决 codepanel 标题栏数据不更新问题 (ea0f350) vue-router 路由以后,页面适配错误 (63ad4b2) 不上传psd源文件 (cb835c1) 不上传psd源文件 (25e78b8) 修护psd导入资源动画设置失效bug (4a64a73) 修护编辑器在保存的时候,保存失败的bug (715266d) 修护预览页面没提前保存,以及保存过程截图性能慢的问题 (230d39d) 修改动画功能描述图片 (45f0661) 修改数据熟悉外部修改数据,不能同步到编辑器中的bug (9de8893) 修改点击按钮前往商城的逻辑 (f276d18) 删除无用代码 (35a812e) 动画编辑器禁止状态切换失败bug (23561fc) 升级vue版本到最新2.6.11 (b577ca5) 去除默认组件,添加添加组件的引导 (c6ba88c) 对tip添加最大宽度 (ab33be0) 引入vue最新版本 (fa809db) 比例调整 (a0e05ea) 添加商城文档更新 (3698035) 组件不可见时,不必重新计算尺寸;点击保存,mouse事件冒泡,引发组件位置错误计算 (0377aab) 适配Array取值#22(2198461) 颜色实时更新 (9f472b3) Features 属性编辑面板显示组件版本 (512cd75) 新添加动画编辑器,可实时预览 (af816ab) 样式设置添加文字大小控制面板 (3582df7) 添加图片裁剪功能 (bfb8401)

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

Nacos

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称,一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集,帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Sublime Text

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。

WebStorm

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。

用户登录
用户注册