前端

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

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

采用UNIAPP 开发移动端，可以适配多端程序。 增加更多图表类组件的开发配置。 内嵌Map地图的使用，增加巡查功能逻辑。 拥有权限埋点的功能实现。

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

1. Quan系统文档站开发的主要目的是为开源框架提供在线文档支持。 2. 项目基于 Vuepress + vdoing 主题开发。我主要负责前端文档编辑、自定义Vue组件开发

1.项目分为两个端，一个H5端一个小程序端，小程序包括了微信公众号开发。 2.采用了uniapp一套代码多端打包 3.比较典型的开卡移动项目

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

这个项目是关于外勤跑腿的撮合交易平台，平台从中间收取费用： 技术栈：微信小程序 后端uniapp+vue 后端：php+ laravel 数据库：mysql 主要几大模块： 1.用户管理 2.发布订单管理 3.求购订单管理 4.充值管理 5.积分管理 6.优惠券 7.新闻动态管理 8.提现管理

常规可视化界面开发，使用前后端分离开发模式，使用vue作为前端框架，javaweb作为后端服务，使用ssm作为后端开发框架。引入Hadoop 作为分布式基础架构，使用hdsf进行数据存储，并基于hive工具进行大数据运算，通过数字标签话分析展示基础数据。

1.二手汽车商城网站，包含登录注册、商品下单、商品支付、门店预约等功能 2.0到1开发，使用nuxt3+elment Plus技术栈

1. Quan个人博客系统是基于Quan后台管理系统开发的用户端服务。主要提供个人博客相关、内容管理等功能。 2. 我主要负责个人博客相关功能设计与开发、后台内容管理相关功能设计与开发。主要应用技术：Vuepress + Vdoing主题、Ant Design Pro、React、Vue。

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

1.根据设计稿结合ui库编写视频学习、产品介绍完成界面效果，运用axios实现数据交互，运用阿里云播放器播放视频，下方展示视频通过调用接口拼接数据实现下拉懒加载。 2.Vuex做状态管理并初始化调用接口。运用vant-ui组件弹出框实现学院库的院校排名与院校类型筛选、完成院校详情动态渲染以及评论学长答疑模块。完成专业库模块的专业分类，课程类型以及院校详情。 3.完成我的模块个人中心的微信授权getUserProfile接口获取用户信息。调用接口完成我的浏览记录，我的收藏，我的 预约等功能。

项目介绍:高尔夫小程序相关功能开发，包含周边检索，地图查看，列表检索，图片上传，成绩单生成，评价等功能。 技术栈:uniapp 主要工作: 1.使用uniapp从0搭建，并开发小程序，最终上线和后续版本升级； 2.集成腾讯地图，实现定位，查找周边等功能； 3.实现小程序中如杆数统计，上下半场计算，不同用户成绩单生成等负责业务逻辑实现； 4.实现图片上传，评价，分享等功能。

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

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

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

本作品是我开发的一套商城程序： 本人可以提供测试网址：前端：mall.tupowx.com 后端：yunte.tupowx.com 特别说明：前端主要是H5的一个演示，主要是给大家演示类似H5和小程序效果的，所以请在手机上面演示 后端可以加我QQ：470641382,我可以提示用户名和密码供你们浏览。 这个项目使用的技术栈：前端uniapp+vue 后端php+laravel 利用uniapp可以打包成各种客户端：Android，IOS，微信小程序,H5,百度小程序，抖音小程序，快手小程序，QQ，支付宝小程序，京东小程序 这套商城系统，经过几十家用户，不断迭代，从最初的只是一个简单的商城系统（用户管理，商城管理，订单管理） 发展成一套比较成熟的商城系统包括以下主要模块： 1.商城管理 2.订单管理 3.仓库管理 4.挂售管理 5.转换管理 6.活动管理 7.预售日历 8.挂售管理 9.兑换码 10自定义页面 11.论坛管理 12.红包模块 13.积分模块 14.卡券道具 15.分销裂变（这个模板很受客户喜欢） 16.系统设置 17.小程序装修

项目是公司提供的一个官网展示项目，因为要求只是静态展示所有没有接口，纯前端效果 使用技术：htmls、css、js 项目地址：https://www.deebike.com/

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