ElementUI

1. 业务场景：面向图书馆多个图书分类区，读者难以尽快定位图书类别所在区域，需要一个小程序/H5网页进行可视化的3D导览；可以支持跨楼层导航 2. 技术方案，可支持html5,或者微信小程序方案 3. 采用技术栈：html5,sass,javascript,vue,axios,three.js,a*算法寻路

系统采用B/S架构，后端使用Spring Boot+MyBatis，前端使用Vue.js+Element，数据库采用MySQL，使用当前主流编程软件IDEA和数据可视化软件navicat作为系统开发工具。具体实现了用户管理、职位发布、简历投递、岗位匹配推荐、在线沟通、数据分析等核心功能模块。使用JWT身份验证，确保了系统数据安全性保障。 使用Spring boot框架针对不同功能的实现建立不同的实体类、控制层、服务层、逻辑层等；使用xml文件代码形式修改MySQL数据库中的数据信息，提高代码的可读性、易读性；用户登录时自动创建token，根据用户账号、密码、角色变量生成，确保不会出现因用户权限错乱产生的bug；通过协同过滤推荐算法优化实现求职者与职位的智能匹配功能，基于用户行为为用户推荐适合的岗位。

尚品甄选是一个B2C模式的电子商务平台，包含后台管理系统和前台用户系统。项目采用前后端分离开发模式，基于SpringBoot + SpringCloud微服务架构。 spzx-parent： 尚品甄选项目的父工程，进行项目依赖的统一管理，打包方式为pom spzx-common: 尚品甄选项目公共模块的管理模块，父工程为spzx-parent common-util: 工具类模块，父工程为spzx-common common-service：公共服务模块，父工程为spzx-common spzx-model: 尚品甄选实体类模块 spzx-manager： 尚品甄选项目后台管理系统的后端服务

【项目背景】AGE动漫网站是一个基于Spring Boot + Vue.js构建的动漫资源平台。 【个人角色】作为核心开发者，我主要负责:1. 推荐系统算法设计与实现 2. 后端接口开发与优化 3. 前端界面交互组件开发 【主要贡献】 • 设计并实现了基于用户行为的个性化推荐算法，使用标签偏好权重计算方法，推荐准确率提升40% • 开发了RESTful API接口，设计高效的数据访问层，API响应时间优化50% • 实现了动漫筛选、搜索、分页等核心功能，提升用户体验 • 设计并开发了周更新时间表、播放历史、评论互动等功能模块 • 优化前端组件和后端服务性能，页面加载时间减少30% 【项目成效】 • 用户留存率提升25%，日活跃用户增长35% • 系统并发处理能力提升至500QPS，支持千万级数据高效查询 • 代码采用模块化设计，具有良好的可维护性和扩展性

桃李学堂R是一个专注于学员复习与在线学习的平台，通过整合视频课程、习题练习及实时直播功能，旨在优化复习体验并提升学习效率。此项目针对考试备考场景，利用微信原生技术开发，旨在解决学员复习资料分散、学习互动性不足的问题。 核心职责：在项目中 ，主要负责小程序的全栈开发工作，包括但不限于：1)独立设计并实现所有前端页面，确保用户界面友好且业务流程顺畅；2)完成接口对接与数据交互，保障信息传输的准确性和时效性；3)集成保利威直播SDK，顺利实施直播教学模块，增加教学互动性；4)与后端及业务团队紧密合作，进行全面的系统测试，及时修正流程缺陷；5)协助准备小程序上架所需材料，顺利推进至微信平台上线。

一、后端部分（Node.js + Express框架） Node.js Node.js是一个基于Chrome V8引擎的JavaScript运行时，它允许JavaScript代码在服务器端运行。 Node.js采用事件驱动、非阻塞I/O模型，使其轻量级且高效，非常适合处理高并发请求。 Express框架 Express是一个灵活且高效的Node.js Web应用框架，为Web和移动应用程序提供了一系列强大的功能。 Express提供了路由、中间件等核心概念，使得开发者可以轻松地构建复杂的Web应用。 在你的项目中，Express框架负责处理来自前端的请求，并根据请求的内容动态生成HTML页面或返回JSON数据。 二、数据库部分（MySQL） MySQL MySQL是一个流行的开源关系型数据库管理系统（RDBMS），它使用SQL（结构化查询语言）进行数据管理。 MySQL具有高性能、可靠性和易用性等特点，广泛应用于各种Web应用中。 作用 在你的项目中，MySQL用于存储网站的内容、用户信息等数据。 后端通过Express框架与MySQL进行交互，实现数据的增删改查操作。 前端通过Ajax或Fetch等技术向后端发送请求，获取所需的数据并动态生成页面内容。 三、前端部分（Vue 3 + Vite） Vue 3 Vue.js是一个用于构建用户界面的渐进式JavaScript框架。它易于上手，且便于与第三方库或既有项目整合。 Vue 3引入了Composition API、更好的TypeScript支持等特性，使得开发者能够更高效地构建复杂的单页应用（SPA）。 Vite Vite是一个面向现代浏览器的前端构建工具，它基于原生ESM（ECMAScript Modules）提供了快速的冷启动和热模块更新功能。 与Webpack等传统构建工具相比，Vite具有更快的构建速度和更好的开发体验。 Vite使用Rollup进行打包，并预配置了许多优化选项，使得开发者能够轻松地将Vue 3项目部署到生产环境。 作用 在你的项目中，Vue 3负责构建前端用户界面，并通过Ajax或Fetch等技术与后端进行通信。 Vite作为构建工具，提供了快速的开发和构建体验，使得开发者能够更高效地迭代和部署前端项目。 四、项目工作流程 用户通过浏览器访问网站。 前端Vue 3应用加载并渲染页面内容。 前端根据用户操作或页面需求向后端发送请求。 后端Express框架接收请求并处理相应的业务逻辑。 后端与MySQL数据库进行交互，获取或更新数据。 后端将处理结果返回给前端。 前端根据返回的数据动态更新页面内容。