摘要： Lecen是一套创新的低代码可视化系统搭建平台，通过组件插槽、请求链接和执行寄连实现可视化配置，支持页面设计、Mock数据配置及版本管理。系统设计考虑了快速交付、组件复用、动态呈现等需求，降低开发维护成本。项目分为前端(lecen-web)和后端(lecen-server)，提供代码持久化、权限控制等功能。本地搭建只需克隆GitHub/Gitee仓库即可启动，适合高效构建企业级应用系统。

本文介绍了可视化设计器中组件的数据绑定和类名绑定，数据绑定使用_data来实现，主要包括表格组件(lc-table)、虚拟列表组件(lc-list)、树组件(lc-tree)，凡是具有data属性的组件都能够通过接口返回值和手动指定数据的方式进行数据的填充。类名绑定使用_class来实现，通过简写的方式来绑定类名，并提供了类名格式的基本约定。

本文介绍了利用可视化设计器构建应用系统中的人员管理和身份管理功能。人员管理模块采用树形结构展示组织与用户层级，支持新增/编辑组织与人员、配置身份等操作，并提供多选批量处理功能。身份管理模块将权限控制抽象为"身份"概念，支持创建身份分类（如会员等级）及具体身份，可配置应用菜单权限。系统通过身份配置实现对不同用户的权限管理，支持身份反查、批量更新等操作。

computed有缓存，是把该变量指向每次的执行结果，当响应式依赖变化时，vue会自动再次执行，而methods是把该变量指向函数，在用到的地方都会再次执行，而且当dom更新的时候，vue也会重新执行对应的方法，因此需要注意避免死循环，watch无所谓缓存不......

我们日常开发工作中避免不了要使用代码管理工具，其中git是我们熟知的一种，通过isomorphic-git实现了从数据库到服务器到github的数据版本控制。并具备了初始化、添加、提交、同步、推送、拉取、信息配置、提交日志查看、文件日志查看、文件状态查看、配置信息查看...

通过可视化mock数据生成器，模拟了一个接口返回值的数据集，操作简单、方便、快捷，在我们没有后端数据的情况下，可以自己来生成这样一份数据供我们调试。可视化操作不是我们的终极目标，它只是我们开发过程中的一个手段，或者说帮助我们作业的一个工具，通过它来解决绝大部分的问题就可以，降低成本，提高生产力。主要分为：操作区、分类区、辅助区、 属性区、数据区、展示区、帮助区、提示区、...

在我们开发系统的时候，可能会接到这样的需求：不要让用户复制页面上的文字或者图片，不要让用户调试我们的页面，更甚至也不要让用户进行打印操作等等。我们可以通过css来控制，也能够监听用户打开控制台的操作，从而达到我们想要的目的

发送请求已经是我们最基本最常见的需求了，而且我们也在频繁的接触它，但是我们经常会遇到各种各样的问题，有些错误很明显，我们直接就能定位问题所在，但是有一些问题总是让我们抓不到头脑，今天就来给大家讲解，或者说介绍一下关于网络面板的一些使用技巧，能够帮助我们快速排查定位问题，以至解决遇到的问题，启动器(Initiator)会展示出该请求的触发链路，即：该请求是由谁触发的，并且它的调用者是谁，以及更上层的

这是一个高级功能，虽然不是很常用，但是有一些特殊的场景或者需求，我们可能希望从编辑好的word中，通过导入的方式来让用户在网页中继续编辑它，并尽可能的保留内容和格式。用CKEditor5的导入word功能，把这个word导入到编辑器中，解析完成之后就看到了效果，它的还原度很高了，里边包含了段落、列表、图片、表格等等多个技术点

我们一直都致力于更好，无论对于个人、团队、公司来说，追求的点是各式各样的，像是低成本、高效率、可复用、易上手、易维护。我们使用可视化页面设计器，快速的完成了一个歌单页面的实现，我们通过数据视图、请求链接、执行寄连的设计理念，分步完成了它们各自的设计，整个过程简单、透明、方便...