低代码

1. 主要模块： 编辑器、图层布局器、组件库、模板库、素材库、内置控件库、代码生成器 2. 功能效果： 2.1. 以项目为配置单元，每个项目可以创建单个或多个页面； 2.2. 用户可通过在编辑器内拖拉拽的方式，将组件库内的组件放置到画布内进行调整配置，最终保存为数据可视化的大屏或移动端项目，该项目支持下载源码进行离线部署，也支持直接发布成外链进行访问； 2.3. 支持通过JS代码进行事件派发订阅、自定义组件等高级操作； 2.4. 支持用户自行维护组件库，按平台规范开发自定义组件、上传、使用； 2.5. 支持用户自行维护模板库，通过保存项目为模板以便快速搭投同类型项目； 2.6. 支持将页面导出为配置文件，通过配置文件新建页面； 2.7. 对于多页面项目，可以很方便地配置路由跳转； 2.8. 支持平台内部数据或API数据接入 2.9. 其他功能未一一列举 3. 职责： 本人负责整个低代码平台的架构搭建与核心代码开发，包括但不限于规范制定、技术更新、迁移评估、脚手架开发、组件库开发、性能优化、专利转化： 3.1. 本项目从零开始，对竞品进行了相关调研，与领导、PM进行多次讨论，确定产品方向 3.2. 底层基础设计：图层协议及画布协议的设计、图层类/图层编组类的设计、配置栏控件协议、组件库组件的开发管理规范设计等； 3.3. 平台技术对接规范、开发规范等的编写； 3.4. 到本人离职前，该平台已实现“配置可视化+组件生态化+素材自由化”，已可覆盖交互不那么复杂的可视化大屏页面和移动端页面，能减轻50～60%的前端工作量。目前已推广应用到一部分项目线上，反馈良好 4. 技术栈： 该平台主要技术栈为Typescript + React + Nodejs 5. 难点： 5.1. 各类协议制定； 5.2. 图层操作（增、删、改、编组、取消编组、尺寸调整等）优化；

低代码平台，可以快速搭建京东中台各页面，包含多种组件，依托于京东组件库，可以拖拽出各种样式的页面，并且可以联通数据和其他项目要求，极大减少了开发时间，做到了提效并且向外赋能的能力。 我在项目中主要参与组件接入低代码平台以及对于各组件在低代码平台的适配

1、周期小但精致的低代码博客项目，有自研物料库，第三方物料库、模拟手机渲染、PC渲染等功能 2、负责项目从0-1搭建，负责项目所有前端代码

1、 从 0 到 1 基于 sketchrule 搭建可视化大屏编辑器框架，提供图标组件动态开发模板，合理分配图表开发任务。 2、 负责代码合并与审查，并在 gitlab 解决代码冲突，负责版本迭代代码部署及后续维护。 3、 负责本产品在本司内培训、宣发任务。完成院内培训宣传、实操演讲。

【门窗设计软件】该项目开发周期3个月，源代码交付，主要前端技术栈（html three.js javascript vue element-ui）。 该门窗设计软件适用于塑钢，铝合金和铝木等门窗型材的方案设计。 其主要功能为： 一、2D平面绘制：通过左侧功能栏快速选择适合窗型，并通过鼠标在中间画布进行窗型绘制 左侧功能栏有：框体列表、中梃列表、平开列表、推拉折叠、填充物列表、标线列表和其他列表组成。 二、参数化设置：选中框体或玻璃可以进行参数化设置 三、渲染：通过云渲染的方式把2D窗体方案渲染成3D效果 3D渲染（窗体3D效果，可720°自由旋转） 四、算量报价：可导出算量报价清单 其他更多功能，例如后台管理、方案导出、组件自由拖拽等等可以联系我们详细了解。

企业内部客户关系管理系统； 主要包括账号管理，客户流转，销售管理，运营管理，数据采集，报表展示等模块 前后端均为团队独立研发

1.低代码平台为电商后台多表单页面的低代码配置平台。将二十多种常见的表单组件如input、select、upload、级联选择器、dialog、等等，通过拖拽生成所需要的表单页，前端不需要写代码，大大提升了研发工作效率。 2.此项目由我个人从0到1独立设计并研发。

功能介绍：支持拖拽配置图表、组件、布局等，支持自定义静态数据和配置api动态数据、一键发布、零基础的用户也能轻松制作出专业的可视化大屏。 功能模块：1、会员模块：会员模块与微信公共号打通，微信扫码登录绑定会员信息 2、支付模块：支持在线支付，开通付费会员 3、可视化组件模块：支持后台配置添加可视化组件 4、编辑器模块：支持在线拖拽操作，数据配置、api配置、发布等 5、大屏模块：支持在线预览、下载、编辑等 难点：在线编辑器的拖拽、缩放、数据绑定、标尺响应等

Maleon是一个“拖拽式、零编码的数据可视化开发平台”，可以低门槛、高效地开发出高水准的数据大屏。 系统功能： 1、账号中心：包括账号设置和我的企业，负责管理人员和调配 2、工作空间管理：支持创建多个工作空间，工作空间之间数据相互隔离，权限相互隔离 3、可视化大屏管理：对所创建的大屏进行统一管理。包括大屏的搜索排序分组，创建，编辑，预览发布分享重命名复制删除 4、数据源管理：支持数据库类，API类，文件类的添加 5、数据集管理：根据连接数据源中数据创建数据集合 6、画布编辑器：包括组件栏，画布，组件设置，页面设置，大屏操作栏

基于多租户多用户的统一运营平台： 集成端： 1. 为各应用提供用户认证及鉴权相关接口（登录有统一登录页面或api集成两种形式） 2. 为各应用提供页面渲染组件，页面数据加载等接口 3. 为各应用提供流程启动/审批相关接口及页面审批组件等 配置端： 1. 实现了租户管理，组织架构管理，角色管理等功能 2. 实现了应用管理，权限管理（菜单/接口），权限配置等功能 3. 实现了表单/表格设计（pc端），基于bpmnjs+camunda的流程设计+简单流程审批等功能

通过拖拽组件、属性配置、数据配置、事件交互配置等操作，可快速的生成可视化大屏，大大降低了开发成本。项目广泛应用于公司各业务线，包含公司内部、工厂产线上等等。 项目使用 VUE、Element-UI、Echarts 等框架、库进行开发；地图组件使用leaflet+mapbox为底图，引用地图返回数据进行各个图层渲染，使用canvas2Dapi实现多边形的阴影，使用mixin实现多个地图图层的代码分割；3D部分使用three.js,初始化场景灯光等，并可导入3D模型（fbx或obj格式等），交互部分添加了位置等配置来控制模型；在组件初始化时，会注册各类交互事件到事件中心，联动交互时发送命令到事件中心寻找被关联组件事件进行触发。

1. 项目功能模块与实现功能 大屏列表： 展示所有已创建的大屏项目列表。 提供搜索、排序、查看、编辑、删除等大屏管理功能。 项目模板： 提供预设的大屏模板供用户选择。 用户可以基于模板快速创建新的大屏项目。 新建大屏： 提供可视化的拖拽式大屏编辑界面。 用户可以通过拖拽工具组件（如图表、信息、列表、小组件、图片、图标等）来自定义大屏布局和内容。 支持实时预览编辑效果。 图表组件数据配置： 在大屏编辑界面的右侧，提供图表组件的数据配置功能。 用户可以配置数据源、数据字段、样式等属性，实现图表组件的动态数据展示。 对使用者来说能实现的功能： 用户可以快速查看、编辑和管理已创建的大屏项目。 用户可以利用预设的模板快速搭建大屏项目，减少开发时间。 用户可以自定义大屏的布局和内容，通过拖拽组件来灵活构建大屏页面。 用户可以配置图表组件的数据源和样式，实现数据的可视化展示。 2. 我的任务、技术栈及成果 我负责的任务： 负责前端页面的开发和维护，包括大屏列表、项目模板、新建大屏等模块。 实现组件的拖拽、放置、编辑等交互功能。 完成图表组件的数据配置功能。 确保前端页面的稳定性和兼容性。 使用的技术栈： 前端框架：Vue.js（构建用户界面的渐进式框架） 编程语言：TypeScript (TS)（JavaScript的超集，添加静态类型、接口等特性） UI框架：NaiveUI（基于Vue 3的组件库，提供丰富的UI组件） 开发工具：Vue CLI、VS Code等 最终成果： 成功开发并维护了低代码平台的前端页面，包括大屏列表、项目模板、新建大屏等功能模块。 实现了组件的拖拽、放置、编辑等交互功能，提高了用户操作的便捷性和效率。 完成了图表组件的数据配置功能，支持用户自定义配置数据源和样式。 前端页面在不同设备和浏览器上具有良好的兼容性和稳定性。 3. 难点与解决方案（选填） 难点一： 组件拖拽交互的实现 解决方案： 使用Vue的指令和事件系统，结合NaiveUI提供的拖拽组件或自定义实现拖拽逻辑。通过监听鼠标事件（如mousedown、mousemove、mouseup），计算组件的拖拽位置和边界，实现组件的拖拽和放置功能。 难点二： 图表组件数据配置的复杂性 解决方案： 设计合理的图表配置数据结构，提供易于理解和使用的配置界面。利用Vue的表单处理和响应式特性，实时更新和渲染配置结果。同时，与后端进行数据交互，支持动态加载和配置数据源。 难点三： 大屏页面跨页面间复制粘贴 解决方案：实现收藏功能，将组合起来的组件添加到收藏夹中，这样可以跨页面将收藏的组件拖拽到当前页面，从而实现跨页面复制粘贴功能。

H5装修平台是一种用于创建和定制H5页面的工具或平台，它使用户能够以可视化的方式设计、编辑和发布专业水平的H5网页，而无需编写代码。提供了丰富的模板、组件库、动画效果、字体库等资源，以帮助toB用户快速构建各种类型的H5页面，如营销页面、产品展示页面、活动页面等。 功能介绍： 1.可视化编辑器： 提供直观的拖放界面和所见即所得的编辑功能，用户可以通过简单的操作来添加、编辑和排列页面元素。 2.模板库： 包含各种预设计的H5页面模板，用户可以根据自己的需求选择并快速开始定制。 3.组件库： 提供丰富多样的组件，如图片轮播、视频播放器、文本框、按钮等，用户可以根据需要自由组合和定制。 4.动画效果： 支持添加各种动画效果，如淡入淡出、滑动、缩放等，以增强页面的视觉吸引力和交互性。 5.响应式设计： 支持响应式布局，使用户可以轻松创建适应不同设备尺寸的页面，包括桌面、平板和手机等。 6.即时预览： 提供实时预览功能，让用户可以随时查看编辑后的页面效果，并及时调整。 7.多媒体支持： 允许用户添加图片、视频、音频等多媒体内容，以丰富页面的呈现形式。 8.云端存储和发布： 用户可以将他们的H5页面保存到云端，并轻松地分享或嵌入到网站、社交媒体或其他平台中。 9.数据统计和分析： 提供页面访问量、转化率等数据统计和分析功能，帮助用户了解页面表现并优化设计。 10.多人协作： 支持多人同时编辑和协作，团队成员可以共同参与页面的设计和修改。

线上贷款申请，用户风险分析，渠道推广，收益管理，贷后催收，法诉流程，账务分析 线上贷款申请，用户风险分析，渠道推广，收益管理，贷后催收，法诉流程，账务分析 线上贷款申请，用户风险分析，渠道推广，收益管理，贷后催收，法诉流程，账务分析 线上贷款申请，用户风险分析，渠道推广，收益管理，贷后催收，法诉流程，账务分析

1. 项目分为渲染引擎，流程引擎，构造器，模型层，权限层等部分。 2. 我负责渲染引擎，流程引擎的开发，担任前端负责人

该项目为任职期间耗时半年独立开发的一款低代码可视化开发平台。该项目采用C/S架构，并前后端分离。服务端使用.net 6,客户端采用wpf(.net 6)，后端服务端通过websocket推送数据给多个前端客户端，客户端使用webapi请求服务端进行一系列业务处理。调度项目提供可视化组态界面，实施人员或其他软件工程师，可以在该平台上可视化配置各种调度设备的组态操作、设备可视化布局等等。组态核心功能为自研的多种通用设备通信协议，匹配型号和地址，即可自动实现对多种PLC(西门子、三菱、ab、欧姆龙、汇川等等)、其他设备(例如扫码器、机械手等等)的配置，配置完毕即可全自动实现调度业务。并且可视化布局的页面，可自动成为整个工厂的设备监控系统。整个项目支持远程在线更新、主题切换、多语言国际化，以及集成elaticsearch集群和数据可视化分析等等。

个人网站 https://www.eycoder.com 目标： 实现低代码、工作流 支持： 单体部署、微服务部署 功能： 服务编排【后端服务低代码设计】、系统设计【前端页面低代码设计】、流程引擎【flowable】 以上功能初步实现、不完整

项目实现功能： 1.加载收款人银行卡接口，加载收款人默认的银行卡，如果没有默认银行卡加载最新维护的银行卡信息 2.加载多个收款人所有的银行卡信息 3.设置用户支付信息（姓名，银行卡号，手机号等） 我主要负责以上三个模块 我遇到的难点： 出参要求多人及多个信息一一对应固定格式，将数据库加载信息进行固定格式返回JSON串

通过此可视化平台，可设计各行业数据大屏，通过预先配置后，发布大屏链接，实时查看大屏数据 本人在项目中担任前端开发工程师，负责开发低代码平台，使用VUE2（前期使用）和VUE3（后期升级使用）开发项目

档案平台功能覆盖档案收集、管理、保存和利用，实现业务全过程信息化管理，支持多种形式和多种来源归档文件收集，提供全面 丰富的档案资源利用服务方式，兼容各生态体系的国产软硬件环境，为用户提供全新的档案信息化支撑系统。 本系统细分个人工作模块、收集模块、管理模块、利用模块、保存模块、统计模块、流程模块、业务模块、系统模块以及安全模 块。