1. 项目概述
企业级办公管理系统是现代企业数字化转型的核心基础设施之一。这套基于SpringBoot+Vue+MyBatis+MySQL的完整解决方案，是我在实际企业服务项目中经过多次迭代优化的成果。系统采用前后端分离架构，后端使用SpringBoot构建RESTful API服务，前端采用Vue.js实现响应式界面，通过MyBatis实现高效数据持久化，MySQL作为关系型数据库存储业务数据。
这个系统最显著的特点是模块化设计，包含用户权限管理、任务协同、文档共享、考勤统计等核心功能模块。我在开发过程中特别注重企业实际使用场景，比如在任务管理模块设计了多级优先级和状态流转机制，在文档协作模块实现了版本控制和编辑锁功能，这些都是从真实企业需求中提炼出来的关键特性。
2. 技术架构解析
2.1 后端技术栈
SpringBoot 2.7作为后端框架，提供了自动配置、起步依赖等特性，极大简化了项目配置。我特别选择了以下关键依赖：
- spring-boot-starter-web：构建Web应用基础
- spring-boot-starter-security：处理认证授权
- mybatis-spring-boot-starter：集成MyBatis
- spring-boot-starter-data-redis：缓存支持
数据库连接池使用HikariCP，这是目前性能最好的Java连接池实现。在application.yml中配置如下：
yaml复制spring:
datasource:
driver-class-name: com.mysql.cj.jdbc.Driver
url: jdbc:mysql://localhost:3306/office_system?useSSL=false&serverTimezone=UTC
username: root
password: 123456
hikari:
maximum-pool-size: 20
minimum-idle: 5
2.2 前端技术栈
Vue 3作为前端框架，配合以下核心组件：
- Vue Router：实现前端路由
- Vuex：状态管理
- Element Plus：UI组件库
- Axios：HTTP客户端
前端项目结构采用典型的Vue CLI生成的项目布局：
code复制src/
├── api/ # API请求封装
├── assets/ # 静态资源
├── components/ # 公共组件
├── router/ # 路由配置
├── store/ # Vuex状态
├── utils/ # 工具函数
└── views/ # 页面组件
2.3 数据库设计
MySQL 8.0作为关系型数据库，采用InnoDB存储引擎。以下是几个核心表的设计要点：
用户表(user)
sql复制CREATE TABLE `user` (
`user_id` bigint NOT NULL AUTO_INCREMENT,
`username` varchar(50) NOT NULL,
`password_hash` varchar(64) NOT NULL,
`real_name` varchar(30) DEFAULT NULL,
`email` varchar(50) DEFAULT NULL,
`phone` varchar(20) DEFAULT NULL,
`role_type` int DEFAULT '2' COMMENT '1管理员，2普通',
`create_time` datetime DEFAULT CURRENT_TIMESTAMP,
`last_login` datetime DEFAULT NULL,
PRIMARY KEY (`user_id`),
UNIQUE KEY `idx_username` (`username`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
任务表(task)
sql复制CREATE TABLE `task` (
`task_id` bigint NOT NULL AUTO_INCREMENT,
`task_title` varchar(100) NOT NULL,
`task_content` text,
`assigner_id` bigint NOT NULL,
`executor_id` bigint NOT NULL,
`status` int DEFAULT '0' COMMENT '0未开始，1进行中，2已完成',
`deadline` datetime DEFAULT NULL,
`create_time` datetime DEFAULT CURRENT_TIMESTAMP,
`priority` int DEFAULT '2' COMMENT '1低，2中，3高',
PRIMARY KEY (`task_id`),
KEY `idx_executor` (`executor_id`),
KEY `idx_status` (`status`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
3. 核心功能实现
3.1 用户权限系统
采用RBAC（基于角色的访问控制）模型，包含用户-角色-权限三层结构。后端使用Spring Security实现认证和授权流程。
认证流程核心代码示例：
java复制@Configuration
@EnableWebSecurity
public class SecurityConfig extends WebSecurityConfigurerAdapter {
@Override
protected void configure(HttpSecurity http) throws Exception {
http.csrf().disable()
.authorizeRequests()
.antMatchers("/api/auth/**").permitAll()
.antMatchers("/api/admin/**").hasRole("ADMIN")
.anyRequest().authenticated()
.and()
.addFilter(new JwtAuthenticationFilter(authenticationManager()))
.addFilter(new JwtAuthorizationFilter(authenticationManager()))
.sessionManagement()
.sessionCreationPolicy(SessionCreationPolicy.STATELESS);
}
}
前端路由守卫实现权限控制：
javascript复制router.beforeEach((to, from, next) => {
const hasToken = store.getters.token
if (to.meta.requiresAuth && !hasToken) {
next('/login')
} else if (to.meta.roles && !store.getters.roles.some(role => to.meta.roles.includes(role))) {
next('/403')
} else {
next()
}
})
3.2 任务管理系统
任务模块支持创建、分配、跟踪和统计功能。后端采用MyBatis动态SQL实现复杂查询：
java复制@Mapper
public interface TaskMapper {
@SelectProvider(type = TaskSqlProvider.class, method = "selectByCondition")
List<Task> selectByCondition(TaskCondition condition);
public class TaskSqlProvider {
public String selectByCondition(TaskCondition condition) {
return new SQL() {{
SELECT("*");
FROM("task");
if (condition.getExecutorId() != null) {
WHERE("executor_id = #{executorId}");
}
if (condition.getStatus() != null) {
WHERE("status = #{status}");
}
if (condition.getPriority() != null) {
WHERE("priority = #{priority}");
}
ORDER_BY("deadline ASC");
}}.toString();
}
}
}
前端使用Vue Draggable实现任务看板：
vue复制<template>
<draggable
v-model="tasks"
group="tasks"
@end="onDragEnd"
class="task-board">
<div v-for="task in tasks" :key="task.id" class="task-card">
<h4>{{ task.title }}</h4>
<p>{{ task.content }}</p>
<span class="priority" :class="getPriorityClass(task.priority)">
{{ getPriorityText(task.priority) }}
</span>
</div>
</draggable>
</template>
4. 系统部署与优化
4.1 部署方案
推荐使用Docker Compose进行容器化部署，docker-compose.yml配置示例：
yaml复制version: '3'
services:
mysql:
image: mysql:8.0
environment:
MYSQL_ROOT_PASSWORD: 123456
MYSQL_DATABASE: office_system
ports:
- "3306:3306"
volumes:
- mysql_data:/var/lib/mysql
backend:
build: ./backend
ports:
- "8080:8080"
depends_on:
- mysql
environment:
SPRING_DATASOURCE_URL: jdbc:mysql://mysql:3306/office_system
SPRING_DATASOURCE_USERNAME: root
SPRING_DATASOURCE_PASSWORD: 123456
frontend:
build: ./frontend
ports:
- "80:80"
depends_on:
- backend
volumes:
mysql_data:
4.2 性能优化实践
-
数据库优化：
- 为常用查询字段添加索引
- 使用EXPLAIN分析慢查询
- 合理设计表结构避免过度规范化
-
缓存策略：
- 使用Redis缓存热点数据
- 实现二级缓存：MyBatis一级缓存 + Redis二级缓存
- 缓存击穿解决方案：互斥锁、缓存空对象
-
前端性能优化：
- 组件懒加载
- 路由懒加载
- 使用keep-alive缓存组件状态
5. 常见问题与解决方案
5.1 跨域问题
解决方案：在后端配置CORS
java复制@Configuration
public class CorsConfig implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("*")
.allowedMethods("GET", "POST", "PUT", "DELETE")
.allowedHeaders("*")
.maxAge(3600);
}
}
5.2 文件上传大小限制
SpringBoot默认文件上传大小为1MB，需要调整配置：
yaml复制spring:
servlet:
multipart:
max-file-size: 50MB
max-request-size: 100MB
5.3 MyBatis日志打印
在开发阶段可以开启SQL日志打印：
yaml复制logging:
level:
com.example.mapper: debug
6. 扩展与二次开发建议
-
消息通知系统：
- 集成WebSocket实现实时通知
- 支持邮件、短信等多渠道通知
- 消息模板配置化
-
工作流引擎集成：
- 集成Activiti或Flowable
- 可视化流程设计器
- 复杂审批流程支持
-
移动端适配：
- 开发微信小程序版本
- 响应式布局优化
- PWA支持
在实际企业部署中，我发现权限系统的灵活性是关键，建议预留足够的扩展接口。任务管理模块的甘特图展示也是很多企业的刚需，可以考虑集成专业的图表库如ECharts来实现。