Vue

当时接的中长期前端兼职，做的是一个圈粉的美剧或韩剧的视频后台管理系统。技术是vue3和Ant Design Pro。 就是个后台管理系统，用到了表单，分页列表、登录、菜单配置、路由跳转、表单比较多，富文本。没啥花里胡哨的页面，中规中矩的管理系统

1. 本方案面向谁，解决了什么问题 面向对象： 企业/机构管理员：如保险公司、教育机构等，负责题库管理、考试安排及数据分析。 终端用户：如员工、学员等，需要通过移动端参加考试、学习资料或提交反馈。 解决的问题： 管理效率低：传统题库管理依赖手工操作，本方案通过分类标签、批量导入等功能，提升题目和题库的管理效率。 考试流程繁琐：支持随机组卷、自动评分，简化考试发布和审阅流程，减少人工干预。 数据统计不足：提供多维统计（如正确率、难易度分布），帮助管理员优化题库和考试设计。 移动端体验差：移动端集成通知、答题、反馈功能，满足用户随时学习和考试的需求。 2. 相比于市场常规方案，本方案的特点 核心优势： 灵活的多级标签体系：支持部门/险种分类和细化标签（如“车险核保”），便于题目精准分类和检索，优于常规单级分类。 智能组卷与审阅机制： 随机抽题：按难易比例、题型比例自动组卷，确保试卷科学性。 审阅流程：支持人工审阅增减题目，平衡自动化和可控性。 深度数据分析： 题目正确率统计、题库类型分布等图表化展示，直接指导题库优化。 资料统计功能帮助管理员快速发现资源缺口。 全流程闭环反馈： 用户可通过移动端提交反馈，管理员在PC端标记处理，形成改进闭环。 严格的权限与状态控制： 题库/考题禁用后自动隔离，避免误用；资料删除权限分级，保障数据安全。 差异化亮点： 险种行业适配：专为保险行业设计（如险种占比统计），比通用题库系统更贴合垂直场景。 移动端与PC端协同：通知、考试、反馈实时同步，提升用户体验一致性。 3. 方案的产品组成或技术选型 产品组成： PC端管理系统： 功能模块：首页统计、分类标签、题库/考题管理、考试配置、资料管理、统计分析、系统设置。 技术选型： 前端：Vue.js + Element UI（响应式布局）。 后端：Spring Boot + MyBatis（RESTful API）。 数据库：oracle（关系型数据） + Redis（缓存统计高频数据）。 文件存储：MinIO（支持PDF/Word等资料上传）。 移动端答题系统： 功能模块：通知提醒、考试答题、记录查询、反馈提交、资料学习。 技术选型： 框架：uniapp（跨平台兼容iOS/Android） 扩展性设计： 微服务架构（如Spring Cloud）支持未来功能模块独立扩展。 Excel模板导入/导出，兼容企业现有数据流程。

一、员工端：差旅申请与费用报销​ ​智能差旅申请模块​ ​多段行程表单​：支持员工一次性提交多城市差旅申请，动态生成表单字段（如交通方式、住宿标准），通过拖拽式布局适配不同企业规则 。 ​移动端适配​：基于React/Vue框架实现响应式布局，支持扫码上传发票、语音填写备注等便捷操作，结合LBS定位自动关联差标规则。 ​实时进度追踪​：采用WebSocket实现审批流状态实时刷新，通过进度条+时间轴可视化展示流程节点。 ​发票管理模块​ ​多源发票上传​：集成OCR识别组件（如Tesseract.js），支持拍照、扫码枪、微信卡包等多种方式上传发票，自动解析发票代码、金额、税号等字段 。 ​查重验真弹窗​：调用后端税务接口后，前端以模态框形式展示核验结果，对重复发票、假票进行高亮标注，并拦截提交。 ​电子发票归档​：采用IndexedDB本地缓存已上传发票，支持PDF预览与下载，同步对接招行云存储实现云端备份。 二、审批端：流程配置与智能决策​ ​可视化审批流设计器​ ​拖拽式流程图​：基于AntV G6或GoJS构建流程引擎，允许财务人员通过拖拽节点配置多级审批、会签/或签规则，支持条件分支（如超预算触发额外审批） 。 ​规则表达式编辑器​：提供类Excel公式的DSL（领域特定语言），例如 expense > budget * 1.2 触发预警，前端通过代码镜像组件实现语法高亮与校验。 ​移动审批助手​ ​卡片式审批看板​：采用卡片布局展示待审批单据，支持左滑操作（通过/拒绝）、批量处理，结合企业微信/钉钉消息推送提醒。 ​智能辅助决策​：基于历史数据训练的轻量化模型（TensorFlow.js），在审批页侧边栏提示“同类申请平均通过率85%”等参考信息。 三、财务端：支付与记账一体化​ ​银企直连支付面板​ ​支付方式选择器​：集成招行CBS接口，提供对公/对私支付、跨行转账等选项，通过级联菜单选择账户与收款方，自动填充银行账号信息 。 ​支付状态监控​：采用ECharts绘制支付流水热力图，实时显示成功/失败/待处理状态，支持按金额区间、时间维度筛选。 ​凭证生成看板​ ​自动化凭证模板​：基于JSON Schema定义凭证字段（如借方科目、贷方金额），前端通过动态表单渲染不同会计准则（如中国CAS、国际IFRS）的模板。 ​红冲/反记账功能​：提供凭证历史版本对比，支持一键反写冲销，变更记录通过Git-like提交日志展示。 四、管理端：数据分析与风控​ ​多维度报表中心​ ​动态数据看板​：采用D3.js实现可交互图表（如桑基图展示费用流转路径），支持按部门、项目、成本中心钻取分析。 ​自定义报表生成器​：通过JSON配置字段映射关系，用户可拖拽生成个性化报表（如“研发部门Q2差旅费占比”），导出为Excel/PDF格式。 ​风险预警控制台​ ​实时监控仪表盘​：使用WebSocket推送超标费用、异常发票等预警，通过Elasticsearch实现日志检索，支持按风险等级（高/中/低）过滤。 ​合规性检查面板​：内置税务规则库（如增值税税率校验），前端以树形结构展示规则层级，支持手动添加自定义规则。 五、技术架构与创新点​ ​微前端架构​ 采用qiankun框架拆分员工端、审批端等子应用，各模块独立开发部署，通过主应用统一鉴权与路由管理。 ​低代码扩展能力​ 内置可视化表单构建器（类似简道云），允许企业自定义字段、校验规则，前端通过Schema生成动态表单组件。 ​性能优化策略​ 对发票OCR、支付流水等高频操作采用Service Worker缓存，结合骨架屏优化加载体验；大数据量报表使用虚拟滚动（react-virtualized）减少DOM节点。

技术架构： 前端：Vue 3 + TypeScript + Pinia + Element Plus 后端：Spring Boot 3 + + MyBatis-Plus + Redis + MySQL 功能模块： 音乐播放与管理 高保真播放器：基于HTML5 Audio API，支持播放列表、进度拖拽、音量调节 多格式支持：MP3/FLAC音频上传转码

面向小型培训机构中不同班级及分店中对应的班级课程学院教练等数据信息进行管理 功能模块有 班级管理，教练管理，学员管理，上课日志，菜单角色部门管理等等，针对机构中所有人员业务信息进行数字化管理 项目主框架使用springboot，shiro安全控制，VUE前端PC展示，Mysql数据库 地址账号： admin queMINadmin

#### 软件架构 软件架构说明 1 后台服务：ASP.NET Core8—Core WebApi 2 Orm框架：SqlSugar 3 数据库 ： Mysql 4 前端框架：VueJs 3 + Element Plus 5 架构模式：前后端分离架构 #### 功能介绍 #### 用户管理 1、支持条件查询—前端项目展示支持+后台Api开发 2、新增用户功能—前端项目支持，支持前端验证+后台API开发支持，后台验证逻辑。 3、用户冻结，解冻功能 4、用户删除功能---假删除---修改状态 前端校验数据：为了更好的用户体验 后台校验是为了数据安全； #### 角色管理 1、角色分页列表，条件查询—前端项目展示支持+后台Api开发 2、新增角色功能—前端项目支持，支持前端验证+后台API开发支持，后台验证逻辑。 3、角色删除功能---验证角色名称不能为空—后台验证角色是否已经被使用 --假删除---修改状态 #### 用户分配角色功能 1、单个用户分配角色 2、弹出弹框 3、提交—验证数据 3、添加成功---关闭弹框

一，软件是面对的小微企业计算税款，通过发票数据和销售额数据，自动生成税款表，然后根据生成的税款表上传报表到税务局 二，主要功能有发票数据的采集，销售额数据，税款计算表 三、架构设计 1.采用SpringCloud技术体系构建微服务架构，根据实际业务场景对服务进行拆分 2.以nacos作为项目的服务注册和配置中心 3.使用GateWay实现高可用的请求转发、权限判定限流、降级 4.基于Ribbon+Feign进行负载均衡服务调用 5.基于高性能的Elasticsearch构建平台级日志系统快速定位问题

这是一个基于 Vue 3 的项目，采用 Element Plus 构建界面，搭配 Pinia 进行状态管理，Vue Router 实现路由。包含汽车列表展示功能，可进行品牌、价格筛选及价格排序，还有社区、支持等相关内容，结构清晰，功能聚焦车辆信息展示与交互。 这是一个基于 Vue 3 的项目，采用 Element Plus 构建界面，搭配 Pinia 进行状态管理，Vue Router 实现路由。包含汽车列表展示功能，可进行品牌、价格筛选及价格排序，结构清晰

技术栈：php7 + thinkphp5 + vue + vuetify 功能：文章管理（支持markdown）,评论管理，留言管理，个人简介，项目版本管理 报价：源码1000，部署100，定制开发500起

1，本项目有PC端后端管理，小程序物业系统组成，后台配置物业基础信息，管理人员数据，订单信息，小程序发布任务，提报工单，审批流程 2，使用uniapp开发小程序，并打包上架到微信小程序，并调用微信小程序功能，实现获取用户信息，绑定公众号，推送工单信息 3，同步绑定同一用户微信账户，推送工单信息，本系统值针对内部人员使用

本项目基于ruoyi-vue-pro框架进行二次开发，主要采用技术框架：spring-boot、mybatis，安全认证及鉴权采用spring security，dao层采用mybatis plus，缓存采用redis、数据库为mysql，消息队列采用RocketMQ，zookeeper+dubbo通讯协议 主要功能模块：数据分析、广告投放、基础数据、素材管理等模块 本项目主要针对广告投放员在各广告平台，如：百度，快手，小红书等广告平台进行广告投放，后端对投放消耗进行统计

一、面向行业和业务场景 本在线 Word 编辑器主要面向有在线文档协作及编辑需求的公司和团队，广泛适用于多个行业和多样的业务场景。 在教育行业，教师可利用此编辑器在线创建和编辑教学资料、课件，与其他教师共同协作完善课程内容。学生们也能通过它进行小组作业的撰写，实现多人同时在线编辑，提高学习效率。 金融行业中，团队成员可协作编写财务报告、投资分析文档等。不同部门的人员可以同时对文档进行编辑和修改，确保信息的及时更新和准确性。 互联网企业则可用于撰写项目文档、产品需求说明书等。产品经理、开发人员和测试人员可以在同一文档上进行交流和协作，大大提升项目推进的速度。 二、功能模块及具体功能 1. 基础文本编辑模块 为使用者提供丰富的文本编辑功能，包括字体样式（如加粗、倾斜、下划线）、字号大小调整、文字颜色设置等。同时支持段落格式的设置，如缩进、行距调整等，让文档排版更加美观。 2. 文档协作模块 这是本编辑器的核心功能之一。支持多人同时在线编辑同一文档，实时显示其他成员的编辑操作，就像大家在同一间办公室共同撰写文档一样。还具备评论和批注功能，用户可以对文档中的特定内容发表评论和建议，方便团队成员之间的沟通和交流。 3. 插入元素模块 允许用户在文档中插入图片、表格、图表等元素。插入的图片可以进行裁剪、调整大小等操作；表格支持自由编辑行列、设置边框样式等；图表功能则能将数据以直观的图表形式展示出来，增强文档的可视化效果。 4. 文档管理模块 提供文档的创建、保存、分享等功能。用户可以将文档保存到云端，随时随地进行访问和编辑。同时，支持设置不同的分享权限，如只读、可编辑等，确保文档信息的安全性。 三、技术选型和架构特点 1. 技术选型 本项目主要采用了 JavaScript 和 Canvas 技术来实现在线文本编辑功能。JavaScript 作为一种广泛应用于前端开发的脚本语言，具有强大的交互性和灵活性。它能够实现用户与编辑器之间的交互逻辑，如文本输入、样式设置等。 Canvas 是 HTML5 中的一个重要元素，它提供了强大的绘图功能。在本编辑器中，Canvas 被用于实现文本的渲染和布局，能够高效地处理大量文本数据，确保编辑过程的流畅性。 2. 架构特点 采用前后端分离的架构设计。前端负责与用户进行交互，处理用户的输入和操作，并将其转化为可视化的界面展示给用户。后端则主要负责数据的存储和管理，如文档的保存、读取等操作。这种架构设计使得前后端可以独立开发和部署，提高了开发效率和系统的可维护性。 同时，为了实现多人实时协作编辑功能，采用了 WebSocket 技术。WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议，它能够在浏览器和服务器之间建立实时连接，确保数据的实时传输。当一个用户对文档进行编辑时，其操作信息会通过 WebSocket 实时发送到服务器，服务器再将这些信息广播给其他在线的用户，从而实现多人实时协作编辑的效果。 本在线 Word 编辑器通过合理的功能设计和先进的技术选型，能够满足不同行业和业务场景下公司和团队的在线文档协作及编辑需求。

做笔记的 一个功能网站 一个全栈项目的开发 基于vue3的nuxt框架 样式方面选择TailwindCSS 后端使用prisma 用户认证 JWT（json web token） 用户可实时更新自己的笔记内容 侧边栏显示今天 昨天 或更早

该项目是对小米汽车官网的仿写，采用了Vue 3框架进行开发，并利用Element Plus组件库来实现页面元素的构建。通过对Element Plus组件的二次封装，不仅优化了代码结构，还增强了组件的复用性和灵活性，使得整个网站在不同设备上都能呈现出色的响应式布局效果。项目深入探索Vue 3的新特性，结合实际应用场景进行了优化和创新，旨在为用户提供接近原版的流畅体验和视觉享受，同时也展示了Vue 3与Element Plus结合的强大潜力。

此项目专注于个人博客网站的开发，主要采用了Vue 3框架结合Ant Design Vue组件库。通过深入挖掘Vue 3的新特性以及Ant Design提供的丰富组件资源，对常用组件进行了二次封装，以适应更加复杂的业务需求和个性化设计。特别注重响应式布局的实现，确保在不同设备上均能提供流畅、一致的用户体验。整个项目不仅展示了前端技术的最新进展，也体现了灵活运用框架解决实际问题的能力。

社交APP 。门槛付费终身会员，分布式架构 ，支持多包共存，C端代码，管理后台使用VUE 语言开发，覆盖APP内所需的各种配置，使用springboot +mysql+redis+rocketmq+oss+腾讯IM 等组件，AI内容使用通义千问，通义星辰制作，代码都是封装好的，换key 即用，项目中有首页、笔记广场、动态广场、AI助理、实时匹配等模块

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

1、希望谷是一款针对学校用户的手机通信软件，不同于以往以短信为主的家校沟通工具，希望谷不仅实现了类似微信的丰富、便捷的通讯功能，同时也充分考虑了基础教育的特殊性和老师及家长的使用习惯，使学校内部、家校之间、家长之间的沟通和交流变得方便、快捷、有效，从而为学校和班级营造一个积极、和谐、互动的教学氛围和文化。 2、功能涵盖IM即时通讯、直播、支付、通知公告、考勤打卡、选课、问卷、活动。

1、该系统主要负责审批小额贷款流程的进件单 2、主要有一下几个模块进件中心、审批、派转件中心、数据字典、成员管理、部门管理、角色管理等模块，进件中心是收集H5的进件单负责查看以及浏览，审批分为三个部分：待处理、补件中、已完成。待处理处理一些提交进件信息平台可人工介入拒绝补件，补件中查看补件中的信息，已完成查看审批流程信息的单。数据字典分别新建多选项已经固定的值方便动态管理。成员管理可以修改姓名、所在部门、工号、手机号等个人信息字段。部门管理以及角色管理分别对当前功能增删改查。以上功能可以让从进件到审批到风控到银行放贷提高人员效率。 3、软件系统主要使用vue2+vuex+ant-design技术搭建

企业门户网站，采用vue+java快速开发。 介绍企业业务范围，合作企业等内容。