个人信息
+-
+
- 姓名:邓洁 +
- 年龄:25 +
- 民族:汉 +
- 学历:本科 +
- 英语:CET-4 +
- 手机:13281259620 +
- + 邮箱:odjemail@163.com + +
- + 个人博客:https://blog.odjbinail.cn + +
教育背景
+2020.09-2024.06
+四川工商学院
+计算机科学与技术(本科)
++ 在校期间自学前端技术,将所学知识运行到实际场景中,并收录在个人博客中,现已发布40+篇文 + 章;大三就开始在外实习,擅长Vue,曾二次封装基础管理系统通用组件,已在多个项目中复用,降低代码冗余程度,提高维护效率。同时在个人博客中,系统总结项目中遇到的问题及解决方案,并分享学习笔记和经验感悟。 +
+工作经历
+成都数字家园科技有限公司2023.07 - 2023.12
+前端开发实习
+1.参与多个智慧大屏项目和文物全景管理系统的前端开发;
++ 2.基于Vue3与Echarts实现数据可视化及动态交互,优化组件复用性与渲染性能; +
++ 3.二次封装Element + Plus通用组件,构建动态表单、通用表格等高复用组件体系。 +
+成都康儿丝网络科技有限公司2024.09 - 至今
+前端开发工程师
++ 1.独立完成天枢系统的前端开发,抽离通用逻辑并封装为可配置组件;采用模块化设计,划分订 + 单管理、仓库管理、结算管理等独立模块,提升系统可维护性与扩展性; +
++ 2.参与地理经济可视化监控平台开发,基于Vue3 + Ant Design Vue + + Echarts+ Mars2D构建地 + 图+图表联动的数据可视化系统,支持GDP增速、社零额增速、经济预期等关键指标的动态展示与区域 + 下钻,显著提升多维经济数据的空间表达能力与交互直观性。 +
++ 3.自研Echarts编辑器、自定义查询ER编辑器和workflow编辑器+动态表单编辑器; +
++ 4.参与垃圾回收App与垃圾投递小程序等项目开发,负责核心功能实现及代码质量保障,持续推 + 进项目的性能优化、交互改进,增强系统稳定性与用户体验。 +
++ 5.重构小程序/App,优化App发布流程;开发川魅酒旗舰店多端分销电商系统,负责商品、订单、推荐官分销体系等核心业务在App/小程序/平台管理端/商家管理端的实现与联调。 +
+专业技能
+-
-
- Blog - - - - -
- Email - me +
- + 掌握HTML、CSS、JavaScript和TypeScript,DIV+CSS布局、PC端的响应式布局和弹性盒布局; + +
- + 掌握Vue2、vue3基本语法、生命周期、组件传参等,具备多次Vue2、vue3项目开发经验;了解Vue3源码; + +
- + 掌握uni-app跨端开发体系,具备重构小程序/App、熟悉上线流程及App上架的实战经验; + +
- + 优化App发布流程,引入CI/CD,结合原生Android + WebView技术,渲染指定地址,打通H5与原生应用的通信桥梁,显著提升App的用户体验与响应速度; + +
- + 自研设计可视化配置平台,包括自定义查询ER编辑器、Echarts编辑器、workflow编辑器+动态表单编辑器;负责其设计、组件封装和核心逻辑开发; + +
- + 掌握组件设计模式与可复用组件封装能力,包括Tinymce编辑器、图标组件、文件预览、表格导出等多个组件化封装; + +
- + 掌握Vue + Router路由配置,支持懒加载、路由守卫、动态路由等功能。 + +
- 掌握Pinia状态管理,提高数据流转效率与代码可维护性。 +
- 掌握使用Mars2D平台进行地理经济可视化监控平台开发; +
- 掌握前端性能优化策略,包括懒加载、文件分片上传等; +
- + 使用WebSocket构建实时隧道大屏平台,支持海量数据动态回显与图表联动; + +
- + 掌握ECharts图表库,在多个大屏可视化项目中,负责图表组件的封装与配置平台的搭建,支持图表属性的可视化编辑与在线预览; + +
- + 具备AI开发环境搭建经验:掌握OpenCode + AI编程工具的部署与配置,能在Trae + AI编辑器中通过终端灵活配置阿里云百炼、火山引擎Coding + Plan等平台,结合Anthropic + Skills(代理技能)封装标准化工作流程,利用智能代理自动化能力,以AI驱动高效开发与代码质量优化。 + +
- 掌握Git版本控制;
个人信息
--
-
- 姓名:邓洁 -
- 年龄:25 -
- 民族:汉 -
- 学历:本科 -
- 英语:CET-4 -
- 手机:13281259620 -
- 邮箱:odjemail@163.com -
- 个人博客:https://blog.odjbinail.cn -
项目经历
+川魅酒旗舰店
+-
+
- 开发时间 +
- 2025.05 - 至今 +
- 项目描述 +
-
+
+ 项目围绕川魅酒品牌直营与渠道推广场景,构建了一套涵盖 App + 端、小程序端、平台管理端及商家管理端的多端协同分销电商系统,集商品销售、品牌展示、渠道推广与收益结算于一体。 + 支持多规格酒类商品在线购买,提供完整的下单、支付、订单与物流信息,并引入多级推荐官体系,根据等级配置采购折扣与推广权益,助力品牌私域运营与渠道拓展。 +
+
+ - 责任描述 +
- + 1.参与App/小程序/平台管理端/商家管理端多端业务功能开发与联调,保障核心业务在不同端的一致性与稳定性; + +
- + 2.实现推荐官等级体系及分销规则,支持等级差异化的推广权益及积分收支逻辑在多端落地; + +
- + 3.对接后台接口,完成商品、订单、积分、收益等核心业务流程的开发与数据联调; + +
- + 4.参与 App + 在华为、小米等应用市场的打包、提审及上架流程,处理平台合规与发布相关问题; + + + + +
- 开发环境 +
- + HBuilderX + GitLab + 墨刀 + + +
- 技术架构 +
- + Vue3 + uView plus + uni-app + + +
教育背景
-2020.09-2024.06
四川工商学院
计算机科学与技术(本科)
-在校期间自学前端技术,将所学知识运行到实际场景中,并收录在个人博客中,现已发布40+篇文 - 章;大三就开始在外实习,擅长Vue,曾二次封装基础管理系统通用组件,已在多个项目中复用,降低代码冗余程度,提高维护效率。同时在个人博客中,系统总结项目中遇到的问题及解决方案,并分享学习笔记和经验感悟。
-天枢系统
+-
+
- 开发时间 +
- 2024.09 - 至今 +
- 项目描述 +
-
+
+ 该系统分为三部分:基础平台、开发运营系统和业务系统。旨在开发一个高效的平台,通 + 过优化资源分配和库存管理来提升水果供应链效率。基础平台主要是管理平台用户的账号、角色、权限 + 分配。开发运营系统主要是供开发者使用,管理菜单、字典等系统级功能。业务系统主要用于管理商品 + 的基础数据、订单、库存、结算和报表等模块。 +
+
+ - 责任描述 +
- + 1.担任前端负责人,独立完成系统的前端开发,抽离通用逻辑并封装为可配置组件; + +
- + 2.采用模块化设计,划分订单管理、仓库管理、结算管理等模块,提升系统可维护性与扩展性; + +
- + 3.基于Vben + Admin封装多个业务组件(表单选择弹窗组件、日历事件组件),提升开发效率; + + +
- 开发环境 +
- + WebStorm + GIT + Axure + + +
- 技术架构 +
- + Vue3 + TypeScript + Element Plus + Ant Design Vue + Vite + Pinia + Echarts + + +
工作经历
-成都数字家园科技有限公司2023.07 - 2023.12
-前端开发实习
-1.参与多个智慧大屏项目和文物全景管理系统的前端开发;
-2.基于Vue3与Echarts实现数据可视化及动态交互,优化组件复用性与渲染性能;
-3.二次封装Element Plus通用组件,构建动态表单、通用表格等高复用组件体系。
-成都康儿丝网络科技有限公司2024.09 - 至今
-前端开发工程师
-1.独立完成天枢系统的前端开发,抽离通用逻辑并封装为可配置组件;采用模块化设计,划分订 - 单管理、仓库管理、结算管理等独立模块,提升系统可维护性与扩展性;
-2.参与地理经济可视化监控平台开发,基于Vue3 + Ant Design Vue + Echarts+ Mars2D构建地 - 图+图表联动的数据可视化系统,支持GDP增速、社零额增速、经济预期等关键指标的动态展示与区域 - 下钻,显著提升多维经济数据的空间表达能力与交互直观性。
- -3.自研Echarts编辑器与动态表单编辑器,支持可视化配置与动态渲染;
-4.参与垃圾回收App与垃圾投递小程序等项目开发,负责核心功能实现及代码质量保障,持续推 - 进项目的性能优化、交互改进,增强系统稳定性与用户体验。
-5.参与川魅酒旗舰店多端分销电商系统开发,负责商品、订单、推荐官分销体系等核心业务在App/小程序/平台管理端/商家管理端的实现与联调。
-缘境系统(FateVerse)--开源项目
+-
+
- 开发时间 +
- 2023.05 – 至今 +
- 项目描述 +
-
+
+ FateVerse是一套以权限管理、自定义工作流为核心,多数据源代码生成,多数据源自定 + 义查询(服务主要分为数据源、数据适配器、数据编辑器、数据展示四个层级,让用户使用系统服务就 + 可以快速构建查询列表,echarts图表等页面。)等多种模块为辅的高并发快速开发基础系统;现已投 + 入到多个项目中实际生产应用(其中科创项目管理平台则是使用FateVerse作为基础开发)。 +
+
+ - 责任描述 +
- + 1.完成自定义查询模块、用户模块和消息通知模块等多个页面的开发与接口对接; + +
- + 2.完成基于Vue2和G6的自定义快速查询ER图编辑器的开发与升级(Vue3); + +
- + 3.自定义Echarts编辑器和workflow编辑器+动态表单编辑, 支持表单属性动态调整; + +
- + 4.二次封装ElementPlus组件,并封装Tinymce编辑器、文件预览、表格导出、图标组件等多个组件; + +
- + 5.使用 vue-codemirror + 插件实现代码编辑器,并用于自定义sql查询配置; + +
- 开发环境 +
- + WebStorm + Nodejs + 蓝湖 + Swagger 文档 + GIT + + +
- 技术架构 +
- + Vue3 + Element Plus + Vite + Pinia + Axios + Vue Router + Echarts + Antv G6 + tinymce + vue-codemirror + vuedraggable + + +
- 开源链接 + + +
- + Gitee 前端:https://gitee.com/fateverse/fateverse-vue + + +
- + Gitee 后端:https://gitee.com/fateverse/fateverse + + +
专业技能
--
-
- 掌握DIV+CSS 布局、PC 端的响应式布局和弹性盒布局; - -
- 掌握HTML、CSS、JavaScript(ES6)和 TypeScript,编写语义化、结构清晰的代码; -
- 掌握Vue2/vue3 基本语法、生命周期、组件传参等,具备多次Vue2/vue3项目开发经验; - -
- 掌握uni-app 多端开发体系,具备重构小程序及熟悉上线流程的实战经验; -
- 掌握使用Mars2D平台进行地理信息可视化开发; - -
- 掌握组件设计模式与可复用组件封装能力,包括Tinymce编辑器、图标组件(集成SVG和ElementPlus - 图标库)、表格导出等多个组件化封装; - - - -
- 自研设计可视化配置平台,包括Echarts编辑器、动态表单编辑器;负责其设计、 - 组件封装、核心逻辑开发与打包上线流程;现已接入多个后台系统并用于实际业务场景; -
- 掌握Vite,根据项目需求配置和优化构建流程,提高开发效率; - -
- 掌握前端性能优化,包括懒加载、文件分片上传等; -
- 使用WebSocket 构建实时隧道大屏平台,支持海量数据动态回显与图表联动; -
- 掌握 ECharts图表库,在多个大屏可视化项目中,负责图表组件的封装与配置平台的搭建,支持图 - 表属性的可视化编辑与在线预览; -
- 掌握Git,RESTful API,使用 Axios高效处理异步请求和实时数据交互; -
- 使用npm、yarn、pnpm 管理依赖,优化开发流程; - -
地理经济可视化监控平台
+-
+
- 开发时间 +
- 2025.02 - 2025.05 +
- 项目描述 +
-
+
+ 该平台是面向某区的网格化管理与经济运行一体化监控平台,旨在通过数字化手段提升区 + 域财政管理、经济运行分析与资源配置的智能化水平。平台集成税务流出、财源流动、市场主体动态、 + 收入完成情况等关键功能模块。地图可视化区域则是主要用于直观反映各街道在经济运行过程中的活跃 + 度和重点资源分布情况。 +
+
+ - 责任描述 +
- + 1.完成区域财源流动、市场主体动态等多个模块的组件化开发; + +
- + 2.基于TDesign 参与完成地理经济可视化监控平台的移动端页面开发; + +
- + 3.基于Mars2D参与地图可视化开发,直观反映各街道、重点企业、房产和楼宇园区的布局情况 + 及基本信息展示; + + +
- 开发环境 +
- + WebStorm + GIT + Mastergo + Apifox + + +
- 技术架构 +
- + Vue3 + TypeScript + Ant Design Vue + TDesign + Vite + Pinia + Echarts + + +
项目经历
-川魅酒旗舰店
--
-
- 开发时间 -
- 2025.05 - 至今 -
- 项目描述 -
-
-
- 项目围绕川魅酒品牌直营与渠道推广场景,构建了一套涵盖 App 端、小程序端、平台管理端及商家管理端的多端协同分销电商系统,集商品销售、品牌展示、渠道推广与收益结算于一体。 - 支持多规格酒类商品在线购买,提供完整的下单、支付、订单与物流信息,并引入多级推荐官体系,根据等级配置采购折扣与推广权益,助力品牌私域运营与渠道拓展。 -
-
- - 责任描述 -
- 1.参与App/小程序/平台管理端/商家管理端多端业务功能开发与联调,保障核心业务在不同端的一致性与稳定性; -
- 2.实现推荐官等级体系及分销规则,支持等级差异化的推广权益及积分收支逻辑在多端落地; -
- 3.对接后台接口,完成商品、订单、积分、收益等核心业务流程的开发与数据联调; -
- 4.参与 App 在华为、小米等应用市场的打包、提审及上架流程,处理平台合规与发布相关问题; - - - -
- 开发环境 -
- - HBuilderX - GitLab - 墨刀 - - -
- 技术架构 -
- - Vue3 - uView plus - uni-app - - -
天枢系统
--
-
- 开发时间 -
- 2024.09 - 至今 -
- 项目描述 -
-
-
- 该系统分为三部分:基础平台、开发运营系统和业务系统。旨在开发一个高效的平台,通 - 过优化资源分配和库存管理来提升水果供应链效率。基础平台主要是管理平台用户的账号、角色、权限 - 分配。开发运营系统主要是供开发者使用,管理菜单、字典等系统级功能。业务系统主要用于管理商品 - 的基础数据、订单、库存、结算和报表等模块。 -
-
- - 责任描述 -
- - 1.担任前端负责人,独立完成系统的前端开发,抽离通用逻辑并封装为可配置组件; - -
- 2.采用模块化设计,划分订单管理、仓库管理、结算管理等模块,提升系统可维护性与扩展性; -
- 3.基于Vben Admin封装多个业务组件(表单选择弹窗组件、日历事件组件),提升开发效率; - -
- 开发环境 -
- - WebStorm - GIT - Axure - - -
- 技术架构 -
- - Vue3 - TypeScript - Element Plus - Ant Design Vue - Vite - Pinia - Echarts - - -
缘境系统(FateVerse)--开源项目
--
-
- 开发时间 -
- 2023.05 – 至今 -
- 项目描述 -
-
-
FateVerse是一套以权限管理、自定义工作流为核心,多数据源代码生成,多数据源自定 - 义查询(服务主要分为数据源、数据适配器、数据编辑器、数据展示四个层级,让用户使用系统服务就 - 可以快速构建查询列表,echarts图表等页面。)等多种模块为辅的高并发快速开发基础系统;现已投 - 入到多个项目中实际生产应用(其中科创项目管理平台则是使用FateVerse作为基础开发)。 -
-
- - 责任描述 -
- 1.完成自定义查询模块、用户模块和消息通知模块等多个页面的开发与接口对接; -
- 2.完成基于Vue2和G6的自定义快速查询ER图编辑器的开发与升级(Vue3); -
- 3.自定义Echarts编辑器和动态表单编辑器,支持表单属性动态调整; - -
- 4.二次封装ElementPlus组件,并封装Tinymce编辑器、文件预览、表格导出、图标组件等多个组件; -
- 5.使用 vue-codemirror 插件实现代码编辑器,并用于自定义sql查询配置; -
- 开发环境 -
- - WebStorm - Nodejs - 蓝湖 - Swagger 文档 - GIT - - -
- 技术架构 -
- - Vue3 - Element Plus - Vite - Pinia - Axios - Vue Router - Echarts - Antv G6 - tinymce - vue-codemirror - vuedraggable - - -
- 开源链接 - - -
- Gitee 前端:https://gitee.com/fateverse/fateverse-vue - - -
- Gitee 后端:https://gitee.com/fateverse/fateverse - - -
地理经济可视化监控平台
--
-
- 开发时间 -
- 2025.02 - 2025.05 -
- 项目描述 -
-
-
- 该平台是面向某区的网格化管理与经济运行一体化监控平台,旨在通过数字化手段提升区 - 域财政管理、经济运行分析与资源配置的智能化水平。平台集成税务流出、财源流动、市场主体动态、 - 收入完成情况等关键功能模块。地图可视化区域则是主要用于直观反映各街道在经济运行过程中的活跃 - 度和重点资源分布情况。 -
-
- - 责任描述 -
- - 1.完成区域财源流动、市场主体动态等多个模块的组件化开发; - -
- 2.基于TDesign 参与完成地理经济可视化监控平台的移动端页面开发; -
- 3.基于Mars2D参与地图可视化开发,直观反映各街道、重点企业、房产和楼宇园区的布局情况 - 及基本信息展示; - -
- 开发环境 -
- - WebStorm - GIT - Mastergo - Apifox - - -
- 技术架构 -
- - Vue3 - TypeScript - Ant Design Vue - TDesign - Vite - Pinia - Echarts - - -
科研项目管理平台
--
-
- 开发时间 -
- 2024.01 - 2024.08 -
- 项目描述 -
-
-
- 本项目旨在实现科研项目全生命周期的数字化管理。平台覆盖科研项目需求征集、项目立 - 项、项目验收、项目资金管理、文档归档等环节;以项目生命周期为主流程,每个环节使用Flowable 工 - 作流引擎构建子流程驱动项目流程,确保各环节高效流转。平台集成自定义BPMN流程编辑器,支持项 - 目审批流程的灵活设计与优化。 -
-
- - 责任描述 -
- - 1.负责需求征集、项目立项/验收/归档、专项资金、费用管理等多个页面的开发及接口对接; - -
- - 2.负责开发workflow编辑器和动态表单编辑器,支持节点动态调整与审批人分配,优化流程,缩 - 短审批时间; - -
- - 3.封装Tinymce富文本编辑器、文件预览和表格导出等组件,减少重复代码开发,提高开发效率; - -
- - 4.二次封装Element Plus组件,降低代码冗余程度,提高维护效率。 - -
- 开发环境 -
- - WebStorm - Nodejs - Mastergo - Swagger 文档 - GIT - - -
- 技术架构 -
- - Vue3 - Element Plus - Vite - Pinia - Axios - Vue Router - tinymce - - -
地下复杂洞群智能通风控制系统
--
-
- 开发时间 -
- 2023.12 - 2024.04 -
- 项目描述 -
-
-
此项目是一款基于three.js技术开发的隧道可视化大屏,实时展示隧道内部情况,帮助 - 管理人员快速准确地掌握隧道运行状态,以提升隧道管理效率和安全性。其实时监测隧道内的温/湿度、 - 风速、风压、风机运行状态以及二氧化硫等有害气体状况。还集成报警系统,当监测数据异常时,自动 - 触发报警并在大屏上显示。使用查看历史监测数据,并能够以echarts可视化图表动画形式回放,帮助 - 分析事故原因和改进管理策略。 -
-
- - 责任描述 -
- 1.负责隧道可视化大屏数据面板、站点管理、隧道管理和用户管理等多个页面的开发及接口对接; -
- 2.基于three.js集成并优化3D隧道可视化模型,结合WebSocket实现数据实时回显; -
- 3.使用Echarts 展示风机、风压和有害气体等历史监控数据,并支持基于时间分片查询操作和 - excel 导出操作。 -
- 开发环境 -
- - WebStorm - Nodejs - 蓝湖 - Swagger 文档 - GIT - - -
- 技术架构 -
- - Vue3 - Element Plus - Vite - Pinia - Axios - Vue Router - Echarts - Three.js - - -
排骨记账(App)
--
-
- 开发时间 -
- 2025.01 - 2025.04 -
- 项目描述 -
-
-
- 此项目是一款个人家庭财务管理的记账 App ,主要有个人计划、群组记账、个人记账、报表统计、打卡系统和个人中心六个模块。个人中心清晰展示资产负债情况;个人计划支持邮件提醒;群组记账采用多账本模式,支持多场景独立记账,并自动将多人账单中每人的消费金额同步至个人账单;个人记账涵盖支出/收入记录,并提供多维度月支出预算管理,帮助精准控制开支;打卡系统支持自定义打卡类型与周期,结合报表统计功能,提供打卡完成率与趋势分析。 -
-
- - 责任描述 -
- 1.负责邮箱注册及登录; -
- 2.负责个人计划,群组记账,个人记账与打卡系统等模块的页面开发与接口对接; -
- 3.集成大量阿里巴巴矢量图标,提升用户选择体验; -
- 4.用 IDEA 软件完成 App 的上线发布流程。 -
- 5.实现打卡数据的统计与可视化,支持用户查看打卡完成情况及历史趋势。 -
- 开发环境 -
- - HBuilderX - IntelliJ IDEA - Swagger 文档 - Apipost7 - GIT - - -
- 技术架构 -
- - Vue3 - uView plus - uni-app - Scss 语法 - -
- 演示地址 -
- https://blog.odjbinail.cn/?p=4565 -
- 下载地址 -
- http://download.odjbinail.cn/app/ - - -
速配商铺(小程序)
--
-
- 开发时间 -
- 2023.10 - 2023.12 -
- 项目描述 -
-
-
- 速配商铺是一款致力于连接店铺转让双方的小程序。通过小程序,店铺经营者可以方便快 - 捷地发布店铺转让信息,包括店铺位置、面积、租金、转让原因、转让条件等;还提供了速配地图,为 - 用户推荐附近店铺转让信息。用户可以根据需求进行筛选和浏览各类店铺转让等信息,轻松找到附近符 - 合需求的店铺转让或出租等信息;还可以通过小程序直接与店铺经营者进行联系,了解更多店铺信息。 -
-
- - 责任描述 -
- - 1.负责实现微信授权登录; - -
- 2.带领团队完成项目开发并负责保障其质量优化工作; -
- 3.负责完成速配地图定位及自动地理定位任务,为用户推荐附近店铺信息; -
- 4.负责小程序的上线发布流程。 - -
- 开发环境 -
- - HBuilderX - 微信开发者工具 - 微信公众平台 - 蓝湖 - Apipost7 - GIT - - -
- 技术架构 -
- - Vue2 - uView UI - uni-app - Scss 语法 - - -
食瞳(小程序)
--
-
- 开发时间 -
- 2022.12 - 2023.02 -
- 项目描述 -
-
-
- 食瞳小程序主要为工厂代招商时,对 B 端用户展示工厂代工产品;其中主要有行业新闻、 - 企业需求、需求&创意发布和个人中心等模块。B 端用户可以在小程序中发布自身的创意或者需求,也可 - 以查看对应行业的情况和需求。 -
-
- - 责任描述 -
- 1.负责实现微信注册登录; -
- 2.负责首页产品展示模块,行业&需求模块与个人中心的页面开发与接口对接; -
- 3.负责小程序的上线发布流程。 -
- 开发环境 -
- - HBuilderX - 微信开发者工具 - 微信公众平台 - 蓝湖 - Apipost7 - GIT - - -
- 技术架构 -
- - Vue2 - uView UI - uni-app - Scss 语法 - - - - - -
高校学院官网开发
--
-
- 开发时间 -
- 2022.08 – 2022.11 -
- 项目描述 -
-
-
- 该项目是一个全面展示学校形象的响应式官网,主要有"学院概况"、"党群工作"、"师资 - 队伍"、"教育教学"、"科学研究"、"学生工作"等栏目。其中"通知公告","党群动态"等栏目,可以 - 让学生家长更好的了解学校。该官网除了展示学校信息和实现了网站的中英文国际化之外,还有资料下 - 载入口,满足用户的学习需求。同时该官网也配有 admin 后台管理网站,可以赋予不同用户的文章发布 - 权限。 -
-
- - 责任描述 -
- - 1.负责该官网的页面开发与接口对接,为了提高效率,全局采用 elementUI 组件库中的 Layout - 进行布局; - -
- 2.使用 DIV+CSS、JavaScript 实现导航栏的布局和动态交互展示效果; -
- 3.使用 axios 调用后台接口来请求数据,从而进行页面的渲染; -
- 4.使用 vue-router 进行路由的跳转,实现单页面应用程序; -
- 5.使用 vue-i18n 插件实现网站的中英文国际化。 - -
- 开发环境 -
- - WebStorm - Nodejs - 蓝湖 - Swagger 文档 - GIT - - -
- 技术架构 -
- - Vue2 - Element UI - Vue CLI - Axios - Vue Router - Vue I18n - Scss 语法 - - -
科研项目管理平台
+-
+
- 开发时间 +
- 2024.01 - 2024.08 +
- 项目描述 +
-
+
+ 本项目旨在实现科研项目全生命周期的数字化管理。平台覆盖科研项目需求征集、项目立 + 项、项目验收、项目资金管理、文档归档等环节;以项目生命周期为主流程,每个环节使用Flowable + 工 + 作流引擎构建子流程驱动项目流程,确保各环节高效流转。平台集成自定义BPMN流程编辑器,支持项 + 目审批流程的灵活设计与优化。 +
+
+ - 责任描述 +
- + 1.负责需求征集、项目立项/验收/归档、专项资金、费用管理等多个页面的开发及接口对接; + +
- + 2.负责开发workflow编辑器和动态表单编辑器,支持节点动态调整与审批人分配,优化流程,缩 + 短审批时间; + +
- + 3.封装Tinymce富文本编辑器、文件预览和表格导出等组件,减少重复代码开发,提高开发效率; + +
- + 4.二次封装Element Plus组件,降低代码冗余程度,提高维护效率。 + +
- 开发环境 +
- + WebStorm + Nodejs + Mastergo + Swagger 文档 + GIT + + +
- 技术架构 +
- + Vue3 + Element Plus + Vite + Pinia + Axios + Vue Router + tinymce + + +
地下复杂洞群智能通风控制系统
+-
+
- 开发时间 +
- 2023.12 - 2024.04 +
- 项目描述 +
-
+
+ 此项目是一款基于three.js技术开发的隧道可视化大屏,实时展示隧道内部情况,帮助 + 管理人员快速准确地掌握隧道运行状态,以提升隧道管理效率和安全性。其实时监测隧道内的温/湿度、 + 风速、风压、风机运行状态以及二氧化硫等有害气体状况。还集成报警系统,当监测数据异常时,自动 + 触发报警并在大屏上显示。使用查看历史监测数据,并能够以echarts可视化图表动画形式回放,帮助 + 分析事故原因和改进管理策略。 +
+
+ - 责任描述 +
- + 1.负责隧道可视化大屏数据面板、站点管理、隧道管理和用户管理等多个页面的开发及接口对接; + +
- + 2.基于three.js集成并优化3D隧道可视化模型,结合WebSocket实现数据实时回显; + +
- + 3.使用Echarts + 展示风机、风压和有害气体等历史监控数据,并支持基于时间分片查询操作和 + excel 导出操作。 + +
- 开发环境 +
- + WebStorm + Nodejs + 蓝湖 + Swagger 文档 + GIT + + +
- 技术架构 +
- + Vue3 + Element Plus + Vite + Pinia + Axios + Vue Router + Echarts + Three.js + + +
排骨记账(App)
+-
+
- 开发时间 +
- 2025.01 - 2025.04 +
- 项目描述 +
-
+
+ 此项目是一款个人家庭财务管理的记账 App + ,主要有个人计划、群组记账、个人记账、报表统计、打卡系统和个人中心六个模块。个人中心清晰展示资产负债情况;个人计划支持邮件提醒;群组记账采用多账本模式,支持多场景独立记账,并自动将多人账单中每人的消费金额同步至个人账单;个人记账涵盖支出/收入记录,并提供多维度月支出预算管理,帮助精准控制开支;打卡系统支持自定义打卡类型与周期,结合报表统计功能,提供打卡完成率与趋势分析。 +
+
+ - 责任描述 +
- 1.负责邮箱注册及登录; +
- + 2.负责个人计划,群组记账,个人记账与打卡系统等模块的页面开发与接口对接; + +
- 3.集成大量阿里巴巴矢量图标,提升用户选择体验; +
- 4.优化App发布流程,引入CI/CD,结合原生Android WebView技术,渲染指定地址,打通H5与原生应用的通信桥梁,显著提升App的用户体验与响应速度 +
- + 5.实现打卡数据的统计与可视化,支持用户查看打卡完成情况及历史趋势。 + +
- 开发环境 +
- + HBuilderX + IntelliJ IDEA + Swagger 文档 + Apipost7 + GIT + + +
- 技术架构 +
- + Vue3 + uView plus + uni-app + Scss 语法 + +
- 演示地址 +
- + https://blog.odjbinail.cn/?p=4565 + +
- 下载地址 +
- + http://download.odjbinail.cn/app/ + + + +
速配商铺(小程序)
+-
+
- 开发时间 +
- 2023.10 - 2023.12 +
- 项目描述 +
-
+
+ 速配商铺是一款致力于连接店铺转让双方的小程序。通过小程序,店铺经营者可以方便快 + 捷地发布店铺转让信息,包括店铺位置、面积、租金、转让原因、转让条件等;还提供了速配地图,为 + 用户推荐附近店铺转让信息。用户可以根据需求进行筛选和浏览各类店铺转让等信息,轻松找到附近符 + 合需求的店铺转让或出租等信息;还可以通过小程序直接与店铺经营者进行联系,了解更多店铺信息。 +
+
+ - 责任描述 +
- 1.负责实现微信授权登录; +
- 2.带领团队完成项目开发并负责保障其质量优化工作; +
- + 3.负责完成速配地图定位及自动地理定位任务,为用户推荐附近店铺信息; + +
- 4.负责小程序的上线发布流程。 + +
- 开发环境 +
- + HBuilderX + 微信开发者工具 + 微信公众平台 + 蓝湖 + Apipost7 + GIT + + +
- 技术架构 +
- + Vue2 + uView UI + uni-app + Scss 语法 + + +
食瞳(小程序)
+-
+
- 开发时间 +
- 2022.12 - 2023.02 +
- 项目描述 +
-
+
+ 食瞳小程序主要为工厂代招商时,对 B + 端用户展示工厂代工产品;其中主要有行业新闻、 + 企业需求、需求&创意发布和个人中心等模块。B + 端用户可以在小程序中发布自身的创意或者需求,也可 + 以查看对应行业的情况和需求。 +
+
+ - 责任描述 +
- 1.负责实现微信注册登录; +
- + 2.负责首页产品展示模块,行业&需求模块与个人中心的页面开发与接口对接; + +
- 3.负责小程序的上线发布流程。 +
- 开发环境 +
- + HBuilderX + 微信开发者工具 + 微信公众平台 + 蓝湖 + Apipost7 + GIT + + +
- 技术架构 +
- + Vue2 + uView UI + uni-app + Scss 语法 + + + + + +
高校学院官网开发
+-
+
- 开发时间 +
- 2022.08 – 2022.11 +
- 项目描述 +
-
+
+ 该项目是一个全面展示学校形象的响应式官网,主要有"学院概况"、"党群工作"、"师资 + 队伍"、"教育教学"、"科学研究"、"学生工作"等栏目。其中"通知公告","党群动态"等栏目,可以 + 让学生家长更好的了解学校。该官网除了展示学校信息和实现了网站的中英文国际化之外,还有资料下 + 载入口,满足用户的学习需求。同时该官网也配有 admin + 后台管理网站,可以赋予不同用户的文章发布 权限。 +
+
+ - 责任描述 +
- + 1.负责该官网的页面开发与接口对接,为了提高效率,全局采用 + elementUI 组件库中的 Layout 进行布局; + +
- + 2.使用 DIV+CSS、JavaScript + 实现导航栏的布局和动态交互展示效果; + +
- + 3.使用 axios 调用后台接口来请求数据,从而进行页面的渲染; + +
- 4.使用 vue-router 进行路由的跳转,实现单页面应用程序; +
- 5.使用 vue-i18n 插件实现网站的中英文国际化。 +
- 开发环境 +
- + WebStorm + Nodejs + 蓝湖 + Swagger 文档 + GIT + + +
- 技术架构 +
- + Vue2 + Element UI + Vue CLI + Axios + Vue Router + Vue I18n + Scss 语法 + + +
+