前端

智慧工地云平台建设是基于互联网、物联网、移动应用等新一代信息技术施工现场管理基础上深度融合，针对建设项 目多标段、多层次的项目管理特点，通过建设本平台，涵盖工程建设全生命周期，以合同、进度、计量、变更、投资 （成本）、公文、资料管理等全过程作为控制重点，将试验机联网监测系统、拌合站生产监测系统、预应力智能张拉 、压浆监控系统、视频监控等监测类系统数据经采集和汇集处理，实现可视化的形式，在统一的数据共享协作平台上 ，建立信息化的质量控制体系，提升工程项目建设各阶段管理工作的效率和质量。

智能充电桩管理系统以及小程序 2022.12~2023.4 技术栈：vue3+TypeScript+element-plus+pinia+vue-router+echarts/uniapp+uview+高德 API 项目描述： 该系统服务于顺佳成售电有限公司。主要业务有充电桩扫码充电、充电网点查询、费率下发等 42 个用户前 台及管理后台功能。 该系统为停车场的收费管理与车辆的充电管理提供了便利的操作以及可视化的监控与分析。 小程序端与微信公众号进行功能性关联。小程序端可结合微信公众号推广储值优惠活动 ，以此吸引用户， 提高关注度。 同时微信公众号的高用户黏性可为公司的广告与营销提供平台。 其中的 IC 卡充电功能为企业用户提供统一、可控、便携的充电服务。企业在平台中认证完成即可发放一批 企业的 IC 卡 ，供企业员工使用 ，企业可实时观测员工的充电情况 ，并对员工的充电行为进行记录。 项目亮点： ①响应式设计：通过使用 Vue3 的响应式设计，系统能够实时响应用户操作和数据变化，提供流畅的用户界 面和交互体验。 ②性能优化：通过使用 Vue

1. 这个是独自开发的个人小项目，可以自己发布文章和改变主题颜色，也可以管理文章内容，查看访问量等 https://www.cemcode.com 2. 主要用vue全家桶+nodejs开发完成 3. 呃，基本没有难点

管理系统的前端架构设计与核心功能开发，支持车型设计、人员管理分配，会议预约，部门自定义架构配置 车型开发日程阶段节点配置（DHTMLX-GANTT 甘特图），车型研发收益支出canva图，大日程管理、拆分子系统 技术栈： Vue3、Axios、Webpack、DHTMLX-GANTT

使用 ASP.NET Core 以及 vue.js + typescript 开发 1. 对接项目调度系统，获取作业进度及依赖关系，形成有向无环图判断阻塞点 2. 调用项目调度系统及内部大数据作业平台，简化运维操作，一站式管理关键任务 3. 绘制作业进度图表，直观了解当前作业进度以及运行情况 4. 编写前端页面，方便运维人员操作 5. 记录操作信息以便审计

项目描述：本项目是本项目是一个后台管理系统，为了方便管理文化馆 c 端的活动发布、上下架、作品的征集 以及馆内的数据统计等做出的 SAAS 平台。能够有限的低代码操作 c 端的网站，通过组件配置的形式，快速 的生成文化馆旗下各分区文化馆的网站和活动。 技术架构：Vue 全家桶、Ant Design 框架、Antv 可视化、腾讯云 个人职责： 1、负责直播模块的开发，包括直播活动的创建、上下架、开播、关播等 2、负责数据监控模块，采集 pv/uv 等浏览量进行数据可视化 2、负责地点管理模块，使用地图进行地点管理的创建等 3、负责数据统计模块，统计 c 端用户每个活动的点赞量、浏览量、报名量，进行数据可视化 4、负责大屏展示，数据可视化展示用户活跃信息、流量变化、用户注册率等 5、迭代登录模块，进行加密功能、扫码功能等 技术要点： 1、通过后端返回的权限列表使用 Router.addRoutes(路由数据)添加当前用户可看到的页面路由. 2、使用 component 动态组件，进行登录模式的切换 3、使用 viser-vue 结合 AntV G2 制作图标、折线图、饼图等可视化 4、使用

本项目为web3活动官网 为Revo质押活动，赚取收益 项目包含了主页、质押、游戏列表、个人中心、游戏官网 具有邀请功能、游戏质押列表、收益列表、个人资产展示（包括余额、团队信息）等等 活动支持BSC/Abey，有国际化多语言功能

针对用户处理繁琐的问题，并将整个过程加入可视化工具，单机即可使用，1.选择相应的串口进行连接 2.指令执行间隔时间说明： a.每组指令之间的间隔时间，且不包含最后一条指令执行之后的时间 b.单位以ms进行计时 3.每组结束等待时间说明： a.指令之间进行分组执行，最多支持5组 b.每组执行结束之后的等待的时间 4.执行次数说明： a.所有的组指令全部循环执行一次算一次 b.执行相应的次数之后自动结束 5.点击“开始执行”开始运行 6.执行过程中可以点击“停止”进行终止，终止工具时会执行完当前运行的组指令之后再进行终止，避免中途结束时设备长时间处于某个动作。 以上如有问题请及时沟通。

基于云开发，实现了发帖，调用第三方api进行安全审核，实现评论以及回复评论点赞，tap栏等论坛常见功能，在评论区实现了ai自动回复功能，实现了私信聊天功能并做了监控，实现了用户登录功能，用户关注功能，实现了管理员管理功能，禁言，解除禁言删除帖子之类的功能

用户注册即会员，有引流、服务、留住新老用户、便捷等特点 授权登录、获取微信头像、首页可自定义配置、签到、电子钱包、个人中心、便捷停车、商圈积分、线上拼团、积分商城、抽奖活动、活动报名登记

本商城分为小程序商城和商城管理平台两大块 小程序商城有如下模块： 商品展示：用户可以在小程序上浏览查询自己感兴趣商品的详细信息和价格。 购物车：用户可以将自己喜欢的商品添加到购物车中，并在结算时一次性购买。 支付功能：小程序支持多种支付方式，包括微信支付、支付宝等。 评价功能：用户可以在小程序上对自己购买的商品进行评价，为其他用户提供参考。 优惠活动展示：小程序可以展示管理后台设置的优惠活动信息，吸引用户购买。 订单管理：用户可以通过小程序查询自己购买的商品的订单、物流等信息，方便了解订单状态。 推荐系统：小程序可以通过推荐算法为用户推荐商品，提高用户购物体验和销售额。 会员卡：用户可以购买会员年卡，提供多种优惠折扣和积分奖励，增加用户粘性。 退换货功能：用户可以通过小程序申请退换货服务 客服功能：小程序可以提供在线客服功能，方便用户咨询和解决问题。 商城管理平台有如下模块： 用户管理：商城管理后台用户管理，提供查询、添加、维护、删除、设置权限等功能 会员管理：商城用户管理，提供资料查询、

个人复现作品。Github：https://github.com/HaiLin545/frontend-project50 适用于前端初学者学习的练手项目，完全基于原生HTML、CSS&Javascript 本人添加了entry和简易express后台，实现所有项目统一预览。 涵盖内容： 1. HTML基础标签的使用 2. CSS3的样式，包含大量动画 3. Javascript的DOM、BOM操作，异步、网络请求等。

运用vue+vite+vbenadmin实现项目基本框架构建，对接湖南电信工作助手，使用windows监听iframe消息实现云门户扫码登录，使用前端响应式技术实现云门户大屏可视化，实现移动端页面展示基本信息点位数据。

问卷管理系统主要用于收集一些问卷信息，问题及答案均可定制，并且答案类型也可自由设置，以及权限管理模块等 主要负责前端框架搭建及全部功能开发 主要技术栈：Vue3 博客地址：https://juejin.cn/post/7036364449531297806

1. 本方案面向谁，解决了什么问题 目标用户： 教育机构：中小学、职业院校、培训机构等需要规范收费管理的学校。 教育管理部门：区域教育局或教育集团，需统一监管辖区内学校的收费流程。 解决的核心问题： 收费流程混乱：传统人工收费易出现班级归属不清、缴费记录缺失等问题。 信息不透明：家长难以实时查询缴费状态，学校与家长沟通成本高。 资金安全风险：现金或分散支付方式存在资金挪用、对账困难等隐患。 统计效率低：学校需手动汇总数据，难以快速生成财务报表或响应监管要求。 2. 相比于市场常规方案，本方案有哪些特点 差异化优势： 精细化班级管理： 一班一码：每个班级生成独立的缴费二维码，家长扫码即可精准关联班级及学生信息，避免跨班级混淆。 多级编码体系：区域码（行政区）→学校码→年级码→班级码，支持区域化统一管理，便于教育部门快速统计各校收费情况。 全流程数字化： 缴费记录自动同步至系统，支持按班级、年级、学校等维度实时查询，减少人工录入错误。 家长可通过移动端查看缴费明细、电子凭证，提升透明度。 灵活扩展与兼容性： 支持对接学校现有教务系统、财务管理系统，避免数据孤岛。 可扩展功能（如退费管理、

1、熟练使用 react 和 vue 常用的前端 UI 库 ant-design、antd-mobile、chatUI、Vant、Element-UI等 进行开发; 2、熟练使用 Dva.js 和 Jotai 进行状态管理以及模块化开发; 2、熟练掌握 flex 布局、rem 布局、grid 布局以及使用 less/scss 预编译语言进行开发; 3、熟练使用react框架,了解 mvc 原理,具备 react 开发的实战能力,能够熟练的配合 antd和antd-mobile, chatUI, G2 等组件库的使用. 并且具备项目优化、组件封装的能力; 4、熟练使用 class 类组件开发和 hooks 进行开发，具备使用 useState、useEffect、useMemo、useRef、 useCallback 的能力; 5、熟练使用 vue2 框架,了解 mvvm的原理，熟练的配合 ElementUI和 vant等组件库的使用;掌握ajax、 fetch、axios 前后端数据通信; 6、熟悉浏览器渲染机制，了解 JS 事件循环机制,以及HTTP 网络等相关优化手段熟悉Proxy

使用的前端技术Vue、Element、后端Spring Cloud & Alibaba微服务的权限管理系统 负责后台管理页面和功能开发，负责提供APP api接口

FE商业模拟系统是一款多人实时在线模拟经营游戏，其设计初衷是一款模拟企业经营的软件，用以用游戏化的方式辅助使用者快速学习商业知识，在超过现实世界三百倍速度的仿真世界中零成本试错，快速理解开办一家公司所需要了解的各种知识。 FE商业模拟系统有标准版、快速版、专业版、高级版多个版本，适配于不同基础、不同年龄段、不同需求的各种用户，自产品上线的几年来已经在全国各地成功举办过千场集体仿真学习，做到寓教于乐、知行合一。 为了令核心产品的运营更加成熟，还配套了FEPassport（PaaS）、FEMix（SaaS）、FEO（一个六人联机的入门小游戏）、FE讲台（知识付费平台）和多款配合活动的线上破冰游戏，此处不一一列举。 本人在以上产品体系中的所有产品开发中担任总工程师、设计师。

【问题背景】：大容量测试数据汇总效率低。主要是分为几个方面： 1）测试模型多：区分制式、板型、规格等，组合起来较多； 2）测试环境复杂，测试人员通常维护多套测试环境。 3）没有工具，技术落后：数据汇总的方式采用的是传统的Excel表格方式，投入的人工成本多，且效果不明显易出错。 基于这些因素，导致测试数据汇总效率低，故障发现不及时。因此迫切需要改进。 【技术栈】：Python，HTML，JavaScript，MySQL 【实现过程】：通过实现自动化用例接口，将对应模型的数据上传到独立数据库MySQL。前端页面通过筛选，呈现数据结果。（表格datatables，Highcharts曲线图） 【效果收益】：数据汇总效率得到提升，测试人员将更多时间投入问题发现上。

大屏可视化主要针对企业对数据的统计分析，可视化综合展示形式，实现可查看全局企业数据情况，展示概况（各类数据统计分析），并结合作业地点、作业现场签到位置信息，以地图可视化形式展示作业点分布信息，地图可放大查看具体位置、作业计划详情及视频，并在地图中以各个风险等级进行定位展示；展示作业视频状态统计、违章类型数量统计、现场到位情况等。 1、技术架构搭建 2、搜索服务搭建 3、小程序端开发 4、系统产品设计 5、需求功能开发