企業信息管理系統開發實戰：基于 Spring Boot+MyBatis+Thymeleaf

引言：企業信息管理系統的核心價值

在企業日常運營中，高效的信息管理是提升效率的關鍵。本文將手把手教你開發一套企業信息管理系統，涵蓋用戶登錄、信息增刪改查、權限控制等核心功能。系統采用 Spring Boot 作為后端框架，MyBatis 處理數據交互，Thymeleaf 實現前端頁面渲染，Druid 作為數據源保障性能，最終形成一套輕量、易用、可擴展的企業級解決方案。

一、系統架構與技術棧

1.1 系統功能概述

本系統聚焦企業用戶信息管理，核心功能包括：

用戶登錄 / 退出（含權限攔截）
用戶信息列表展示
用戶信息添加、修改、刪除
前端頁面動態渲染與交互

1.2 技術棧選擇

后端：Spring Boot 3.2.8（框架核心）、MyBatis 3.0.3（ORM 框架）、Druid 1.2.20（數據源）
前端：Thymeleaf 3.1.2（模板引擎）、HTML5/CSS3（頁面結構與樣式）、jQuery 3.7.1（前端交互）
數據庫：MySQL 8.0（數據存儲）
開發工具：IntelliJ IDEA、Maven（依賴管理）

二、環境搭建與項目初始化

2.1 數據庫設計

首先創建系統所需的數據庫表，以my_user表為例（存儲用戶信息）：

SET FOREIGN_KEY_CHECKS=0;-- 用戶表結構
DROP TABLE IF EXISTS `my_user`;
CREATE TABLE `my_user` (`pid` int(11) NOT NULL AUTO_INCREMENT COMMENT '主鍵ID',`username` varchar(255) DEFAULT NULL COMMENT '用戶名',`password` varchar(255) DEFAULT NULL COMMENT '密碼',`p_addr` varchar(255) DEFAULT NULL COMMENT '地址（下劃線命名）',`gender` int(11) DEFAULT NULL COMMENT '性別（1-男，0-女）',`birth` date DEFAULT NULL COMMENT '生日',PRIMARY KEY (`pid`)
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8 COMMENT='用戶信息表';-- 初始化測試數據
INSERT INTO `my_user` VALUES (1, 'zhangsan', '123', '北京', 1, '2020-06-14');

2.2 項目結構設計

遵循 Spring Boot 最佳實踐，項目結構如下：

src/
├── main/
│   ├── java/com/qcby/inforcontrollersystem/
│   │   ├── config/           # 配置類（Druid、MyBatis、MVC等）
│   │   ├── controller/       # 控制器（處理請求）
│   │   ├── entity/           # 實體類（與數據庫表映射）
│   │   ├── interceptor/      # 攔截器（登錄驗證等）
│   │   ├── mapper/           # MyBatis映射接口
│   │   ├── service/          # 業務邏輯層（含Impl實現）
│   │   └── InforControllerSystemApplication.java  # 啟動類
│   ├── resources/
│   │   ├── application.yaml  # 主配置文件
│   │   ├── static/           # 靜態資源（css、images、js）
│   │   └── templates/        # Thymeleaf模板（login.html、main.html等）
└── test/                      # 單元測試目錄

2.3 核心依賴配置（pom.xml）

通過 Maven 管理依賴，關鍵依賴如下：

<parent><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent</artifactId><version>3.2.8</version>
</parent><dependencies><!-- Spring Boot Web核心 --><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency><!-- Thymeleaf模板引擎 --><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-thymeleaf</artifactId></dependency><!-- MyBatis整合 --><dependency><groupId>org.mybatis.spring.boot</groupId><artifactId>mybatis-spring-boot-starter</artifactId><version>3.0.3</version></dependency><!-- Druid數據源（適配Spring Boot 3） --><dependency><groupId>com.alibaba</groupId><artifactId>druid-spring-boot-3-starter</artifactId><version>1.2.20</version></dependency><!-- MySQL驅動 --><dependency><groupId>com.mysql</groupId><artifactId>mysql-connector-j</artifactId><scope>runtime</scope></dependency><!-- jQuery（WebJars方式） --><dependency><groupId>org.webjars</groupId><artifactId>jquery</artifactId><version>3.7.1</version></dependency><!-- 測試依賴 --><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-test</artifactId><scope>test</scope></dependency>
</dependencies>

三、核心配置詳解

3.1 數據源配置（Druid）

Druid 作為高性能數據源，需配置連接池參數和監控功能，創建DruidConfig.java：

package com.qcby.inforcontrollersystem.config;import com.alibaba.druid.pool.DruidDataSource;
import org.springframework.boot.context.properties.ConfigurationProperties;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;import javax.sql.DataSource;@Configuration
public class DruidConfig {// 綁定application.yaml中spring.datasource前綴的配置@Bean@ConfigurationProperties(prefix = "spring.datasource")public DataSource dataSource() {return new DruidDataSource();}
}

3.2 MyBatis 配置（解決駝峰映射）

數據庫表字段采用下劃線命名（如p_addr），實體類采用駝峰命名（如pAddr），需配置映射規則：

package com.qcby.inforcontrollersystem.config;import org.mybatis.spring.boot.autoconfigure.ConfigurationCustomizer;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;@Configuration
public class MybatisConfig {@Beanpublic ConfigurationCustomizer configurationCustomizer() {// 開啟下劃線轉駝峰映射return configuration -> configuration.setMapUnderscoreToCamelCase(true);}
}

3.3 MVC 配置（視圖映射與攔截器）

配置頁面路由和登錄攔截器，確保未登錄用戶無法訪問核心功能：

package com.qcby.inforcontrollersystem.config;import com.qcby.inforcontrollersystem.interceptor.LoginInterceptor;
import org.mybatis.spring.annotation.MapperScan;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.InterceptorRegistry;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;import java.util.ArrayList;
import java.util.List;@Configuration
@MapperScan("com.qcby.inforcontrollersystem.mapper") // 掃描MyBatis Mapper接口
public class TxMvcConfig implements WebMvcConfigurer {// 視圖映射：直接將請求路徑映射到模板頁面@Overridepublic void addViewControllers(ViewControllerRegistry registry) {registry.addViewController("/toLogin").setViewName("login"); // /toLogin -> login.htmlregistry.addViewController("/index").setViewName("index");   // /index -> index.htmlregistry.addViewController("/menu").setViewName("menu");     // /menu -> menu.html}// 注冊攔截器：攔截未登錄用戶@Overridepublic void addInterceptors(InterceptorRegistry registry) {List<String> excludePaths = new ArrayList<>();// 排除登錄頁、靜態資源等不需要攔截的路徑excludePaths.add("/css/**");excludePaths.add("/images/**");excludePaths.add("/toLogin");excludePaths.add("/login");registry.addInterceptor(new LoginInterceptor()).addPathPatterns("/**") // 攔截所有請求.excludePathPatterns(excludePaths); // 排除指定路徑}
}

四、核心功能實現

4.1 實體類設計（MyUser.java）

與my_user表映射，包含用戶基本信息：

package com.qcby.inforcontrollersystem.entity;import org.springframework.format.annotation.DateTimeFormat;
import java.util.Date;public class MyUser {private Integer pid;         // 主鍵private String username;     // 用戶名private String password;     // 密碼private String pAddr;        // 地址（駝峰命名，對應表中p_addr）private Integer gender;      // 性別@DateTimeFormat(pattern = "yyyy-MM-dd") // 日期格式轉換private Date birth;          // 生日// 構造方法、Getter、Setter（省略，需手動生成）
}

4.2 登錄攔截器（LoginInterceptor.java）

攔截未登錄用戶，強制跳轉至登錄頁：

package com.qcby.inforcontrollersystem.interceptor;import com.qcby.inforcontrollersystem.entity.MyUser;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;
import jakarta.servlet.http.HttpSession;
import org.springframework.web.servlet.HandlerInterceptor;public class LoginInterceptor implements HandlerInterceptor {@Overridepublic boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {HttpSession session = request.getSession();MyUser user = (MyUser) session.getAttribute("user"); // 從Session獲取用戶信息if (user == null) {// 未登錄，重定向到登錄頁response.sendRedirect(request.getContextPath() + "/toLogin");return false;}// 已登錄，放行return true;}
}

4.3 數據訪問層（Mapper 接口）

通過 MyBatis 注解實現數據庫操作：

package com.qcby.inforcontrollersystem.mapper;import com.qcby.inforcontrollersystem.entity.MyUser;
import org.apache.ibatis.annotations.*;
import java.util.List;
import java.util.Map;public interface MyUserMapper {// 新增用戶（自增主鍵回寫）@Options(useGeneratedKeys = true, keyProperty = "pid")@Insert("insert into my_user(username, password, p_addr, gender, birth) " +"values(#{username}, #{password}, #{pAddr}, #{gender}, #{birth})")void insert(MyUser user);// 查詢所有用戶@Select("select * from my_user")List<MyUser> selectUsers();// 登錄驗證（根據用戶名和密碼查詢）@Select("select * from my_user where username = #{username} and password = #{password}")MyUser selectUsersByUsernameAndPassword(Map<String, String> map);// 根據ID查詢用戶（用于修改）@Select("select * from my_user where pid = #{pid}")MyUser selectUserById(int pid);// 更新用戶信息@Update("update my_user set username=#{username}, password=#{password}, p_addr=#{pAddr}, " +"gender=#{gender}, birth=#{birth} where pid=#{pid}")void update(MyUser user);// 刪除用戶@Delete("delete from my_user where pid = #{pid}")void delete(int pid);
}

4.4 業務邏輯層（Service）

封裝業務邏輯，調用 Mapper 接口：

// 接口定義
package com.qcby.inforcontrollersystem.service;import com.qcby.inforcontrollersystem.entity.MyUser;
import java.util.List;
import java.util.Map;public interface MyUserService {void insert(MyUser user);List<MyUser> selectUsers();MyUser selectUsersByUsernameAndPassword(Map<String, String> map);MyUser selectUserById(int pid);void update(MyUser user);void delete(int pid);
}// 實現類
package com.qcby.inforcontrollersystem.service.Impl;import com.qcby.inforcontrollersystem.entity.MyUser;
import com.qcby.inforcontrollersystem.mapper.MyUserMapper;
import com.qcby.inforcontrollersystem.service.MyUserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;
import java.util.List;
import java.util.Map;@Service
@Transactional // 開啟事務管理
public class MyUserServiceImpl implements MyUserService {@Autowiredprivate MyUserMapper userMapper;@Overridepublic void insert(MyUser user) {userMapper.insert(user);}@Overridepublic List<MyUser> selectUsers() {return userMapper.selectUsers();}@Overridepublic MyUser selectUsersByUsernameAndPassword(Map<String, String> map) {return userMapper.selectUsersByUsernameAndPassword(map);}@Overridepublic MyUser selectUserById(int pid) {return userMapper.selectUserById(pid);}@Overridepublic void update(MyUser user) {userMapper.update(user);}@Overridepublic void delete(int pid) {userMapper.delete(pid);}
}

4.5 控制器（Controller）

處理前端請求，協調視圖與數據：

（1）登錄控制器（LoginController.java）

package com.qcby.inforcontrollersystem.controller;import com.qcby.inforcontrollersystem.entity.MyUser;
import com.qcby.inforcontrollersystem.service.MyUserService;
import jakarta.servlet.http.HttpSession;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import java.util.HashMap;
import java.util.Map;@Controller
public class LoginController {@Autowiredprivate MyUserService myUserService;// 跳轉到登錄頁@GetMapping("/toLogin")public String toLogin() {return "login";}// 處理登錄請求@PostMapping("/login")public String login(HttpSession session, String username, String password, Model model) {Map<String, String> map = new HashMap<>();map.put("username", username);map.put("password", password);MyUser user = myUserService.selectUsersByUsernameAndPassword(map);if (user != null) {// 登錄成功，將用戶信息存入Sessionsession.setAttribute("user", user);return "redirect:/index"; // 重定向到首頁} else {// 登錄失敗，回顯錯誤信息model.addAttribute("tip", "用戶名或密碼錯誤");return "login";}}// 退出登錄@GetMapping("/logout")public String logout(HttpSession session) {session.invalidate(); // 清除Sessionreturn "redirect:/toLogin";}
}

（2）用戶管理控制器（UserController.java）

package com.qcby.inforcontrollersystem.controller;import com.qcby.inforcontrollersystem.entity.MyUser;
import com.qcby.inforcontrollersystem.service.MyUserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;
import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.List;@Controller
public class UserController {@Autowiredprivate MyUserService myUserService;// 展示用戶列表@GetMapping("/main")public String showUserList(Model model) {List<MyUser> users = myUserService.selectUsers();model.addAttribute("users", users); // 存入模型，供前端渲染return "main";}// 跳轉到添加用戶頁面@GetMapping("/add")public String toAddPage() {return "add";}// 保存新用戶@PostMapping("/save")public String saveUser(MyUser user, @RequestParam String birth) {try {// 轉換日期格式（前端傳遞字符串，需轉為Date）if (birth != null && !birth.isEmpty()) {user.setBirth(new SimpleDateFormat("yyyy-MM-dd").parse(birth));}myUserService.insert(user);} catch (ParseException e) {e.printStackTrace();}return "redirect:/main"; // 重定向到列表頁}// 跳轉到修改頁面（攜帶用戶ID）@GetMapping("/getUser")public String toUpdatePage(@RequestParam int pid, Model model) {MyUser user = myUserService.selectUserById(pid);model.addAttribute("user", user); // 回顯用戶信息return "update";}// 更新用戶信息@PostMapping("/update")public String updateUser(MyUser user, @RequestParam String birth) {try {if (birth != null && !birth.isEmpty()) {user.setBirth(new SimpleDateFormat("yyyy-MM-dd").parse(birth));}myUserService.update(user);} catch (ParseException e) {e.printStackTrace();}return "redirect:/main";}// 刪除用戶@GetMapping("/delete")public String deleteUser(@RequestParam int pid) {myUserService.delete(pid);return "redirect:/main";}
}

五、前端頁面實現（Thymeleaf 模板）

5.1 登錄頁（login.html）

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>用戶登錄</title><link th:href="@{/css/login.css}" rel="stylesheet"> <!-- 引入CSS --><script th:src="@{/webjars/jquery/3.7.1/jquery.min.js}"></script> <!-- 引入jQuery --><script>// 登錄表單驗證function login1() {const username = $("input[name='username']").val().trim();const password = $("input[name='password']").val().trim();if (!username) {alert("請輸入用戶名");return;}if (!password) {alert("請輸入密碼");return;}$("form").submit(); // 提交表單}</script>
</head>
<body>
<div id="login"><div id="top"><div id="top_left"><img th:src="@{/images/login_03.gif}" alt="系統Logo"></div></div><form th:action="@{/login}" method="post"><div id="center"><div id="center_middle"><!-- 登錄錯誤提示 --><div style="color: red; text-align: center" th:text="${tip}"></div><div id="user">用戶名：<input type="text" name="username" placeholder="請輸入用戶名"></div><div id="password">密碼：<input type="password" name="password" placeholder="請輸入密碼"></div><div id="btn"><a href="#" onclick="login1()">登錄</a><a href="#" onclick="$('form')[0].reset()">清空</a></div></div></div></form>
</div>
</body>
</html>

5.2 用戶列表頁（main.html）

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>用戶列表</title><style>.mt { margin: 20px auto; width: 90%; border-collapse: collapse; }.mt th, .mt td { border: 1px solid #ddd; padding: 10px; text-align: center; }.add-btn { margin: 20px 0 0 5%; padding: 6px 12px; background: #4CAF50; color: white; text-decoration: none; }</style>
</head>
<body>
<!-- 添加用戶按鈕 -->
<a th:href="@{/add}" class="add-btn">添加用戶</a><!-- 用戶列表表格 -->
<table class="mt"><tr><th>用戶名</th><th>密碼</th><th>地址</th><th>性別</th><th>生日</th><th>操作</th></tr><!-- 遍歷用戶列表（Thymeleaf語法） --><tr th:each="user : ${users}"><td th:text="${user.username}"></td><td th:text="${user.password}"></td><td th:text="${user.pAddr}"></td><td th:text="${user.gender == 1 ? '男' : '女'}"></td> <!-- 性別轉換 --><td th:text="${#calendars.format(user.birth, 'yyyy-MM-dd')}"></td> <!-- 日期格式化 --><td><a th:href="@{/getUser(pid=${user.pid})}">修改</a><a th:href="@{/delete(pid=${user.pid})}" onclick="return confirm('確定刪除？')">刪除</a></td></tr>
</table>
</body>
</html>

5.3 添加用戶頁（add.html）

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>添加用戶</title><style>.mt { margin: 30px auto; border-collapse: collapse; }.mt td { padding: 10px; }input { padding: 6px; width: 250px; }</style>
</head>
<body>
<form th:action="@{/save}" method="post"><table class="mt"><tr><td>用戶名</td><td><input type="text" name="username" required></td></tr><tr><td>密碼</td><td><input type="password" name="password" required></td></tr><tr><td>地址</td><td><input type="text" name="pAddr"></td></tr><tr><td>性別</td><td><input type="radio" name="gender" value="1" checked>男<input type="radio" name="gender" value="0">女</td></tr><tr><td>生日</td><td><input type="date" name="birth"></td></tr><tr><td></td><td><input type="submit" value="保存"></td></tr></table>
</form>
</body>
</html>

六、系統配置文件（application.yaml）

統一配置數據源、MyBatis 等參數：

spring:datasource:username: rootpassword: rooturl: jdbc:mysql://localhost:3306/boot_demo?useUnicode=true&characterEncoding=utf8&serverTimezone=Asia/Shanghaidriver-class-name: com.mysql.cj.jdbc.Drivertype: com.alibaba.druid.pool.DruidDataSource# Druid連接池參數initialSize: 5minIdle: 5maxActive: 20maxWait: 60000timeBetweenEvictionRunsMillis: 60000minEvictableIdleTimeMillis: 300000validationQuery: SELECT 1 FROM DUALtestWhileIdle: truetestOnBorrow: falsetestOnReturn: falsefilters: stat,wall  # 開啟監控和防火墻# MyBatis配置
mybatis:mapper-locations: classpath:mapper/*.xml  # 若使用XML映射，需指定路徑type-aliases-package: com.qcby.inforcontrollersystem.entity  # 實體類別名

七、系統測試與運行

啟動項目：運行InforControllerSystemApplication.java的main方法，Spring Boot 內置 Tomcat 啟動，默認端口 8080。
訪問登錄頁：瀏覽器輸入http://localhost:8080/toLogin，使用初始化數據（用戶名zhangsan，密碼123）登錄。
功能驗證：
- 登錄成功后跳轉至首頁，展示用戶列表；
- 點擊 "添加用戶"，填寫信息后保存，列表頁會新增記錄；
- 點擊 "修改" 可更新用戶信息，點擊 "刪除" 可移除記錄；
- 未登錄時直接訪問/main會被攔截，強制跳轉至登錄頁。