本项目是一个全面而综合的供应链管理系统，涵盖了登录注册、基础设置、生产制造（物料清单、BOM报表、需求计划、生产管理）、供应链（销售管理、采购管理、库存管理）、供应商寻源与认证（潜在供应商、特殊物料报批）、送货管理（送货计划表、送货单管理）、排产管理（订单排产）、对账管理（对账单列表）等功能模块。这个系统为企业提供了全方位的供应链管理解决方案，使得企业能够更好地进行生产、销售、采购和库存管理。 在这个项目中，负责了前端所有页面的编写，使用了Vue3、TypeScript、Vue Router、axios、AJAX、Element UI等相关技术栈，不仅忠实地复原了设计图，同时也实现了各个功能模块。在编写过程中注重代码的可读性和可维护性，以确保项目的稳定运行。 技术难点与亮点： 技术难点：在实现需求计划和生产管理时，需要处理大量的数据，并且需要进行复杂的数据计算和处理。这对前端的数据处理能力提出了较高的要求。 解决方案：我采用了axios和AJAX进行数据请求，利用Vue3的响应式系统进行数据的管理和更新，同时也利用TypeScript强大的类型系统进行数据的处理和计算，最终成功实现了需求计划和生产管理的功能。 技术亮点：在供应商寻源与认证模块中，采用了动态表单的设计，使得用户可以根据自己的需求灵活地进行供应商的寻源和认证。此外，还利用Element UI进行页面的布局和设计，使得页面更加美观和易用。

本项目是一个全面而综合的后台管理系统，包含了登录注册、首页、人员管理、人员注册审批、岗位管理、部门管理、校色管理、质量管理、日志管理、字典管理、系统设置等功能模块，覆盖了企业内部管理的各个方面，无论是人员管理，还是系统设置，都能通过本系统进行高效、便捷的操作。 在这个项目中，我负责了前端页面的编写，采用了Vue3、TypeScript、Vue Router、axios、AJAX、Element UI等相关技术栈，不仅复原了设计图，同时也实现了相应的功能。我在编写过程中注重代码的可读性和可维护性，以确保项目的稳定运行。 ##### 亮点一：基于 RBAC 权限设计思想，控制登录用户的菜单权限和按钮权限 **【技术总结】** 1. 给用户分配角色，给角色分配权限 2. 在前置导航守卫中，判断用户是否登录，如果有token，发送请求获取到了用户的权限信息，并且存储在vuex 3. 用 addRoutes 动态添加路由从而控制页面访问权,根据vuex的数据动态渲染菜单 addRoutes时细节404 和 白屏 4. 利用根据 vuex 的个人信息的权限点信息进行 v-if 处理按钮操作权，封装成一个通用指令； ##### 亮点二：使用 NProgress 插件实现页面跳转时出现在浏览器顶部的进度条。 **【技术总结】** 1. 安装nprogress插件 2. 路由的前置导航守卫中，开启进度条 NProgress.start()方法 3. 路由的后置导航守卫中，关闭进度条 NProgress.done()方法 当调用了next('/login')方法，不会走后置导航守卫，也需要调用done()方法 ##### 亮点三：采用CDN的方式，在页面模板中预先引入，将项目依赖包挂载到cdn，达到优化前端包总体的体积的效果 **【技术总结】** 1. 使用webpack的配置 extenals 可以排除第三方的依赖包 2. 在index.html中引入这些第三方的cdn地址。 ##### 亮点四：利用递归算法封装一个专门将列表型的数据，转换成树形结构的方法，并结合 Tree 树形控件行组织架构 的模块渲染； **【技术总结】** 递归方法处理树形数据： ​ 1.声明一个函数，往里面传两个值 ​ 2.函数传参使用pid=""代表你调用函数不进行传值时候，这个“”就是你的默认对象，可以自行修改，然后我们将所有的pid=“”的数据筛选出来 ​ 3.然后对筛选出的pid=“”的数据进行遍历并且给这些数据添加一个 children 属性，并将它的值等于调用函数的返回值 ​ 4.这个返回值是一个数组，并且是一个pid等于整个数据内每一个对象id的值，这样就形成了一个递归

项目名称：全方位幼儿美育教学平台 项目描述： 全方位幼儿美育教学平台是一款集教学、备课、家长查看、后台管理以及个人兴趣学习等多功能于一体的综合性教育平台。该平台致力于提供全方位的幼儿美育教学服务，旨在通过科技手段，提升幼儿美育的教学质量和效率，增强幼儿的艺术素养。 技术架构： 前端技术：该项目采用了Vue3作为主要的前端框架，利用其优秀的性能和灵活的设计，实现了高效的用户界面开发。同时，我们还使用了Piana、TS、Three.js和Echarts等技术，让数据的展示更直观、更美观。其中，Three.js用于实现3D数据可视化，Echarts则用于构建各种数据图表。 后端技术：项目后端采用Java作为主要开发语言，利用其稳定、高效的特性，实现了大数据的处理和分析。数据库方面，我们选择了MySQL，一个广泛使用的关系型数据库，它能够有效地存储和管理大量的数据。 功能特点： Web教学系统：为教师提供丰富的教学资源和工具，支持在线教学和课堂管理，提高教学效率。 *小程序教师备课系统：为教师提供便捷的备课工具，支持在线备课和课程管理，提升备课效率。 *小程序家长教学查看系统：让家长能够实时查看孩子的学习情况，增强家校沟通，提高教学质量。 全平台后台管理系统：提供全面的数据管理和分析工具，支持用户管理、数据分析、系统设置等功能，实现平台的高效运营。 个人兴趣学习APP：为学生提供个性化的学习资源和工具，支持在线学习和兴趣发展，提高学习兴趣和效果。 应用场景： 全方位幼儿美育教学平台将广泛应用于幼儿园、美育机构、家庭等，为他们提供全方位的美育教学服务，帮助幼儿提高艺术素养，增强创新能力，培养良好的审美情趣。 使用vue-cli搭建整个项目的结构，利用html5和css3进行页面设计，保证页面的视觉效果和用户体验。 利用axios进行接口封装，配置请求和响应拦截器，实现token的统一添加和错误的统一处理。 使用Vue3+TypeScript和uni-app进行项目的开发，提高项目的开发效率和质量。 使用Vant、unplugin和Element等前端框架和工具进行页面布局和组件设计，提高页面的渲染效果和用户体验。 引入高德地图API、echarts、canvas等工具进行数据可视化和动态效果的实现，提供用户友好的交互体验。 使用vuex、pinia等进行全局状态管理，实现数据的共享和持久化。 使用Vue-router进行页面跳转，利用其全局前置守卫进行权限控制。 使用uni-app的request API、uni官方支持的获取用户信息的方法、*提供的API等进行数据请求和处理。 使用Vant的van-list和van-pull-refresh实现列表的上拉加载和下拉刷新，使用swiper实现轮播图功能。 使用watch、watchEffect等进行数据的监听和处理，实现数据的动态更新和响应式变化。 使用Vue-Quil-Editor、native-type等插件和属性进行富文本编辑和表单提交。 对开发的前端功能进行功能测试，找出并修复可能存在的问题，确保功能的正确性和可靠性。 收集和处理用户反馈，对产品进行持续改进，提高用户满意度。