JavaScript

用户权限配置、模板流程使用（请销假流程、出差申请流程），自定义表单、自定义流程配置；移动端OA配置。一站式解决电脑平台、手机端OA建设。可跨平台（windows、linux）部署。

客户预订功能，如房间搜索筛选、实时查看房间状态、在线预订与支付；管理员功能，包括房间管理、订单管理、报表分析；系统支持功能，如数据安全、多渠道对接、自动化功能。此外，还考虑了供应商管理功能，以满足酒店与供应商的交互需求。这些功能全面覆盖了客户、管理员、供应商及系统本身的业务流程，旨在提升预订效率、优

1.支持mysql/pg/es/api作为输入输出，以支持数据库数据统计/迁移/异构2.支持中间件逻辑，支持数据库筛选、聚合操作，对数据做清洗、统计3.支持分页参数、自定义分页+排序传输，支持，全程通过http传输4.支持预览处理、打印数据，方便测试5.支持后台UI创建规则脚本，并手动执行

根据用户的需求推荐香产品。ai智能体算法计算。微信小程序，网页。可以以问卷的方式也可以以消息的方式。客户端与专业ai相连接。解决了需要在成千上万的产品库里寻找最优产品。

包含webgl封装，业务场景实现，低代码平台，项目开发模版，sdk功能示例，在线可视化编辑器和调试工具，相关前端框架集成插件等，满足gis项目快速开发需求和技术指导。

基于Laravel10+PearAdminLayui构建的php后台管理系统。完整的用户账户管理，基于RBAC的权限管理系统，支持角色分配、权限控制、菜单管理等；灵活的系统配置管理、完整的操作日志记录、强大的文件上传管理、模块化组件系统等

独立开发低代码整套前端应用1，交互式拖拽底层核心JS库（平台的所有拖拉拽都是基于该库实现）2，数据模型设计器3，表单设计器，列表设计器，视图设计器4，动态计算可视化设计器，通用数据转换工具5，服务编排，支持逻辑判断，各类变量，增删改数据操作

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

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

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

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

通过拖拽组件、属性配置、数据配置、事件交互配置等操作，可快速的生成可视化大屏，大大降低了开发成本。项目广泛应用于公司各业务线，包含公司内部、工厂产线上等等。 项目使用 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的表单处理和响应式特性，实时更新和渲染配置结果。同时，与后端进行数据交互，支持动态加载和配置数据源。 难点三： 大屏页面跨页面间复制粘贴 解决方案：实现收藏功能，将组合起来的组件添加到收藏夹中，这样可以跨页面将收藏的组件拖拽到当前页面，从而实现跨页面复制粘贴功能。

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

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

1、界面设计模块 2、组件拖拽模块 3、属性配置模块 5、json存储模块 6、组件渲染模块 因公司内部要求不可以公布系统内的核心界面，以下作品图片是类似的，仅供参考

低代码可视化设计及开发，由本人设计并全部开发完成，目前已经上线使用，并且有多个用户用该平台完成整个项目

从建设低代码平台的思路开始入手，目标是能够利用既有物料，满足局部多样化设计，节约开发资源，快速上线，长期迭代。 收集既有物料，建设业务组件，并设计对应组件的schema规则 建设渲染引擎srender，用于渲染组件和画布内容 建设事件编排和消息通信，用于页面交互

项目内容： 1. 前端低代码开发平台框架，用于实现对各种前端框架，灵活的自定义页面能力 2. 当前实现了对uniapp、vue的兼容 3.

项目简介：公司中台研发部开发的aPaaS低代码平台，快速生成pc端与移动端页面。页面产出需要经历模型层，交互层、事件层三个部分，其中交互层设计器是基于vision框架实现，它是一套类似Webpack Tapable事件流机制实现的框架，通过该框架只需要在React组件上简单打标与配置，就可以实现节点树管理、节点树json转化、节点渲染、交互处理（拖拽，缩放，滚动、功能按钮组等）、动态属性菜单等功能。 工作内容：该框架由我主导开发与维护，并录制多个框架源码课程，在公司内分享讲解，协调移动组与PC组技术进行协作开发。 项目成果：为飞搭交互层设计器提供了低耦合、易于拓展的基础框架，显著降低了低代码组件的开发时间与难度。