logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

lecen:一个更好的开源可视化系统搭建项目--文本、图片、图形、原生元素--全低代码|所见即所得|利用可视化设计器构建你的应用系统-做一个懂你的人

本文介绍了可视化设计器中几种基础组件的使用方法:1. 文本组件(text)支持静态内容、函数返回值和数据绑定三种形式,可应用于各类文字展示场景;2. 图片组件(lc-image)支持加载本地和远程图片资源;3. 图形组件可自定义SVG矢量图标;4. 原生元素组件(native)支持通过标签名动态创建任意HTML元素。这些基础组件为快速构建应用系统界面提供了灵活的可视化解决方案。

文章图片
#低代码
lecen:一个更好的开源可视化系统搭建项目--表格、列表--全低代码|所见即所得|利用可视化设计器构建你的应用系统-做一个懂你的人

本文介绍了如何利用可视化设计器构建应用系统中的表格和列表组件。表格组件支持动态添加列、绑定数据、自定义表头和内容,通过插槽可以灵活添加按钮等交互元素。列表组件可用于渲染下拉选项等多种场景,支持手动或接口方式绑定数据,子组件可通过作用域获取数组项值。文章通过具体示例演示了如何创建带数据的表格和下拉选择框,展示了组件的灵活配置能力。

文章图片
#低代码
lecen:一个更好的开源可视化系统搭建项目--模块、路由、字典、文件--全低代码|所见即所得|利用可视化设计器构建你的应用系统-做一个懂你的人

本文介绍了可视化设计器中模块配置、路由配置和字典配置三个核心功能的使用方法。在模块配置部分,详细说明了如何创建模块、子应用,以及设置应用图标、路由等操作;路由配置部分讲解了菜单管理的流程,包括创建父子路由、绑定页面等步骤;字典配置部分则展示了如何创建字典分类和字典项,以及字典间的关联操作。文章通过图文结合的方式,直观呈现了各功能的操作界面和配置流程,帮助用户快速掌握系统配置方法。所有配置内容最终都

文章图片
#低代码
lecen:一个更好的开源可视化系统搭建项目--执行寄连、数据视图、请求链接--全低代码|所见即所得|利用可视化设计器构建你的应用系统-做一个懂你的人

本文介绍了利用可视化设计器构建应用系统的核心功能模块——执行寄连、数据视图和请求链接。执行寄连是将可复用的代码片段封装成处理单元,支持自动或手动调用,可在页面生命周期不同阶段执行,实现代码复用和逻辑解耦。数据视图通过JSON描述页面结构和组件属性,支持行列嵌套布局和插槽机制,实现可视化页面设计。请求主要是用来加载页面中的各种数据,以及发送数据到后端,支持mock,并自动绑定页面组件渲染数据。通过这

文章图片
#低代码
F12-开发者工具常用操作与使用说明之元素Elements

我们日常开发过程中经常会遇到不容易理解的行为出现,这个时候我们就要打开控制台(即开发者工具)来排查或解决我们的问题。元素面板提供的功能是非常强大的,其实还有很多便利性的功能,可以极大的帮助开发者快速发现问题、定位问题、排查问题、解决问题。甚至没有问题的时候也能够帮助开发者提升生产力。...

文章图片
#前端
vue3-scroll-more:横向滚动条-元素或页签过多滚动显示处理的组件

vue3-scroll-more是一个Vue3横向滚动组件,适用于需要展示多标签页等横向滚动场景。主要特性包括:支持鼠标滚轮/按钮滚动、显示隐藏内容数量、拖拽排序功能、自动跳转定位等。组件提供丰富的配置项,如设置滚动速度(autoScrollRate)、自动跳转模式(autoJump)、是否显示隐藏内容(showHidden)等。通过作用域插槽可自定义内容渲染,并支持左右两侧独立插槽。安装简单,支

文章图片
#前端
lecen:一个更好的开源可视化系统搭建项目--介绍、搭建、访问与基本配置--全低代码|所见即所得|利用可视化设计器构建你的应用系统-做一个懂你的人

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

文章图片
#低代码
lecen:一个更好的开源可视化系统搭建项目--页面设计器(表单设计器)--全低代码|所见即所得|利用可视化设计器构建你的应用系统-做一个懂你的人

本文介绍了一个可视化页面设计器的使用方法和核心功能。设计器采用拖拽式可视化编辑方式,分为三大功能区:视图绘制区域(放置页面组件)、组件面板(提供UI组件库)和属性面板(配置组件属性和事件)。系统通过统一的设计器生成标准化页面代码,并由统一解析器渲染,实现所见即所得的效果。 设计器支持行列嵌套布局、组件快捷操作(提供多种快捷键)、右键菜单编辑和组件属性深度配置。属性面板支持组件层级导航、位置调整和详

文章图片
#低代码
lecen:一个更好的开源可视化系统搭建项目--介绍、搭建、访问与基本配置--全低代码|所见即所得|利用可视化设计器构建你的应用系统-做一个懂你的人

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

文章图片
#低代码
lecen:一个更好的开源可视化系统搭建项目--数据(_data)、类名(_class)--全低代码|所见即所得|利用可视化设计器构建你的应用系统-做一个懂你的人

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

文章图片
#低代码
    共 20 条
  • 1
  • 2
  • 请选择