+ -
+
- Blog + + + + +
- Email + me +
个人信息
+-
+
- 姓名：邓洁 +
- 年龄：24 +
- 民族：汉 +
- 学历：本科 +
- 英语：CET-4 +
- 手机：13281259620 +
- 邮箱：1042039504@qq.com +
- 博客：https://blog.odjbinail.cn +
教育背景
+2020.09-2024.06
四川工商学院
计算机科学与技术（本科）
+在校期间自学前端技术，将所学知识运行到实际场景中，并收录在个人博客中，现已发布40+篇文 + 章；多次参与校外企业组织的商业项目，同时参与开源项目缘境系统的开发并投入到商业项目中实际生 + 产应用。
+工作经历
+成都数字家园科技有限公司2023.07 - 2023.12
+前端开发实习
+1.基于vue3、ts技术栈和arco-design组件库，实现文物全景后台管理系统的开发；
+2.基于echarts可视化图表的配置项精准还原设计图，实现可视化数据分析平台的前端开发；
+3.基于Element Plus组件库，二次封装基础管理系统通用组件，支持动态渲染表单项等。组件 + 已在多个项目中复用，减少30%代码量，提高维护效率。
+4.积极和后端工程师配合完成接口联调，确保数据交互正常。
+成都康儿丝网络科技有限公司2024.09 - 至今
+前端开发工程师
+1.基于Vue3 + Ant Design Vue 搭建管理后台，实现云门金兰ERP系统的前端开发，负责库存管 + 理、订单管理等核心模块的开发与优化。
+2.参与某区网格+经济运行监测系统的前端开发，基于Vue3 + Ant Design Vue + ECharts开发 + GDP 增速、社零额增速和经济预期等可视化展示，提高数据展示的直观性和交互体验。根据业务攻克技 + 术难题，积累研发技术，提升个人能力；
+3.参与垃圾回收app、垃圾投递小程序等项目开发，负责保障代码质量，项目的持续优化、改进 + 工作；
+4.与后端工程师协作，进行数据交互、动态信息展现，完成前端与后端的功能整合实现。
+专业技能
+-
+
- 掌握 DIV+CSS 布局、PC 端的响应式布局、弹性盒布局和移动端适配； + +
- 掌握 HTML5/CSS3 新增标签属性；掌握 JavaScript 及 ES6 常用语法； +
- 掌握使用 uniapp 开发框架完成微信小程序和手机 App 项目开发及上线过程，完成了食瞳小程序和排骨记账 app 的开发与发布流程； + +
- 掌握 Echarts 可视化图表及其配置项，完成数据大屏开发及隧道可视化开发； +
- 掌握使用 elementUI、elementPlus、uview-ui、uview-plus和ant-design-vue 等组件库，并多次运用组件库快速开发 + Web 网站及小程序等； + +
- 掌握 Vue 生态体系（Vue2 or Vue3、VueRouter...）、vue 基本语法、生命周期、组件传参等，具备 + 多次 Vue 项目开发经验；了解 vue2 源码； + +
- 掌握 WebSocket，用于浏览器与服务器之间的实时通信； +
- 掌握使用 Apipost 工具或 swagger 文档进行后端接口调试； + +
- 掌握使用 Git 进行版本控制和代码托管； +
项目经历
+缘境系统(FateVerse)--开源项目
+-
+
- 开发时间 +
- 2023.05 – 至今 +
- 项目描述 +
-
+
缘境系统是一套基于 SpringCloud 微服务架构，以 RBAC 权限管理、自定义工作流为核心， + 代码生成，自定义查询（服务主要分为数据源、数据适配器、数据编辑器、数据展示四个层级，让用户 + 使用系统服务就可以快速构建查询列表，echarts 图表等页面。）等模块为辅助功能的高并发快速开发 + 基础系统；现已投入到多个大型项目中实际生产应用。 +
+
+ - 责任描述 +
- 1.完成用户模块，消息通知模块，自定义查询模块的页面开发与接口对接； +
- 2.完成基于 Vue2 和 G6 的自定义查询 ER 图编辑器的开发与升级（Vue3）； +
- 3.负责在该项目中集成富文本编辑器 Tinymce，并用于发布公告模块中发布富文本内容； +
- 4.负责在该项目中使用 vue-codemirror 插件实现代码编辑器，并用于自定义 sql 查询配置； +
- 5.使用 echarts 和 vuedraggable 制作 Echarts 编辑器的设计与开发。 +
- 开发环境 +
- + WebStorm + Nodejs + 蓝湖 + Swagger 文档 + GIT + + +
- 技术架构 +
- + Vue3 + Element Plus + Vite + Pinia + Axios + Vue Router + Echarts + Antv G6 + tinymce + vue-codemirror + vuedraggable + + +
- 开源链接 +
- Demo：http://fateverse-vue.frp.feashow.cn + +
- Gitee 前端：https://gitee.com/fateverse/fateverse-vue + + +
- Gitee 后端：https://gitee.com/fateverse/fateverse + + +
科研项目管理平台
+-
+
- 开发时间 +
- 2024.01 - 2024.08 +
- 项目描述 +
-
+
+ 基于 SpringCloud 构建的科研项目管理平台，包含授权服务，用户权限管理服务，工作流 + 服务，分布式实时消息服务，分布式日志服务；对科研项目申报、专家评审、项目开题、项目合同、科 + 研进度、项目经费、项目质量、项目文档、科研成果等科研活动全面管理，以项目生命周期为主流程， + 每个环节使用 Flowable 工作流引擎构建子流程驱动项目流程流转，基于 Flowable 集成自定义 bpmn + 流程编辑器。 +
+
+ - 责任描述 +
- + 1.负责大部分项目管理平台的页面开发及接口对接（其中有需求征集、需求汇总、项目立项、项 + 目验收、项目归档、专项资金、费用管理等）； + +
- + 2.负责保障项目的质量优化及数据维护工作。 + +
- 开发环境 +
- + WebStorm + Nodejs + Mastergo + Swagger 文档 + GIT + + +
- 技术架构 +
- + Vue3 + Element Plus + Vite + Pinia + Axios + Vue Router + + +
地下复杂洞群智能通风控制系统
+-
+
- 开发时间 +
- 2023.12 - 2024.04 +
- 项目描述 +
-
+
此项目是一款基于 three.js 技术开发的隧道可视化大屏，实时展示隧道内部情况，帮助 + 管理人员快速准确地掌握隧道运行状态，以提升隧道管理效率和安全性。其实时监测隧道内的温/湿度、 + 风速、风压、风机运行状态以及二氧化硫等有害气体状况。还集成报警系统，当监测数据异常时，自动 + 触发报警并在大屏上显示。使用查看历史监测数据，并能够以 echarts 可视化图表动画形式回放，帮助 + 分析事故原因和改进管理策略。 +
+
+ - 责任描述 +
- 1.负责隧道可视化大屏面板开发及接口对接； +
- 2.使用 WebSocket 接收服务端传的实时监控数据并实时渲染到数据面板； +
- 3.使用 Echarts 实现风机、风压、有害气体等监控数据展示； +
- 4.负责保障项目的质量优化及数据维护工作。 +
- 开发环境 +
- + WebStorm + Nodejs + 蓝湖 + Swagger 文档 + GIT + + +
- 技术架构 +
- + Vue3 + Element Plus + Vite + Pinia + Axios + Vue Router + Echarts + Three.js + + +
速配商铺（小程序）
+-
+
- 开发时间 +
- 2023.10 - 2023.12 +
- 项目描述 +
-
+
+ 速配商铺是一款致力于连接店铺转让双方的小程序。通过小程序，店铺经营者可以方便快 + 捷地发布店铺转让信息，包括店铺位置、面积、租金、转让原因、转让条件等；还提供了速配地图，为 + 用户推荐附近店铺转让信息。用户可以根据需求进行筛选和浏览各类店铺转让等信息，轻松找到附近符 + 合需求的店铺转让或出租等信息；还可以通过小程序直接与店铺经营者进行联系，了解更多店铺信息。 +
+
+ - 责任描述 +
- + 1.负责实现微信授权登录； + +
- 2.带领团队完成项目开发并负责保障其质量优化工作； +
- 3.负责完成速配地图定位及自动地理定位任务，为用户推荐附近店铺信息； +
- 4.负责小程序的上线发布流程。 + +
- 开发环境 +
- + HBuilderX + 微信开发者工具 + 微信公众平台 + 蓝湖 + Apipost7 + GIT + + +
- 技术架构 +
- + Vue2 + uView UI + uni-app + Scss 语法 + + +
排骨记账（App）
+-
+
- 开发时间 +
- 2023.08 - 2023.09 +
- 项目描述 +
-
+
+ 此项目是一款个人家庭财务管理的记账 App，主要有个人计划、群组记账、个人记账、报 + 表统计和个人中心五个模块。其中个人中心的资产负债一目了然；个人计划中提供邮件提醒功能；群组 + 记账中采用多账本模式，多场景分开记账，并计算多人账单中每个参与人消费金额自动存入个人账单中； + 个人记账中包括记录支出/收入的账单，还有多维度月支出预算，以便精确省钱。 +
+
+ - 责任描述 +
- 1.负责邮箱注册及登录； +
- 2.负责个人计划，群组记账，个人记账与个人中心等模块的页面开发与接口对接； +
- 3.负责在该项目中使用大量阿里巴巴矢量图标，以便用户选择； +
- 4.用 IDEA 软件完成 App 的上线发布流程。 +
- 开发环境 +
- + HBuilderX + IntelliJ IDEA + Swagger 文档 + Apipost7 + GIT + + +
- 技术架构 +
- + Vue3 + uView plus + uni-app + Scss 语法 + +
- 演示地址 +
- http://cv.odjbinail.cn/rib-account/ +
- 下载地址 +
- http://download.odjbinail.cn/app/ + + +
食瞳（小程序）
+-
+
- 开发时间 +
- 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 语法 + + +