项目1 基于React的智慧校园数字孪生项目

相关技术支持：React、Typescript、antd、Echart、H5、CSS3、Sass、 Ahook、Axios等

整体介绍：这是一款现代数字技术软件，集安全、智能、自动化于一体。它提供了数据可视化大屏、校园管理、员工管理、任务派发等多项功能。通过前端的3D可视化技术，对校园环境进行了1比1的仿真建模，并在大屏展示所需的图表。

项目详情：该项目采用了多种前端技术栈，包括vue、vuex、vueRouter、vite、axios、antdvue以及websocket等。数字孪生大屏结合了高德地图二次开发和datav以及echarts图表展示。数字化大屏则利用了three.js实现了3D立体建模、数据交互，以及m3u8和流媒体服务websocket集成等功能。后端采用了spring boot框架，结合mybatis-plus。同时，我们使用redis作为热数据的缓存，SQL监控采用阿里druid连接池。在生成唯一id方面，我们采用了雪花UUID生成算法，以保证在数据量庞大的情况下也能生成唯一id。

项目2 基于React的阿里云服务器DevOps管理平台

相关技术支持：React、Typescript、Echarts、H5、CSS3、Sass、Axios等

整体介绍：Guns DevOps平台是公司研发部门应用的一体化运维管理工具。它涵盖了DevOps运维管理功能，包括主机管理、在线Shell连接、文件管理以及基础项目运行环境的一键初始化。同时，平台还提供持续集成项目发布功能，可展示公司应用列表，并通过指定部署任务和发布计划实现项目的CI/CD持续集成发布。此外，平台还具备代码生成功能，可根据模板生成CRUD程序代码。API接口管理功能也是平台的一大特色，它可以打通后端项目、采集和展示后端接口，通过界面实现API接口的维护，包括请求字段、响应字段和Header参数的维护。该项目采用了Vue3 + Antd Vue + Composition API技术栈，旨在让学员学到最新的完整项目实战经验。

项目详情：首先，项目基于Vue3+JS+Composition API实现了项目框架的搭建，同时利用Antd Vue 3.0实现了PC端页面的构建。其次，项目使用Vue Router进行路由管理，确保页面间的无缝切换和跳转。在数据状态管理方面，项目采用了Pina进行数据状态的统一管理。通过websocket技术，我们实现了前后端数据的实时推送，确保数据的及时性和准确性。在网络请求方面，项目利用Axios进行了前后端网络请求的封装，提供了统一的接口封装和错误处理机制。项目还利用vite搭建了项目并进行了自定义发布配置，以提高开发效率和项目部署的灵活性。此外，项目还应用了lodash插件库实现了常用工具函数，基于自定义指令的权限模块实现了对页面元素的权限控制，以及利用tinymce实现了富文本编辑器的模块和echarts图表模块的实现，以实现数据的可视化展示和分析。

项目3 基于React的在线知识付费管理系统

相关技术支持：React、Typescript、Antd、Echarts、Node.js、H5、CSS3、 AntDesign、RTK、Axios、ServerLess、富文本、音视频上 传、Amap等

整体介绍：本项目主要是教授大家如何利用Vite+Vue3+Typescript+AntdVue构建招聘管理平台。在数字化时代，招聘管理平台成为企业必备工具。为完成此项目，学员需要学习最新前端技术，构建功能强大、高效易维护的平台，深入研究Vite、Vue3、Typescript、AntdVue，探索它们在招聘管理中的应用。完成该项目后学员将掌握用户友好界面、复杂数据交互、状态管理和AntdVue丰富组件的优化技巧。通过理论讲解、案例演示和练习项目，逐步掌握构建招聘管理平台的技能。

项目详情：主要是带领学员深入学习如何利用Vite快速搭建项目，并全面了解其优势和特点。通过学习VueRouter，学员将掌握路由管理的重要性，实现页面之间的无缝跳转和导航。Pinia状态管理库的应用将帮助学员实现全局数据的统一管理和共享，提高开发效率。此外，学员还将学习AntDesignVue组件库的使用，快速构建美观且功能强大的招聘管理平台界面。最后，项目资料还将介绍LeanCloud云服务的集成，包括数据存储和用户认证等功能，助学员构建完整的招聘管理平台。

项目4 基于React的在线学习移动端项目实战

相关技术支持：React、Typescript、SASS、Swiper、AntDesignMobile、 LeanCloud、SDK等

整体介绍：主要是利用vite+React+Typescript技术栈开发了一款移动端知识付费平台，以满足日益增长的在线学习需求。该项目具备课程分类筛选、分页刷新、课程收藏、注册登录、头像上传、音频课程播放器、常驻胶囊组件等功能。通过实践项目，学员将系统化地掌握React技术栈，结合理论与实践，更加流畅地掌握React技术。

项目详情：该项目提供了一系列解决方案，涵盖了Vite环境搭建、React移动端开发、路由管理、移动端适配、样式预编译、字体图标、滑动交互、状态管理、登录鉴权、组件库使用、多媒体操作以及云服务后端等方面。具体实现过程中使用vite搭建项目环境、Axios封装与课程列表分类筛选、Swiper等第三方库特效交互、Zustand状态管理、AntDesignMobile组件库应用、LeanCloud云服务的RestAPI与SDK实战运用、ReactRouter6路由规划与守卫组件封装、深度使用状态机完成播放器与胶囊组件交互、项目打包配置与部署流程等。

项目5 ChatGPT聊天机器人项目

项目相关技术支持：ChatGPT、SDK、Node.js、OpenAIApi项目部署等

整体介绍：此项目是基于Electron+Vue+TypeScript+Node+OpenAPI开发的。主要功能模块包括机器训练、功能预设、及时问答、记录导出备份等。项目最终实现用户需求——一款能够与用户进行自然对话的聊天机器人。

项目详情：项目利用机器学习技术实现了自然语言处理，能够对用户输入的语句进行语义理解，并提取关键信息，从而生成机器人的回答。针对程序开发方向进行功能预设，如前端开发、SQL开发等，提升了使用效率。此外，项目还实现了将问答记录导出为Markdown文件的功能，方便用户整理和复习笔记。采用对话管理技术，为机器人建立可扩展的对话模型，使其能够逐步学习用户喜好，提高回答质量。同时，项目还避免了不同方向问答的频繁切换，通过多窗口问答功能，让用户能够专注于某一方向集中解决问题。解决方案包括基于Electron-Vue开发的桌面端应用程序，使用Egg.js+MySQL进行服务端开发，接入最新GPT-4版本的OpenAPI以提升问答准确率，并利用Electron-Builder及NSIS脚本打包可安装的应用程序。

如果您对某个项目感兴趣，可以联系我们！