Vue

⚙️技术栈前端Vue3+CompositionAPIVueRouterVuexElementPlus后端SpringBoot3MyBatisSpringSecurityJWT身份验证Redis缓存RabbitMQ数据库MySQL环境JavaJDK17Node.jsv18

普旭住房租赁平台是依据《中华人民共和国国务院令》第812号、《住房租赁条例》配套研发的住房租赁平台，致力于构建规范、透明、安全的房屋租赁服务平台。本项目基于[若依(RuoYi)]开源框架构建，采用SpringBoot+Vue前后端分离架构，专注于轻量级房屋租赁管理场景，核心功能模块如下：房屋管理产权

这是一个功能较全的博客项目，做的比较早了，涵盖用户后台，积分商城，文章发布及管理，多级评论，积分充值，用户成长等多个功能模块，其中使用了前端方面大量使用了ajax及vue， 后端方面多使用cbv模式以及restful接口编写，管理者后台采用xadmin，并将celery定时任务加入到xadmin管理模块中 采用的是mysql数据库，celery采用的是django封装好了的django-celery 普及评论功能

✨✨✨M3U8-Web 是一个基于 Web 界面的视频流下载工具，专为下载 M3U8 格式的流媒体内容而设计。它具有高度的可定制性和用户友好的界面，使得下载流媒体内容变得简单高效。 适用于Nas,需要远程操作的下载任务。 ? 多线程下载：支持自定义线程数量，加速下载过程 ? 实时进度显示：直观展示下载进度和速度 ? MP4 转换：自动将下载的 TS 文件转换为 MP4 格式 ? 任务管理：便捷的任务列表管理，包括历史记录 ✏️ 自定义文件名：支持为下载文件设置自定义名称 ? 美观的 Web 界面：基于 Vue 3 和 Ant Design Vue 构建的现代界面 ? 并发任务控制：支持设置最大同时下载任务数

基于BudWk-v8-mini框架增加：代码生成器、编号生成、文件上传配置等基础功能功能 技术栈：java nutz redis mysql vue3 minio等 用户是某线缆企业的检测中心，受理下级单位或代工厂提交的样品进行检测 1、下级单位来中心在大厅终端自助登记，打印二维码，贴上二维码标签在样品上，样品放在指定仓库 2、检验人员扫码受理样品，线下实验，提交实验结果，生成实验excel表，短信通知检验结果 3、外部质检数据excel导入

1. 【40%】本项目优化了在桶装水定制和标签定制的烦恼，高效完成低价格高品质服务 2. 【50%】本项目选择了阿里云的oss存储，vue的自定义指令，全面践行组件化设计思想，构建了高内聚、低耦合的业务组件和基础组件，提升了代码的复用性,axios请求并添加了统一的请求/响应拦截器，用于权限验证、错误处理和数据格式化

一款开源免费的访客在线预约登记系统 支持企业微信、邮箱接收审核消息 访客预约后提交的资料会及时的发送企业微信、邮件到被访人的手机和邮箱中，由被仿人确认（有些流程被访人确认后主管审核）访客二维码生效。 多库支持、不同类型的数据库迁移 访客在线预约登记系统使用的是postgres数据库，同时支持主流的数据库，如：Oracle,Mysql,Sqlserver,SqlLite等等，不同类型的数据库之间数据迁移。 自由开放的数据看板 数据看板使用的是GoView开源版本，可自由搭配各种图表。 对接海康综合安防管理平台 与海康综合安防管理平台对接，支持线上预约后刷人脸入场或开车入场。

# 星禾语管理系统脚手架 [](https://vuejs.org/) [](https://spring.io/projects/spring-boot) [](https://element-plus.org/) [](https://sa-token.dev33.cn/) 一个基于 Vue 3 + Spring Boot + Element Plus 的现代化轻量级管理系统脚手架，提供完整的 RBAC 权限管理解决方案,没有过多的复杂功能,个人私活/二开利器。 ## ? 项目截图    ## ✨ 项目特色 ### ? 精心定制的UI设计 - **基于 Element Plus 深度定制**：在 Element Plus 基础上重新设计了色彩体系,以科技蓝为主色调进行配色 - **简约现代风格**：采用简约的视觉设计，避免华丽或刺眼的元素 - **表格自适应**：智能表格布局，大屏幕无空白，小屏幕可滚动 ### ?️ 纯净版脚手架 - **零业务代码**：专注于框架搭建，不包含具体业务逻辑 - **开箱即用**：提供完整的用户、角色、权限、菜单管理功能 - **模块化设计**：清晰的代码结构，便于二次开发 - **标准化规范**：遵循最佳实践，代码规范统一 ### ? 完善的权限体系 - **RBAC 权限模型**：基于角色的访问控制，权限管理清晰 - **菜单权限集成**：权限管理直接集成到菜单管理中，操作便捷 - **动态路由**：根据用户权限动态生成路由，安全可靠 - **状态验证**：完善的角色状态验证，禁用角色立即生效 ## ? 技术栈 ### 前端技术 - **Vue 3** - 渐进式 JavaScript 框架 - **Vite** - 下一代前端构建工具 - **Element Plus** - 基于 Vue 3 的组件库 - **Pinia** - Vue 的状态管理库 - **Vue Router** - Vue.js 官方路由管理器 - **Axios** - HTTP 客户端 - **SCSS** - CSS 预处理器 ### 后端技术 - **Spring Boot ** - Java 应用框架 - **Sa-Token** - 轻量级权限认证框架 - **MyBatis Plus** - MyBatis 增强工具 - **MySQL** - 关系型数据库 - **Maven** - 项目构建工具 ## ? 项目结构 ``` ├── xm-vue/ # 前端项目 │ ├── src/ │ │ ├── api/ # API 接口 │ │ ├── components/ # 公共组件 │ │ ├── layout/ # 布局组件 │ │ ├── router/ # 路由配置 │ │ ├── stores/ # 状态管理 │ │ ├── styles/ # 样式文件 │ │ ├── utils/ # 工具函数 │ │ └── views/ # 页面组件 │ └── package.json ├── xm-boot-huayi/ # 后端项目 │ ├── xm-api-business/ # 业务模块 │ ├── xm-common/ # 公共模块 │ ├── xm-model/ # 实体模块 │ └── sql/ # 数据库脚本 └── README.md ``` ## ? 核心功能 ### ? 用户管理 - 用户增删改查 - 用户状态管理（启用/禁用） - 密码重置功能 - 角色分配管理 - 批量操作支持 ### ? 角色管理 - 角色增删改查 - 角色状态管理 - 权限分配功能 - 菜单权限分配 - 操作权限分配 ### ? 菜单管理 - 菜单树形管理 - 菜单权限集成 - 动态路由生成 - 菜单状态控制 - 图标配置支持 ### ? 权限管理 - 权限增删改查 - 权限与菜单关联 - 权限状态管理 - 权限编码规范 - 权限描述管理 ### ?️ 安全特性 - JWT Token 认证 - 角色状态验证 - 权限实时验证 - 路由权限控制 - 接口权限校验 ## ? UI 设计特色 ### 色彩体系 - **主色调**：采用蓝色系，专业稳重 - **辅助色**：绿色（成功）、橙色（警告）、红色（错误） - **中性色**：灰色系，层次分明 - **背景色**：浅色背景，视觉舒适 ### 组件定制 - **按钮样式**：支持文本风格和边框风格 - **表格样式**：自适应宽度，响应式设计 - **表单样式**：统一的表单布局和验证 - **卡片样式**：简洁的卡片设计 ### 交互体验 - **加载状态**：优雅的加载动画 - **反馈提示**：及时的操作反馈 - **错误处理**：友好的错误提示 - **操作确认**：重要的操作确认机制 ## ? 快速开始 ### 环境要求 - Node.js >= 16.0.0 - Java >= 8 - MySQL >= 5.8 - Maven >= 3.6 ### 前端启动 ```bash # 进入前端目录 cd xm-vue # 安装依赖 npm install # 启动开发服务器 npm run dev ``` ### 后端启动 ```bash # 进入后端目录 cd xm-boot-huayi # 编译项目 mvn clean compile # 启动应用 mvn spring-boot:run ``` ### 数据库初始化 ```bash # 执行数据库脚本 mysql -u root -p < sql/sql.sql ``` ## ? 使用指南 ### 1. 用户登录 - 默认管理员账号：admin / 123456 - 支持用户名密码登录 - 登录后自动获取用户权限 ### 2. 权限配置 - 在菜单管理中创建菜单 - 在权限管理中创建权限 - 在角色管理中分配权限 - 在用户管理中分配角色 ### 3. 开发扩展 - 新增页面：在 `views` 目录下创建页面组件 - 新增接口：在 `api` 目录下创建接口文件 - 新增权限：在菜单管理中配置权限标识 - 新增路由：系统会根据菜单自动生成路由 ## ? 配置说明 ### 前端配置 ```javascript // vite.config.js export default defineConfig({ server: { port: 3000, proxy: { '/api': { target: 'http://localhost:8080', changeOrigin: true } } } }) ``` ### 后端配置 > 修改数据库信息 ```yaml # application.yml spring: datasource: url: jdbc:mysql://localhost:3306/xm_system username: root password: 123456 ``` > 修改Redis信息 ```yaml spring: redis: host: 127.0.0.1 port: 6379 database: 0 timeout: 10000ms lettuce: pool: max-active: 8 max-wait: -1ms max-idle: 8 min-idle: 0 password: ``` > 项目基于saToken-redis来实现缓存，如果不需要请移除 ```xml cn.dev33 sa-token-redis-template ${saToken.version} ``` ## ? 开源协议 本项目采用 [MIT](LICENSE) 开源协议。 ## ? 致谢 - [Vue.js](https://vuejs.org/) - 渐进式 JavaScript 框架 - [Element Plus](https://element-plus.org/) - 基于 Vue 3 的组件库 - [Spring Boot](https://spring.io/projects/spring-boot) - Java 应用框架 - [Sa-Token](https://sa-token.dev33.cn/) - 轻量级权限认证框架 ## ? 联系我们 - 邮箱：wodyiyi@163.com --- ⭐ 如果这个项目对您有帮助，请给我们一个 Star！

Java商城 免费 开源 CRMEB商城JAVA版，SpringBoot + Maven + Swagger + Mybatis Plus + Redis + Uniapp +Vue+elementUI 包含移动端、小程序、PC后台、Api接口；有产品、用户、购物车、订单、积分、优惠券、营销、余额、权限、角色、系统设置、组合数据、可拖拉拽的form表单等模块，大量的减少了二开的成本。

项目特色 ? 全栈解决方案：后端API + Web管理端 + 移动端小程序，三端统一 ? 技术前沿：基于Spring Boot 3 + Vue 3 + UniApp最新技术栈 ? 现代化UI：Web端基于Ant Design Vue 4，移动端采用毛玻璃设计风格 ? 安全可靠：Sa-Token权限认证，Redis会话管理，完善的RBAC权限模型 ? SQL监控：彩色SQL日志，性能监控，慢SQL检测，实时监控系统 ?️ 开发友好：代码规范，注释完整，易于二次开发 ? 多端支持：支持微信小程序、H5、App等多平台部署 ? 任务调度：集成Snail-Job分布式任务调度平台

KMblog 是一套面向交付的静态站点引擎，我们把“写作—构建—分发”整条链路打磨成一条可复制的 DevOps 流水线，让客户在零后端投入的前提下获得企业级性能与可维护性。 核心架构上，我们采用 Vue 3 + Vite 作为前端底座，利用 Vite 的原生 ESM 与 Rollup 双引擎，在开发阶段实现毫秒级热更新，在生产构建时则借助 Vite-SSG 预渲染全部页面，配合自动路由拆分与懒加载，首屏 JS 体积较传统方案缩减 60 % 以上。样式层使用 TailwindCSS 的 JIT 模式，按需原子类打包，最终产物 CSS < 10 kB；同时通过 PostCSS 插件链路自动处理浏览器前缀与压缩，无需额外配置即可满足 Lighthouse 95+ 的评分要求。 在内容处理层面，Markdown 通过统一的 remark-rehype 管道解析，抽象出可插拔的 AST 节点，任何自定义 Vue 组件都能以 `` 形式直接在正文中引用。构建时，我们利用 esbuild 将组件编译成异步 Chunk，运行时仅加载当前页面所需逻辑；全文搜索则基于 FlexSearch 离线索引，索引文件随构建产出，查询延迟稳定在 10 ms 以内，无需后端服务即可实现动态站点级别的搜索体验。 部署环节未来将内置 GitHub Actions 模板，流水线分为 Lint → Test → Build → Deploy 四阶段，平均耗时 90 秒即可完成一次灰度发布；产物可一键推送到 GitHub Pages、Vercel、Netlify 或任何支持静态托管的边缘节点，天然具备全球 CDN 缓存与 HTTPS 证书。 对客户而言，只需 fork 仓库、填写 `config.js` 中的品牌信息，即可在五分钟内获得一套可定制、可扩展、可自动交付的高性能博客系统；后续升级只需合并上游主干，CI 会自动回归测试并平滑发布，真正做到“写内容，不操心运维”。

本项目解决了企业快速交付中后台系统时面临的「重复搭建、权限粒度粗、主题切换困难」三大痛点，将上线周期从 4 周缩短至 10 天。 技术选型：Vue3 + Vite4 + TypeScript + Pinia + Arco Design Vue；特点： 40+ 业务组件二次封装，支持按钮级鉴权与动态路由； 暗黑/品牌色一键切换（CSS 变量 + Design Token）； 路由懒加载 + 组件自动按需引入，首屏 < 1.2 s，构建体积降至 680 KB； GitHub Actions 一条命令 Docker 部署，支持多环境。 快速上手：克隆仓库 → pnpm i → pnpm dev 即刻运行；内置 mock 数据与在线文档，5 分钟完成首个页面开发。

RuoYi-Vue与RuoYi-App是基于SpringBoot2+Vue2打造的企业级开发框架，得到了广大开发者的喜爱和积极反馈。随着技术的迭代进步，SpringBoot3与Vue3逐渐进入开发者的视野。为了满足开发者对于新技术的追求，RuoYi官方文档提供了SpringBoot2至SpringBoot3的升级方法。与此同时，社区也涌现出了RuoYi-Vue3、RuoYi-App-Vue3的版本，展现了开发者社区对于技术升级的热情与努力。 然而，在升级的过程中，官方的方法为了兼顾Java1.8的特性与一些老旧的方法，未完全拥抱SpringBoot3与Java17的全部特性。而社区的RuoYi-Vue3、RuoYi-App-Vue3版本由于出自不同的团队之手，兼容性及整合性上存在些许不足。更为关键的是，尽管这些版本支持TypeScript，但缺乏与之相匹配的tsconfig.json配置文件，这使得在主流编辑器如VSCode中，TypeScript的语法提示环境并未达到最佳状态。 鉴于此，RuoYi-Geek生态应运而生。它旨在为广大开发者提供一个既保留原版本核心特性，又整合社区版优点的全新解决方案。在RuoYi-Geek中，我们深入调研了企业开发中常用的RuoYi扩展，并直接在框架中集成，确保开发者能够快速上手，高效开发。同时，我们采用了最新的SpringBoot3+Vue3技术栈，彻底移除了为了兼容Java1.8而保留的老旧方法。更为重要的是，我们为TypeScript开发环境加入了常用的tsconfig.json配置，使得开发者在VSCode等编辑器中能够获得更为舒适、便捷的语法提示体验。 RuoYi-Geek不仅仅是一个简单的升级版本，更是对于RuoYi生态的一次全面优化与整合。我们相信，通过RuoYi-Geek，开发者将能够更为高效、愉悦地开发出优秀的企业级应用。 注：模块化架构设计，支持各个模块的快速安拆，对第三方认证、第三方支付模块设计了基础的规范和基础模块。

Spring 框架核心功能复刻​ 项目描述：团队合作复刻 Spring 核心功能，深入理解框架底层原理，验证技术深度。​ 技术栈：Java、反射机制、设计模式​ 核心职责：​ 负责 IOC 容器、DI 依赖注入模块设计与实现​ 开发事务管理组件，支持 REQUIRE、REQUIRE_NEW 等事务传播行为及 READ_COMMITTED、READ_UNCOMMITTED 等隔离级别​ 设计三层缓存机制解决循环依赖问题，优化容器启动效率​ 成果：完成核心功能复刻，通过单元测试覆盖率 95%，加深对 Spring 底层逻辑的理解 集成 AI 能力的学生管理系统，实现智能信息检索与分析功能。​ 技术栈：Spring AI、LangChain4j、Spring Boot、MySQL​ 核心职责：​ 设计 AI 功能模块架构，集成 Spring AI 与 LangChain4j 实现智能问答​ 开发学生信息管理核心逻辑，支持数据录入、查询、统计分析​ 成果：实现学生数据智能分析功能，减少人工统计时间 60%+​

这是一款短视频社区应用，用户可以点赞、收藏、搜索、发布视频，关注喜欢的作者等；后台系统可以自动对视频进行处理，如转码、添加水印、截取视频封面、审核视频等 主要技术：SpringCloud+Redis+MySQL+RabbitMQ+MybatisPlus+XXL-job+Canal+Elasticsearch

“展我 APP” 是基于 HarmonyOS 系统分布式开发的一款专注于陶瓷艺术展示与互动的移动应用。该 APP 以陶瓷艺术爱好者和陶瓷制造者为核心用户群体，旨在打破传统展览的时空局限，打造一站式、专业化的陶瓷作品展示与交流平台。 APP 整合了艺术家介绍、展览品展示、展览预约、展品收藏与交易等功能：通过艺术家简介与详情板块，呈现创作者的创作背景、艺术风格及成就；展览模块以高清图文形式展示各类陶瓷展品，支持按类别、可售状态等筛选，用户可查看展品细节并收藏心仪作品；珍舱模块集中管理用户收藏的展品，支持数量调整、金额计算及结算购买；预约功能则方便用户在线选择展览场次与时间，高效规划观展行程。 依托 HarmonyOS 的分布式架构，APP 实现了多端适配与流畅体验，既满足了陶瓷艺术爱好者获取专业信息、参与线上线下互动的需求，也为陶瓷创作者提供了作品展示与传播的便捷渠道，顺应了艺术数字化的发展趋势。

1. 本项目旨在构建一体化企业数字化管理平台，通过整合项目管理、行政办公、人力资源等核心业务流程，实现企业运营全流程数字化管理。 2. 技术层面采用微服务架构设计，后端基于Spring Cloud开源生态，前端采用Vue.js框架，通过Maven进行依赖管理和构建。 3. 平台将集成企业微信API实现单点登录与移动办公，同时对接ERP系统及阿里云、华为云基础设施。 4. 开发过程采用gitlab做版本管理，Markdown进行技术文档标准化管理，确保项目可维护性和知识传承。

全流程溯源系统通过 “一物一码” 技术，记录产品从 原材料采购→生产加工→仓储物流→终端销售 的全链路数据，确保每个环节透明可查。例如，在奶粉行业，消费者扫描罐底二维码，即可查看 奶源牧场、生产批次、质检报告、物流轨迹 等关键信息，有效保障食品安全。 地理围栏技术则通过 GPS定位+扫码数据，自动监测产品流通范围。一旦发现商品在未授权区域销售（如低价跨区窜货），系统会立即预警，帮助企业打击违规行为，维护市场秩序。 典型案例：某知名奶粉品牌接入全流程溯源后，窜货率下降 60%，消费者投诉减少 45%，同时通过扫码营销活动提升了 30% 的用户复购率。这种技术不仅增强了品牌信任度，还能满足国家对食品、药品等行业的强制溯源要求，实现 防伪、控货、营销、合规 的多重价值。

DICOM Simulator - 专业级医学影像协议模拟工具 技术架构： • 基于 Rust + Tauri 构建的高性能跨平台桌面应用 • 采用 DaisyUI 实现现代化响应式界面 • 使用 SurrealDB 嵌入式数据库进行高效数据管理 核心功能： 1. 完整 DICOM 协议支持： • 工作列表查询（Worklist） • 模态设备执行管理（MPPS） • 统一工作流程服务（UPS） • 影像存储服务（C-STORE） 2. 专业级特性： • 可配置的节点参数与协议选项 • 端到端 TLS 加密通信 • 多设备模拟场景支持 3. 用户体验优化： • 多语言国际化支持（i18n） • 多主题视觉方案 • 跨平台支持（Windows/macOS/Linux） 应用场景： ✓ 医学影像系统开发测试 ✓ PACS/RIS 系统集成验证 ✓ 医学影像教学演示 ✓ 医疗设备协议兼容性测试 版本：v1.0.0 (桌面版) | 遵循 DICOM PS3 标准

集成totp功能 数据库用户表中新增tcode字段，varchar类型 在SysLoginService中扩展了validateTcode(username, tcode)验证方法 在SysProfileController中扩展了相应重置，生成，校验等基本功能。使用dev.samstevens.totp的包作为totp的实现。