css

电商平台通常所具备的首页、用户、商品、购物车、结算和支付这些模块入手，结合示例网站分析项目需求，明确项目各模块的业务 我主要负责系统管理后台和前台项目从零搭建。通过使用Spring、SpringMVC、MyBatis、vue等技术，成功提升了系统的稳定性和性能。此外，我还对数据库查询进行了优化，借助于MvBatis-Plus和Redis缓存技术，将查询时间缩短了20%。同时，我设计并实现了订单管理模块，显著提高了订单处理效率，平均每天处理的订单数量增加了30%。

项目名称: 超购后台管理系统 2023.05 - 2023.07 项目描述：超购后台管理系统 技术栈: vue3、axios、element-plus、echarts、postcss、pinia、ts 项目职责: 登录模块页面、权限模块页面、订单模块页面、分销模块页面、其他模块页面 - 通过防抖实现了登录按钮，搜索，分页功能的体验效果 - 通过登录获取的一个token将token存储到pinia里，pinia结合路由守卫获取token实现页面鉴权 - 通过element-plus的 upload 组件进行图片上传，并且封装

项目分为水质监测，预警信息，预测控制，数据管理功能。 我负责全部工作，用了vue，e-charts，实现监测数据展示，修改，打印等功能，并可远程控制设备。

我负责制作入栏管理模块，使用了vue，element-ui，利用组件间通信等等技术，实现了入栏批次的新增，分页，搜索，修改，删除等等功能，在入栏批次中，还可新增入栏与出栏鸽子，已实现与后端联通。

低代码可视化设计及开发，由本人设计并全部开发完成，目前已经上线使用，并且有多个用户用该平台完成整个项目

【项目介绍】 本网站是一个针对PC用户设计的网络平台，旨在提供流畅、快速和响应式的用户体验。该网站使用现代前端和后端技术构建，确保兼容性、安全性和扩展性。 【技术介绍】 HTML5：用于页面结构和内容。 CSS3：用于样式和布局，包含灵活的响应式设计。 JavaScript/TypeScript：实现交互和动态功能。 框架/库：使用React、Vue或Angular等前端框架，确保代码模块化和易于维护。 构建工具：使用Webpack、Babel等工具进行代码打包和优化。

是一个肿瘤药物的患者援助平台，我负责技术选型框架搭建和业务实现，快速迭代升级。在框架升级时同步升级项目框架并保证可用性及易用性。

查立得万用查询平台99+查询规则合一saas系统。 每个查询规则都灵活支持数据结构，灵活设置查询条件。 万用查询saas平台已有10年历史，同系列的产品入驻过腾讯微校，有5000+公众号开通使用过多为学校(不少大学)用户。

项目名称： 快检知了小程序与企业级ERP系统前端开发 项目角色： 前端开发工程师 项目简介： 在本项目中，我作为前端开发工程师，负责了两个主要的系统开发：快检知了小程序和企业级ERP系统。快检知了小程序是专为健身行业定制的设备检测工具，允许用户通过小程序扫码进行设备检测，并展示相关的健身数据和生成检测报告。ERP系统则用于公司内部人员管理、体检报告查看、设备操控配置以及检测信息录入。 技术实现： 小程序开发： 使用WXML和WXSS构建微信小程序的界面。 利用JavaScript进行逻辑处理，结合微信原生组件和API实现设备检测的扫码功能。 采用canvas和echart实现数据可视化，提升用户界面的交互性和信息展示的直观性。 实现了H5页面内嵌，增强了小程序的兼容性和扩展性。 ERP系统开发： 采用Vue.js框架，结合Vuex进行全局状态管理，Vue Router处理页面路由，实现单页面应用。 使用Element UI组件库和Sass提高开发效率和界面美观度。 通过Webpack进行项目构建和优化，确保了应用的高性能。 业绩亮点： 登录功能优化： 将小程序的登录流程由

SaaS管理后台具有以下主要功能和特色： 用户管理：提供用户注册、登录、角色权限管理等功能。 数据分析：集成数据可视化和分析工具，如Chart.js、D3.js等，帮助用户进行数据洞察。 工作流自动化：使用工作流引擎或规则引擎，实现业务流程自动化。 通知和通信：支持邮件、短信、推送通知等多种通信方式。 安全性：使用加密、双因素认证等方法，确保数据和操作的安全。 性能优化：采用缓存、负载均衡等技术，保证系统高效运行

web 大数据可视化 使用的是echarts图表库，ECharts , DataV数据可视化, 大屏可视化, 大屏适配, 提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标，还有用于 BI 的漏斗图，仪表盘，并且支持图与图之间的混搭。 DataV数据可视化旨让更多的人看到数据可视化的魅力，帮助非专业的工程师通过图形化的界面轻松搭建专业水准的可视化应用，满足您会议展览、业务监控、风险预警、地理信息分析等多种业务的展示需求。

该项目是一个志愿者服务系统的项目，在此项目中用户可以参加志愿者服务活动的报名，还可以查看志愿者活动的一些基本信息，参加报名的一些条件与个人基本报名信息的提交。

模拟QQ音乐写的一个音乐系统，主要负责前端页面的书写，以及接口的设计、功能的测试，在用户频繁的点赞和关注功能上，改用Redis的缓存机制实现；使用Kafka来达到站内的异步通知；通过Elasticsearch来完成全站的全文搜索功能，通过配写相关字典达到准确匹配搜索结果，使用Caffeine+Redis来实现两级缓存，并优化热门帖子的访问

项目流程为 企业先进行入驻，然后选择贷款，选择担保公司和银行 填写申请的表单，进行申请 然后后台 银行进行审核 担保公司进行审核 超i管进行审核最后放款 企业入驻满一年后可以申请政府补贴等等

项目名称: 网络空间搜索引擎 2023.11 - 2024.03 项目描述：简的来说是一款网络空间测绘的搜索引擎，在帮助用户以搜索的方式查找公网上的互联网资产。他的的使用方式类似于谷歌或百度，用户可以输入关键词来匹配包含该关键词的数据。 他的作用之一就是对企业所有暴露在公网的暴露面进行梳理，帮助企业最大程度上保护自己的互联网资产，举例来说 就像病毒可以通过多种渠道侵入人体，企业设备也可能存在漏洞被黑客攻击 ， 这个项目也就为网络安全渗透工程师提供的一个平台 技术栈: vue3 、vite、ts、echarts、element-plus、pinia、highlight、intro、countup 项目职责: 搜索页面、搜索详情页面、可视化大屏页面 - 通过xlsx模块实现了对一些查出的数据信息进行导出 - 通过base64+url加密对搜索内容进行加密搜索 - 通过highlight.js对每个IP端口的网站正文代码进行高亮 - 通过pinia进行存储是否是用户第一次登录使用intro.js进行网站引导，并且切换页面IP端口数据展示方式 - 在大屏页面使用echarts对深故居扫描

项目名称: task后台任务管理系统 2024.01 - 2024.02 项目描述：task后台任务管理系统是一款轻量级在线项目任务管理工具，它提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时通讯IM，文件管理等功能。在这个项目基础上进行修改添加了一些功能点、有谷歌在线动态验证码，还有就是进行添加一个tg的一个信息互通和任务通知，让员工每天实时知道自己的任务，为公司管理者提供了一个更加好管理的一个平台 技术栈: vue2、axios、element-ui、echarts、postcss、vuex、view ui plus、VueDraggablePlus 项目职责: 登录模块页面、仪表盘模块页面、个人设置模块页面、密码设置模块页面、任务列表 - 通过防抖实现了登录按钮，搜索，分页功能的体验效果 - 通过登录获取的一个token将token存储到vuex里，vuex结合路由守卫获取token实现页面鉴权 - 并且在登录的时候使用30s一变的一个谷歌在线动态验证码对登陆提供了一个安全性 - 通过element-ui的 upload 组件进行图片上传，并且封装

实现了模拟钢琴的88个按键音，这包括了钢琴键盘上的所有音符，从最低音的A0到最高音的C8。用户可以通过点击虚拟钢琴键盘上的不同按键来演奏出这些音符，从而模拟真实钢琴的演奏体验。这种功能使用户能够在网页上轻松地演奏出复杂的音乐作品，而无需真正的钢琴

项目名称： 高性能会计教育平台前端开发 项目角色： 前端开发工程师 项目简介： 作为前端开发工程师，我负责了考呀呀会计网校平台的前端开发工作。该平台是一个专注于提供会计教育服务的在线学习系统，旨在帮助学员通过各种会计考试并提升职业技能。 技术栈： 框架选择： 采用Nuxt.js结合Vue.js框架，利用Nuxt的服务器端渲染（SSR）特性，提高了页面的首屏加载速度，并优化了对搜索引擎的友好度。 状态管理： 通过Vuex进行状态管理，确保了应用在复杂交互下的状态一致性和可维护性。 UI设计： 根据定制的设计稿，使用专业的HTML、CSS和JavaScript技能，实现了高保真的用户界面。 业绩亮点： 搜索引擎优化（SEO）： 利用Nuxt.js的SSR能力，显著提升了网站在搜索引擎中的排名，增强了平台的在线可见度和潜在用户的流量。 性能优化： 实施了网络优化策略，包括强缓存和协商缓存机制，减少了服务器的请求次数，加快了页面加载速度。 对响应内容进行了压缩处理，减少了传输数据的大小，进一步提升了加载速度。 进行了渲染优化，包括代码分割和懒加载，使得初次加载更加迅速，同时提高了运行

该项目实现了商品的分类展示，用户可以查看商品详情，可以加入购物车，可以查看自己的购物车和查看自己的订单。

此项目主要用于游戏商品的购买与售卖，可以更加便捷的帮助客户寻找自己喜欢的游戏商品，可以查看商品的简介商品最新折扣商品的渠道。