# vue2+springboot **Repository Path**: sky365/vue2-springboot ## Basic Information - **Project Name**: vue2+springboot - **Description**: vue2+springboot后台管理系统 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2025-07-22 - **Last Updated**: 2025-10-23 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ```markdown # Vue2 + Spring Boot 项目 这是一个基于 Vue2 前端和 Spring Boot 后端构建的项目。项目结构清晰,前后端分离,使用了现代化的 Web 技术栈,包括 Element UI 组件库。 ## 项目结构概览 ### 后端 - Spring Boot (Java) - **Controller 层**:处理 HTTP 请求,包括各类数据的增删改查操作,如用户管理、公告管理、类别管理等。 - **Service 层**:业务逻辑处理,与数据库交互前的处理逻辑。 - **Mapper 层**:数据库操作接口,与数据库表对应。 - **Entity/Model 层**:实体类,与数据库表结构一一对应。 - **Common 层**:包含项目通用类,如 `Constants` 帨储常量,`Result` 用于封装返回结果。 - **Enums**:定义了结果码 `ResultCodeEnum` 和角色 `RoleEnum` 策略。 - **Configuration**:配置类,如 `CorsConfig` 跨域配置,`JwtInterceptor` JWT 拦截器,`WebConfig` WebMvc 配置。 - **Exception**:自定义异常类 `CustomException` 和全局异常处理器 `GlobalExceptionHandler`,统一处理项目中的异常情况。 - **Utils**:工具类,如 `TokenUtils` 提供了 Token 的创建和解析。 ### 前端 - Vue2 (JavaScript) - **Assets**:包含项目所需静态资源如 CSS 样式、图片等。 - **Components**:可复用的 Vue 组件。 - **Utils**:封装了请求工具类 `request.js`,用于与后端 API 交互。 - **Views**:包含页面级别的 Vue 组件,如登录、注册、管理界面等。 - **Router**:前端路由配置,控制页面导航。 - **Main.js**:Vue 项目的入口文件。 - **Config**:`vue.config.js` 用于配置 Vue 项目打包等信息。 - **第三方库**:使用了 Element UI 组件库来构建界面。 ## 功能特性 - **用户管理**:支持用户的注册、登录、信息修改、密码更新等。 - **权限控制**:通过 JWT 拦截器和 TokenUtils 工具类实现权限验证。 - **公告管理**:支持公告的增删改查。 - **财务管理**:`AcController`、`AcService` 和 `Ac` 实体类实现财务记录的管理。 - **类别管理**:支持对类别进行增删改查操作。 - **文件上传与管理**:`FileController` 提供了文件上传、访问和删除接口。 - **全局异常处理**:通过 `GlobalExceptionHandler` 捕获和处理异常,返回统一的错误格式。 ## 技术栈 - **前端**:Vue2 + Element UI - **后端**:Spring Boot + MyBatis + JPA - **数据库**:MySQL(通过 `manager.sql` 可以推测) - **部署/构建工具**:Webpack(前端构建), Maven(后端构建) ## 安装与运行 ### 后端 1. 安 2. 创建数据库并导入 `manager.sql`。 3. 配置 `application.yml` 中的数据库连接。 4. 使用 Maven 构建项目:`mvn clean package` 5. 运行 `SpringbootApplication.java`。 ### 前端 1. 确保 Node.js 和 npm 已安装。 2. 进入 `vue/` 目录,运行 `npm install` 安装依赖。 3. 修改 `vue.config.js` 中的代理设置(如果需要)。 4. 运行 `npm run serve` 启动开发服务器。 ## 贡献 请遵循以下规范提交 Pull Request: - 提交前确保代码测试通过。 - 更新 README.md 文件以反映任何更改。 - 使用清晰、简洁的提交信息。 ## 许可证 本项目采用 MIT 许可证。详情请见 LICENSE 文件。 ```