网页(Webview)

项目描述：科学城（广州）信息科技集团有限公司的官网系统是一项综合性项目，旨在为科学城集团提供一个全面展示其多领域领先技术和创新成就的官方网站。该系统包含多个关键子系统，如3D首页、3D智慧园区、3D城市通信管网、3D自动驾驶与车路协同、3D大数据运营中心、3D智慧物联、3D智算中心、智慧城市、工业互联网、大数据运营和网络安全等。这些子系统不仅展示了集团的多领域实力，还提供了访问者与集团互动的机会。项目要求前端开发团队合作紧密，以确保网站的视觉吸引力、用户体验和性能。通过这一官网系统，科学城集团得以展示其在创新科技领域的领先地位，并为客户和合作伙伴提供有关其各个子领域的详细信息和服务。 涉及技术：TypeScript、Vue3、Vue-router、Pinia、Axios、Mitt、Three.js、Element-plus、Sass等 个人职责： 负责参与项目架构的搭建，设计了项目 TypeScript 开发规范，提高了开发效率和可维护性。 参与并设计了利用 Three.js 开发3D核心模块，包括3D首页、3D智慧园区等3D子系统。 采用 Element-plus ui框架设计开

1.使用vue3+ts的技术栈 2.客服sdk包的封装和发布 3.客服后台，使用element-plus组件库 4.单点登录功能的设计和实现 5.自定义组件库的封装

1.项目模块 该项目基于jeecg开源项目，前后端分离，主要分为，系统管理，消息中心，工作流，在线开发，报表统计，大屏等模块，对于使用这个可以做报表统计，CRM,ERP,OA办公,后台管理,权限管理等等多种使用方式 2.本人负责模块 1).本人在jeecg开源代码扩展了工作流的开发，以请假流程为作为示例代码，截图如下，主要使用activiti框架，实现了:在线画流程模型； 一键部署流程模型；填写表单发起申请；提交申请（可撤回，重新发起，编辑表单）；我的待办（审核，驳回等操作）；我的已办（查看表单数据，审批历史）；已结束流程；进行中的流程。 2).在移动端页实现以上统一的功能，截图如下

该项目为中国铁设综合办公平台的升级和改造，以实现公司各项事务的电子化线上开展，强化“事找人”，减少“人找事”，通过流程配置，待办、待阅等，实现各项事务的便捷、高效运行。该项目包含以下模块： 1.法务管理：公司所发生的法律纠纷案件的审判与流程； 2.信息化管理：实现信息化系统立项、实施、运维和结项的全生命周期的管理； 3.公共模块：可调用三方接口信息及记录调用信息等的汇总； 主要做的是中国铁设综合办公平台项目，有多个模块，根据客户的需求，完成各模块的功能实现，对整个项目有一定的理解。使用java语言进行开发，从需求了解、确认，功能开发、功能的测试、核对，SVN代码提交整个流程都能熟练进行，使用过linux基本的命令进行过项目部署。对已开发完成在使用的公司项目根据客户的需求，在相应的模块进行功能配置，主要为人员信息、各流程相关配置等，对运维工作有一定的了解。

商品展示：商城需要展示各种商品信息，包括商品名称、价格、图片、库存、描述等等，以便用户浏览和选择购买。 购物车：商城需要提供购物车功能，让用户可以将多个商品添加到购物车中，并在结账时一次性付款。 订单管理：商城需要提供订单管理功能，让用户可以查看自己的订单信息，包括订单状态、商品清单、订单金额等等。 用户管理：商城需要提供用户管理功能，让用户可以注册、登录、修改个人信息、查看订单记录等等。 支付和物流：商城需要提供支付和物流功能，让用户可以选择支付方式，并跟踪订单的物流信息。 促销和优惠券：商城需要提供促销和优惠券功能，让用户可以享受各种优惠活动，例如满减、打折、赠品等等。 客服和售后：商城需要提供客服和售后服务，让用户可以咨询商品信息、退换货、投诉建议等等。

项目有登录和对客户的新增、修改、删除、查看、审批等功能，每个环节都有参与，包括登录、增删改查以及审批对接泛微OA，使用的技术有SpringBoot、SpringMVC、Mybatis、vue等技术

淄博旅游资讯网的主要目标是推动城市旅游业的发展，为游客提供全面的旅游信息服务。网站内容包括淄博市的美食、景点、特产、住宿、行程、购物、娱乐，以及旅游攻略和出游推荐等信息。 2. 技术架构：该项目采用 SpringMVC、MySQL、MyBatis、JSTL、EL、Ajax、JSP、HTML、CSS、JS 等技术实现。 3. 功能模块： - 网站首页：展示淄博旅游资讯网的整体概况，包括最新的旅游资讯、特色推荐等内容。 - 美食：提供淄博市的特色美食信息，包括餐厅推荐、特色菜品等，帮助游客更好地了解和体验淄博的美食文化。 - 景点：提供淄博市的旅游景点信息，包括景点介绍、门票价格、游玩攻略等，帮助游客规划游览路线。 - 住宿：提供淄博市的住宿信息，包括酒店、民宿等，为游客的住宿提供参考。 - 旅游攻略：提供淄博市的旅游攻略，包括交通、行程、预算等，帮助游客更好地安排旅行。 - 出游推荐：根据季节、节日等因素，为游客推荐合适的出游方案。

本项目展示一个志愿者协会平常的活动展示、志愿者的登录注册加入团体等 责任描述： 负责整个项目的框架及开发， 使用Vue-cil快速搭建开发； 整体遵循Vue的组件开发思想，不同的页面可以复用公用组件； 使用Vue Router实现路由切换，使用全局事件总线实现组件之间的通信； 使用代理请求的地址，处理数据；使用封装axios进行前后端交； 使用Node.js开发，使用Koa快速搭建后台

1. 项目整体布局、统一代码风格，封装组件 20+，提高代码复用性，缩短项目生命周期。 2. 带领前端组，创建前端页面模板，实现可视化分析，统计分析报表打印，地图模块车辆运动轨迹、逆地址解析、矢量图角度等核心功能。 3. 注重前端性能优化，组件按需加载、合理利用防抖节流、减少页面重绘和回流。 4. Vue2 项目升级 Vue3+TS+Vite ，首屏优化到 15S 内。

1、手机登录 2、预约课程 3、取消课程 4、查看报名 5、积分 6、后台管理（会员管理/课程管理/教练管理/数据统计） 所有功能都是本人开发。

该项目是乔院餐饮的会员管理 ，也是我独立完成的一个项目 ，项目中包含了会员信息的管理、会员充值、会 员提现、会员的营销推广、会员关怀、会员统计分析、会员积分，会员活动等模块，其中会员关怀模块使用 Vue 组件库和 Twilio 来实现定时发送服务 ，在特殊的节日或活动中向 VIP 会员送上祝福以及优惠信息 ，在会员积分模 块 vuex 实现积分系统的状态管理和操作功能，同时使用货币格式化组件 Vue-Numeral 实现积分变更和兑换界面 。 这些功能帮助企业快速锁定消费群 ，增加店内人气 ，增加老客户的忠诚度 ，从而使得大大提高企业的知名度。

该项目是对客户关系的管理 ，是我独立完成的一个项目 ，项目中包含的模块有线索 ，公客 ，私客 ，合作客 ， 已成交客户 ，丢单客户等 ，这些功能主要是对客户进行系统化的管理 ，每一个客户开发都来之不易 ，所以对客户 的跟进非常重要，其中需要用到大量的表格，我使用的是 Vue Formulate 来处理表单的验证、提交和重置等操 作，并通过 pinia 管理表单字段的值。每一个客户从线索开始 ，到成交或者丢单 ，中间流程必须严格管理 ，并且 在不影响客 户隐私的前提下，对客户的信息收集越多越好，使用 Highcharts 插件去对客户进行分析，总结，从 而提高客户的转 化率 ，当然对已成交客户也要做到时长联系 ，成交才是服务的开始 ，服务的好的话 ，可以收到 转介绍客户 ，进而 提高公司的业绩以及口碑

通过统一报账产品综合解决方案落地，完成对全集团员工发票管理、付款计划、预提报账、付款单、自动入账及资金预测等资金支付全流程智能化闭环管理。实现财人员对公凭证全自动化，优先解决财务一半手工凭证。我的职责： 1.参与业务需求沟通和系统设计, 提供功能实现方案。 2.对公付款发票系统的设计和实现，完成发票的异步采集查验等以及旧发票系统的数据迁移。 3.完成对公付款系统预提单模块 和 个人劳务模块的业务功能。 4.凭证系统的技术方案的制定，实现凭证系统的可配置化。 通过对公付款制作凭证, 在管理后台配置凭证公式,解析公式, 对接了公司其他业务线, 并完成制作凭证, 解决了公司许多平台制作凭证的能力;

该项目分为：数据概览、素材管理、节目管理、审批中心、发布记录、设备管理； 该项目的使用流程及模块功能： 上传素材，=》在审批中心，审批素材； 根据已经审批通过的素材创建节目，节目创建包含节目信息、及选定的设备、及播放的策略 =》 审批通过后，节目在大屏上根据策略播放； 节目管理，可以查看全部节目及正在播放的节目，可以删改，也可以查看详情； 发布记录，记录发布的节目记录用来追溯历史的发布信息； 设备管理，可以查看节目可以下发播放的设备；设备包含开关屏，重启，及批量操作。 我负责整个项目的所有模块前端功能开发，项目使用的是vue2 进行项目搭建，echarts 进行数据概览图表绘制，Element UI 进行组件封装，统一封装的axios进行接口请求，scss 进行页面样式书写。包含上传组件封装，视频首帧获取方法封装，base64和file互转；服务器获取时间方法封装。该功能已经通过测试，并上线。 项目遇到的难题1：首先是素材上传的断点续传，获取视频固定帧数作为封面，，因为考虑到用户体验，同时还要保证能并发，挂后台上传。解决方案，开始查阅下语雀，博客以及github，大概看了下思路，就

项目名称: 融合一体化平台 一：项目分为个人中心、资源申请、基础资源管理、资源审批、运维管理、用户运营管理模块。 1：实现了用户的登录、角色、权限、菜单等基础模块的功能。 2：实现了用户对于虚拟机资源的申请与审批，由管理员审批通过为用户分配虚拟机资源。 3：实现了用户对于已分配虚拟机资源的CPU、内存、磁盘数据的监控、日志查看等功能。 4：实现了虚拟机资源超出用户定义的阈值时发出告警并发送短信通知用户的功能。 5：项目对接Guacamole，实现了用户在网页端对虚拟机的远程操作功能。 二：项目难点 1：项目底层采用CloudStack部署虚拟机资源,由于CloudStack部署虚拟机属于异步任务，采用异步编程的方式，启用线程池为用户异步部署虚拟机，加快虚拟机部署，提升用户体验。 2：项目对接Guacamole，采用在服务器配置公私钥的形式，加强对于虚拟机网页远程访问的安全防护。 3：在有限的服务器资源中，采用Redis实现的延迟队列，使消息进行延迟和异步消费，无需部署RabitMQ等消息中间件，提升服务器花销

该项目分为：消息管理、模板管理、媒体管理三大模块， 整个项目的功能就是上传文件，制作消息模板，下发5G消息； 1、使用者通过媒体管理模块可以上传图片、音频、视频三种媒体文件； 2、使用者上传的媒体文件，可以在模板管理中通过新增模块，被制作成消息模板； 3、使用者制成的消息模板，可以在消息管理模块中，通过新增消息功能被引用并被下发至指定接受手机号； 我负责整个项目的所有模块前端功能开发，项目使用的是vue2 进行项目搭建，Element UI 进行组件封装，统一封装的axios进行接口请求，scss 进 行页面样式书写。最终通过测试，在支持5G消息模块的手机进行测试，能完成消息的下发并被接收，最终上线； 项目遇到的难题：其中整个项目的核心在于消息模板的制作，其中消息模板在关于卡片的功能开发中，涉及到数据操作层级过深， 且每个数据层均有操作，导致数据更新异常问题，通过开发经验意识到是数组操作中数据更新的问题，后面采用了用新数组赋值 老数组的方法避免了视图更新问题；还有些问题时间太长了，很难回忆了...

1.在线预约模块，微信支付模块，与his系统进行接口对接； 2.整个医院公众号系统架构搭建； 3.处理跟微信公众号后台对接等事项

使用Electron和React搭建AI聊天软件，并与后端Python连接实现语音转换等功能。该软件具有强大的拓展性，可以对接多个AI大模型API。

1. 项目包含三大系统，即：当事人自助服务、律师自助服务、公民法律服务。每个系统各包含多个模块： 当事人自助服务：当事人意见反馈、案件信息查询、国家司法救助等六大模块，实现让当事人通过终端页面操作进行案件查询，意见反馈以及申诉控告等功能。 律师自助服务：律师意见反馈、案件信息查询、律师被阻权事项举报等六大模块，实现让律师通过终端页面操作进行案件查询，意见反馈以及举报等功能。 公民法律服务：控申接访通道、未成年人保护、普法预约等八大模块，实现让公民通过终端页面操作进行普法教育学习，申诉控告以及代表委员联络等功能。 2. 我主要负责表单提交、视频点播、微信扫码上传等模块的开发，使用的是Vite + typescript + graphQL。实现了三大系统中包含表单的各个模块的表单提交功能，视频列表播放功能，扫码上传手机文件到终端页面的功能。

1，项目整体使用前后分离架构，后台使用java完成，前端有小程序和Android端，还有一个管理后台可以对题库管理，用户管理，订单支付等进行管理。 2，前台和后台开发都是我一个人完成的，另外最终的云环境部署也是我完成的