TypeScript

系统模块 平台管理：用户及其操作权限等设置， 工厂架构：工厂部门产线设备等设置， 安灯系统：安灯设置安灯记录以及安灯报表， PLM管理：工艺路线配置， 质量控制：检验项次、主件记录、点检记录等， KPI：产能统计等报表。 使用vue、element、echarts、c# 等进行各模块网站开发和维护，动态展示设备数据，后台接口的设计与实现。

1. 数据展示板块、收银板块（购买、赠送、耗卡、退款、退换卡）、顾客管理板块（顾客资料、资产记录） 2. 全权前后端独立开发

该后台管理项目采用了基于 Vue3 和 TypeScript 以及ElementPlus组件的开发框架，结合了 Node.js 后端、Express 框架和 MySQL 数据库，利用 JWT 实现用户认证与授权。项目包含用户详情、权限管理、产品列表、数据可视化等模块，实现了侧边栏的折叠与展开功能，并添加了暗黑模式，以提升用户体验。 1.实现了用户详情的增删改功能，完善了用户信息管理。 2.提供了模糊搜索和过滤功能，以提高数据检索效率。 3.用户管理方面实现了权限的细化控制，包括权限的分配和管理 4.使用路由懒加载提高页面的性能及优化 5.使用级联选择器组织和分类商品，提高了商品管理效率。 6.利用 ECharts 实现数据可视化，让用户通过图表分析数据。 7.使用高阶函数完成用户权限限制页面和功能的访问，提升系统安全性 8.实现登录过期验证和令牌清除功能，增加了系统的安全性。 9.封装Hooks组件，使代码的复用性以及开发效率性得到提升 10.商品添加过程中引入了步骤条，引导用户完成复杂流程。 11.使用ElementPlus组件实现全局进度条展示加载进度以及全局的暗黑模式切换，改善了

1.主要功能模块有： 平台概览： 功能：提供对整个平台的快速了解和概览，包括平台的目标、当前状态、重要数据和统计信息等。 对使用者：帮助使用者快速了解平台的整体情况，明确平台的目标和当前运行状况。 数据中心： 功能：集中存储和管理与城市生命体征相关的各类数据，提供数据的查询、导出和统计功能。 对使用者：方便使用者查看和管理数据，支持数据分析和报告生成。 体征中心： 功能：展示城市的各项生命体征数据，如交通流量、环境质量、能源消耗等，并提供可视化展示。 对使用者：直观展示城市各项体征数据，支持数据的实时更新和动态变化。 示警中心： 功能：基于实时数据和预设的阈值，自动触发警报，并展示警报信息和处理建议。 对使用者：及时通知使用者异常情况，提供处理建议，支持快速响应和决策。 赋能中心： 功能：提供数据分析和预测功能，帮助使用者基于历史数据预测未来趋势，为决策提供支持。 对使用者：提供深入的数据分析和预测功能，支持科学决策和规划。 运维管理： 功能：负责平台的日常运维工作，包括系统监控、性能调优、故障排查等。 对使用者：确保平台的稳定运行，提供技术支持和故障处理。 系统管理： 功能：管理用户

项目描述： Ai万花筒是一款基于ChatGPT、Stable Diffusion的AI聊天助手和AI绘图工具，用户可利用AI工具来帮助日常生活和工作，也可以利用AI绘图来进行艺术创作以及分享。 项目职责： 1.负责项目搭建，基于pnpm的monorepo架构，集成了集成了eslint+prettier+husky+lint-staged+commitizen，规范项目代码格式。 2.负责开发AI聊天模块，对接ChatGPT的接口。 3.负责开发SD绘图模块，对一些绘图的通用组件进行封装。

1.【60%】项目搭建及技术框架选择vue 2.【80%】模块分为首页、新闻资讯、产品介绍、关于我们、加入我们、产品分布

使用webpack搭建脚手架，用于源码和低代码的混合研发，可以多系统之间相互集成，不用使用iframe嵌入网页。并开发一些基础组件，框架整体布局，网页title更换，页面滚动加载等

项目描述： 火星云课堂是一款基于electron，主要功能为直播以及IM聊天的PC & Mac两端应用程序。老师端可进行线上以及线下的直播课讲解，学生端可以观看直播以及直播的回放。 学习经验： 1.了解了electron主进程和渲染器进程的概念，以及渲染进程中如何调用主进程的Node方法。 2.了解到了弱网状态的监听，优化了用户体验，提升了应用的稳定性的理解。 3.了解到了monorepo架构的优点，提升了项目开发效率。 项目业绩： 1.客户端的热更新方案实现。 2.使用pnpm搭建monorepo工程，集成了eslint+prettier+husky+lint-staged+commitizen，多人协作更加规范，也实现了多项目之间通用组件的快速开发。 3.抽离声网直播SDK以及环信IMSDK的业务逻辑，采用单例模式封装成定制的类方法进在学生以及老师的客户端进行调用。 更换声网直播服务，对比公司之前使用的直播服务，一年节约了20%的服务费用。

1. 项目功能模块及功能实现 功能模块： 商品首页：展示各类商品，提供搜索、推荐商品等功能。 商品详情：详细展示某一商品的信息，包括图片、价格、规格、库存等。 订单详情：展示已下单商品的详细信息，包括商品名称、数量、价格、下单时间等。 我的：用户的个人中心，展示用户的基本信息、订单、我的服务等。 我的订单：列出用户所有的订单，包括全部、待付款、待发货、待收货、已完成等状态。 查看物流：针对待收货和已完成状态的订单，展示物流信息。 申请售后：针对已完成的订单，用户可以申请售后服务，如退货、换货等。 退换/售后列表：列出用户所有的售后申请记录。 售后详情：展示某一售后申请的详细信息，包括申请时间、申请内容、处理进度等。 收货地址：管理用户的收货地址，支持新增、编辑、删除等操作。 精选客服：提供客服联系方式，支持在线聊天或拨打客服电话。 个人信息修改：允许用户修改自己的个人信息，如姓名、手机号、密码等。 功能实现： 搜索功能：用户可以通过关键词搜索商品。 推荐商品：根据用户的浏览和购买历史推荐相关商品。 下单功能：用户可以选择收货地址、支付方式等进行下单。 支付功能：支持微信支付。 物流跟踪

开发一款扫码点餐小程序，用户可以通过扫描二维码选择桌号、人数，并进行菜品选择和加入购物车，实现订阅消息通知和历史订单查看。 1.实现了选择桌号、人数等功能，并且与后台实时交互。 2.设计并开发了菜品选择和加入购物车功能，包括规格、单位、价格等。 3.集成了微信订阅消息通知，提高用户体验。 4.使用微信api实现登录以及历史订单的记录和查看功能，帮助用户轻松追踪订单状态。 5.和商家后台管理实现联动，需要在后台添加桌号、菜品、规格之类

“科技政策一点通”服务平台包含有电脑端和手机端。电脑端主要有政策全文、政策解读（一图读懂和文字解读）、政策要点、政策问答、政策动态以及专题专区6大模块，可通过“政策标题”“发文字号”等关键词达到精准搜索，还可根据政策“发文时间”“施行范围”“政策类别”进行模糊查询，结合搜索条件记忆、相关推荐，实现多维度搜索。手机端能够实现一键点击快速查询政策核心、政策依据、适用范围、适用条件等，为广大用户提供更为便捷的查询服务。 负责所有页面布局和数据展示，负责移动端和网页端适配

为项目提供组件、可通过拖拽快速生成项目的页面 我负责的是表单组件的功能、还有BUG的修复 运用的框架Formily 实用的技术 React TypeScript

首页定位，轮播，搜索框，分类，购物车，个人页面； 主要通过用户网上下单配送，用户也可拉人获取积分用于兑换礼品。 独自搭建

秘塔AI搜索是一款能够深入理解用户的问题的AI搜索。 我做了搜索，账号信息，反馈，反爬等功能。 PC端，h5，小程序，chrome插件都有参与

1、对接百度AI，实现在QQ中与AI对话 2、需要自建数据库，用于实现对话 3、可在qq中直接对话，同时也支持自建网站对话

1，我负责过数据中心，指标管理，考勤等多页面的前端网页开发 2，我开发过项目通用模组，提高项目代码的复用性和可维护性 3，将angular项目转移为React项目，提高项目运行效率

1. 项目功能模块与实现功能 大屏列表： 展示所有已创建的大屏项目列表。 提供搜索、排序、查看、编辑、删除等大屏管理功能。 项目模板： 提供预设的大屏模板供用户选择。 用户可以基于模板快速创建新的大屏项目。 新建大屏： 提供可视化的拖拽式大屏编辑界面。 用户可以通过拖拽工具组件（如图表、信息、列表、小组件、图片、图标等）来自定义大屏布局和内容。 支持实时预览编辑效果。 图表组件数据配置： 在大屏编辑界面的右侧，提供图表组件的数据配置功能。 用户可以配置数据源、数据字段、样式等属性，实现图表组件的动态数据展示。 对使用者来说能实现的功能： 用户可以快速查看、编辑和管理已创建的大屏项目。 用户可以利用预设的模板快速搭建大屏项目，减少开发时间。 用户可以自定义大屏的布局和内容，通过拖拽组件来灵活构建大屏页面。 用户可以配置图表组件的数据源和样式，实现数据的可视化展示。 2. 我的任务、技术栈及成果 我负责的任务： 负责前端页面的开发和维护，包括大屏列表、项目模板、新建大屏等模块。 实现组件的拖拽、放置、编辑等交互功能。 完成图表组件的数据配置功能。 确保前端页面的稳定性和兼容性。 使用的技术

这个小程序电商管理项目主要致力于提供用户友好的购物体验，包括商品浏览、购物车管理、订单下单、 商品模糊搜索、订单状态管理、购物车、全选反选和 sku 规格管理等。同时，它还注重用户数据的安全 性和隐私保护，以满足用户和法规的要求。项目的主要目标是促进销售、提高用户满意度和简化电商管理。 1.实现用户登录注册功能，方便用户访问个人信息以及购物车 2.管理用户权限，确保只有授权用户可以进行购物和订单管理 3.使用Vue实现商品列表的动态渲染以及展示 4.使用uniapp路由实现商品跳转到详情页，包括商品描述、规格、评论等信息 5.使用Pinia状态管理工具完成用户购物车的增删改查操作，以及计算订单总额 6.让用户创建订单，包括选择商品、填写收货地址和支付方式、提供订单状态跟踪，让用户了解订单的处理进度 7.实现了省市区联动， 富文本解析、商品详情页跳转和轮播图效果，商品的分类以及添加商品 8.实现未登录拦截、修改个人信息、以及多机型适配，确保项目在各终端上的无缝运行

项目属于多人合作的项目我负责的模块： 人员管理：用到了Antd中的穿梭框、可以实现人员的树级展示，并且可以拖拽改变人员位置 设备管理：运用了Canvas画布，使可以标注出设备中不同的部分的运行状态 质量管理：使用的是表单表格、可以对数据进行操作(增删改) 应急管理：使用了Echarts图形，进行数据的展示。 精通HTML+CSS、熟练使用React、Hooks、JavaScript、TypeScript。了解VUE、nodeJS

1.开发数据可视化监控大屏，并运用websocket实现动态数据更新； 2.开发告警中心模块，实现设备实时告警功能； 3.开发公式编辑器并封装组件，实现设备参数公式编辑功能； 4.开发设备管理模块，实现设备组态看板； 5.开发资产管理模块，实现设备资产信息管理功能； 6.开发相关数据可视化大屏；