Spring综合练习 —— 基于Spring+SpringMVC的后台管理系统Demo案例

往期文章

Spring01 —— Spring概念及快速入门
Spring02 —— Spring配置文件详解和依赖注入
Spring03 —— SpringAPI和在Spring中配置数据源
Spring04 —— Spring的注解开发
Spring05 —— Spring集成Junit
Spring06 —— Spring集成web环境
SpringMVC01 —— SpringMVC简介&快速入门
SpringMVC02 —— SpringMVC的各组件详解
SpringMVC03 —— Spring的请求和响应
Spring07 —— Spring JdbcTemplate的相关操作

在之前我们已经学习了Spring和SpringMVC。Spring的每一层都提供了相应的解决方案，web层有SpringMVC，整体Spring有Spring容器和di依赖注入，我们可以将每一层的bean都交由Spring去产生，dao层有Spring jdbctemplate，所以可以基于上述技术做一个案例小练习。
资料下载地址：
https://pan.baidu.com/s/1HuKBWv94S6Scrs9VzpU-vQ?pwd=itch
提取码：itch

一、环境搭建 1、创建一个新的module

2、导入静态页面

3、导入依赖坐标



    4.0.0

    com.zhou
    spring_ExampleTest
    1.0-SNAPSHOT

    
        
            mysql
            mysql-connector-java
            5.1.32
        
        
            c3p0
            c3p0
            0.9.1.2
        
        
            com.alibaba
            druid
            1.1.10
        
        
            junit
            junit
            4.12
            test
        
        
            org.springframework
            spring-context
            5.0.5.RELEASE
        
        
            org.springframework
            spring-test
            5.0.5.RELEASE
        
        
            org.springframework
            spring-web
            5.0.5.RELEASE
        
        
            org.springframework
            spring-webmvc
            5.0.5.RELEASE
        
        
            javax.servlet
            javax.servlet-api
            3.0.1
            provided
        
        
            javax.servlet.jsp
            javax.servlet.jsp-api
            2.2.1
            provided
        
        
            com.fasterxml.jackson.core
            jackson-core
            2.9.0
        
        
            com.fasterxml.jackson.core
            jackson-databind
            2.9.0
        
        
            com.fasterxml.jackson.core
            jackson-annotations
            2.9.0
        
        
            commons-fileupload
            commons-fileupload
            1.3.1
        
        
            commons-io
            commons-io
            2.3
        
        
            commons-logging
            commons-logging
            1.2
        
        
            org.slf4j
            slf4j-log4j12
            1.7.7
        
        
            log4j
            log4j
            1.2.17
        
        
            org.springframework
            spring-jdbc
            5.0.5.RELEASE
        
        
            org.springframework
            spring-tx
            5.0.5.RELEASE
        
        
            jstl
            jstl
            1.2

4、创建包结构

5、准备数据库环境

导入成功！

6、创建实体类

用户实体类

package com.itch.exercise.domain;

public class User {

    private Long id;
    private String username;
    private String email;
    private String password;
    private String phoneNum;

    public Long getId() {
        return id;
    }

    public void setId(Long id) {
        this.id = id;
    }

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getEmail() {
        return email;
    }

    public void setEmail(String email) {
        this.email = email;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }

    public String getPhoneNum() {
        return phoneNum;
    }

    public void setPhoneNum(String phoneNum) {
        this.phoneNum = phoneNum;
    }

    @Override
    public String toString() {
        return "User{" +
                "id=" + id +
                ", username='" + username + ''' +
                ", email='" + email + ''' +
                ", password='" + password + ''' +
                ", phoneNum='" + phoneNum + ''' +
                '}';
    }
}

角色实体类

package com.itch.exercise.domain;

public class Role {

    private Long id;
    private String roleName;
    private String roleDesc;

    public Long getId() {
        return id;
    }

    public void setId(Long id) {
        this.id = id;
    }

    public String getRoleName() {
        return roleName;
    }

    public void setRoleName(String roleName) {
        this.roleName = roleName;
    }

    public String getRoleDesc() {
        return roleDesc;
    }

    public void setRoleDesc(String roleDesc) {
        this.roleDesc = roleDesc;
    }

    @Override
    public String toString() {
        return "Role{" +
                "id=" + id +
                ", roleName='" + roleName + ''' +
                ", roleDesc='" + roleDesc + ''' +
                '}';
    }
}

7、创建相关配置文件

1、创建log4j配置文件

2、创建jdbc.properties

3、创建applicationContext.xml

在spring的核心配置文件中我们只需要配置数据源和配置jdbc的模板对象

4、创建spring-mvc.xml

在spring-mvc.xml文件中我们需要配置springMVC的注解驱动、视图解析器、静态资源访问权限的开放

spring和Spring个mvc想集成到web项目中需要配置web.xml

5、web.xml

在web.xml中配置spring的监听器，springMVC的前端控制器




    
    
        contextConfigLocation
        classpath:applicationContext.xml
    

    
    
        org.springframework.web.context.ContextLoaderListener
    


    
    
        dispatcherServlet
        org.springframework.web.servlet.DispatcherServlet
        
            contextConfigLocation
            classpath:spring-mvc.xml
        
        
        1
    
    
        dispatcherServlet
        /

二、功能实现 2.1、角色列表展示

需求：点击角色管理展示所有角色信息

思路：

①点击角色管理菜单发送请求到服务器端（修改角色管理菜单的url地址）

②创建RoleController和list()方法

③创建RoleService和list()方法

④创建RoleDao和findAll()方法

⑤使用JdbcTemplate完成查询操作

⑥将查询数据存储到modelAndView中

⑦转发到role-list.jsp页面进行展示

dao层

public interface RoleDao {
    public List findAllRole();
}

public class RoleDaoImpl implements RoleDao {
    // 通过set注入jdbctemplate
    private JdbcTemplate jdbcTemplate;

    public void setJdbcTemplate(JdbcTemplate jdbcTemplate) {
        this.jdbcTemplate = jdbcTemplate;
    }

    public List findAllRole() {
        // 定义sql
        String sql = "select * from sys_role";
        // 执行sql
        List roleList = jdbcTemplate.query(sql, new BeanPropertyRowMapper(Role.class));

        return roleList;
    }
}

service层

public interface RoleService {
    public List findAllRole();
}

public class RoleServiceImpl implements RoleService {
    // 通过set注入RoleDao
    private RoleDao roleDao;

    public void setRoleDao(RoleDao roleDao) {
        this.roleDao = roleDao;
    }

    public List findAllRole() {
        
        return roleDao.findAllRole();
    }
}

controller层

@Controller
@RequestMapping("/role")
public class RoleController {
    
    // 注入RoleService
    @Autowired
    private RoleService roleService;
    
     @RequestMapping("/list")
    public ModelAndView listRole(){
        List roleList = roleService.findAllRole();
        System.out.println(roleList);
        
        ModelAndView modelAndView = new ModelAndView();
        // 设置模型
        modelAndView.addObject("roleList",roleList);
        // 设置视图
        modelAndView.setViewName("role-list");
        
        // 返回ModelAndView
        return modelAndView;
    }
}

前端代码

修改侧边栏得到请求路径

前端页面数据展示 role-list.jsp

引入jstl

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

配置相关文件

配置spring-mvc.xml开启组件扫描

配置applicationContext.xml

部署测试

刷新页面

2.2、添加角色

需求：点击新建创关键一个新的角色

dao层

public void saveRole(Role role);

public void saveRole(Role role) {
    String sql = "insert into sys_role values(null,?,?)";
    jdbcTemplate.update(sql,role.getRoleName(),role.getRoleDesc());
}

service层

public void saveRole(Role role);

public void saveRole(Role role) {
    roleDao.saveRole(role);
}

controller层

controller层调用service层进行保存重定向到list进行查询

@RequestMapping("/save")
public String save(Role role){
    roleService.saveRole(role);
    return "redirect:/role/list";
}

前端代码

全局乱码过滤器

由于是使用post请求方式，所以存在乱码问题，配置全局乱码过滤器


    encodingFilter
    org.springframework.web.filter.CharacterEncodingFilter
    
        encoding
        UTF-8
    


    encodingFilter
    
public void deleteRole(int id);

public void deleteRole(int id) {
    String sql = "delete from sys_role where id = ?";
    jdbcTemplate.update(sql,id);
}

service层

public void deleteRole(int id);

public void deleteRole(int id) {
    roleDao.deleteRole(id);
}

controller层

@RequestMapping("/delete")
public String delete(String id){
    int rid = Integer.parseInt(id);
    roleService.deleteRole(rid);
    return "redirect:/role/list";
}

前端代码

部署测试

2.4、用户列表展示

需求：点击用户管理查询数据库展示所有用户信息

思路：

①点击用户管理菜单发送请求到服务器端（修改用户管理菜单的url地址）

②创建UserController和list()方法

③创建UserService和list()方法

④创建UserDao和fifindAll()方法

⑤使用JdbcTemplate完成查询操作

⑥将查询数据存储到modelAndView中

⑦转发到user-list.jsp页面进行展示

编码：

dao层

public interface UserDao {
    
    public List findAllUser();
}

public class UserDaoImpl implements UserDao {
    // 注入jdbctemplate
    private JdbcTemplate jdbcTemplate;

    public void setJdbcTemplate(JdbcTemplate jdbcTemplate) {
        this.jdbcTemplate = jdbcTemplate;
    }

    public List findAllUser() {
        String sql = "select * from sys_user";
        List userList = jdbcTemplate.query(sql, new BeanPropertyRowMapper(User.class));
        return userList;
    }
}

service层

public interface UserService {
    
    public List findAllUser();
}

public class UserServiceImpl implements UserService {
    // 注入userDao
    private UserDao userDao;

    public void setUserDao(UserDao userDao) {
        this.userDao = userDao;
    }

    public List findAllUser() {
        return userDao.findAllUser();
    }
}

controller层

@Controller
@RequestMapping("/user")
public class UserController {

    @Autowired
    private UserService userService;

    @RequestMapping("/list")
    public ModelAndView list(){
        List userList = userService.findAllUser();
        ModelAndView modelAndView = new ModelAndView();
        modelAndView.addObject("userList",userList);
        modelAndView.setViewName("user-list");
        return modelAndView;
    }

}

配置文件

在spring核心配置文件application.xml中添加如下配置：

前端代码

部署测试

发现问题：用户具有的角色我们并不能够查出来，所以查询用户的时候关联查询出该用户所具有的所有角色信息,需要完善查询用户的service层代码

所以我们需要在业务层UserService中向每一个User封装角色信息roles

dao层处理简单业务 service层处理复杂业务

【1】给User实体类添加roles属性

【2】在UserService中完善代码

public List findAllUser() {
    List userList = userDao.findAllUser();
    // 封装每一个user的roles数据
    for (User user : userList) {
        Long id = user.getId();//获得每个用户的id
        // 将id作为参数查询出当前用户对应的具有的角色信息 根据userId查询出roleId 再根据roleId查询出角色信息
        List roles = roleDao.findRolesById(id);
        // 将roles设置到user
        user.setRoles(roles);
    }

    return userList;
}

这里我们需要在UserService中也注入roleDao，注意在配置文件中进行相应的注入。

【3】在RoleDao中添加根据id查询角色信息

 
    public List findRolesById(Long id);

 public List findRolesById(Long id) {
        List roleList = null;
        try {
            String sql = "SELECt * FROM sys_role r,sys_user_role ur WHERe ur.`roleId` = r.`id` AND ur.`userId` = ?";
            roleList = jdbcTemplate.query(sql, new BeanPropertyRowMapper(Role.class), id);
        } catch (DataAccessException e) {
            e.printStackTrace();
        }
        return roleList;
    }

【4】修改前端代码

【5】部署测试

2.5、添加用户第一步：查询角色信息展示

新建用户时，点击新建按钮先去到添加用户的页面user-add.jsp,在添加用户页面需要展示可供选择的角色信息，因此来到添加页面时需要查询所有的角色信息并展示。所以第一步需要查询出角色信息而不是直接跳转到新增个用户页面

dao层

在之前的角色管理中我们已经写了查询所有角色的dao实现，所以我们只需要使用就行

controller层

在userController中新增一个方法，是为了查询角色并展示到页面

@RequestMapping("/saveUserUI")
public ModelAndView saveUserUI(){
    ModelAndView modelAndView = new ModelAndView();
    List roleList = roleService.findAllRole();
    modelAndView.addObject("roleList",roleList);
    modelAndView.setViewName("user-add");
    return modelAndView;
}

前端代码

测试

第二步：添加用户功能实现

添加用户，需要向sys_user表中存放数据，也需要向sys_user_role表中存放数据

所以需要接收的参数一个是user 一个是选择的角色id们，添加用户时用户分配的角色信息应存储到中间表sys_user_role表中，需要用户的id，角色的id，而角色的id由前台页面点选的，用户的id应该是在保存操作由mysql主键自动生成的，那如何获取mysql自增的主键值呢？

controller层

@RequestMapping("/saveUser")
public String saveUser(User user,Long[] roleIds){
    userService.addUser(user,roleIds);
    
    return "redirect:/user/list";
}

service层

public void addUser(User user, Long[] roleIds) {
    // 1、向sys_user表中存储数据 该方法的返回值是自增生成的主键id
    Long userId = userDao.addUser(user);

    // 2、向sys_user_role关系中间表中存储多条数据 映射用户id和角色
    userDao.saveUserRoleRelation(userId,roleIds);
}

这里发现在存放数据到sys_user表的时候，由于后续需要使用到自动生成的主键id，所以需要返回自动生成的主键id，那么关键问题就在于怎样返回自动生成的主键id呢？

其实jdbctemplate有一个API可以帮助我们返回生成的主键id，这个API相对比较复杂
通过自定义底层的preparestatement开启返回自动生成的主键id
所以dao层的代码编写如下;

dao层

添加用户的dao层操作：

public Long addUser(final User user) {
  // 1、创建PrepareStatementCreator
    PreparedStatementCreator creator = new PreparedStatementCreator(){

        public PreparedStatement createPreparedStatement(Connection connection) throws SQLException {
            // 使用原始的jdbc完成一个preparestatement的创建
            String sql = "isnert into sys_user values(?,?,?,?,?)";
            PreparedStatement preparedStatement = connection.prepareStatement(sql,PreparedStatement.RETURN_GENERATED_KEYS);
            preparedStatement.setObject(1,null);
            preparedStatement.setString(2,user.getUsername());
            preparedStatement.setString(3,user.getEmail());
            preparedStatement.setString(4,user.getPassword());
            preparedStatement.setString(5,user.getPhoneNum());

            return preparedStatement;
        }
    };

    // 2、创建keyHolder
    GeneratedKeyHolder keyHolder = new GeneratedKeyHolder();

    jdbcTemplate.update(creator,keyHolder);
    // 3、通过keyholder获得生成的主键
    long userId = keyHolder.getKey().longValue();

    return userId;
}

添加用户月角色映射的dao层操作：

public void saveUserRoleRelation(Long userId, Long[] roleIds) {
    // 向关系表中保存用户id对应的角色id
    for (Long roleId : roleIds) {
        jdbcTemplate.update("insert into sys_user_role values(?,?)",userId,roleId);
    }
}

部署测试

2.6、删除用户

需求：点击删除按钮删除该用户

思路：

①点击用户列表的删除按钮，发送请求到服务器端

②编写UserController的del()方法

③编写UserService的del()方法

⑤编写UserDao的delUserRoleRel()方法

⑥跳回当前用户列表页面

完成用户的删除操作，不仅要删除用户表数据，同时需要将用户和角色的关联表数据进行删除

dao层

public void deleteUser(Long userId);


public void deleteRelation(Long userId);

public void deleteUser(Long userId) {
    String sql = "delete from sys_user where id = ?";
    jdbcTemplate.update(sql, userId);
}

public void deleteRelation(Long userId) {
    String sql = "delete from sys_user_role where userId = ?";
    jdbcTemplate.update(sql,userId);
}

service层

public void deleteUser(Long uid);

public void deleteUser(Long uid) {
    // 要先删除关系表
    userDao.deleteRelation(uid);
    // 再删除user表
    userDao.deleteUser(uid);
}

controller层

@RequestMapping("/delete/{uid}")
public String deleteUser(@PathVariable("uid") Long id){
    userService.deleteUser(id);
    return "redirect:/user/list";
}

前端代码：

部署测试

Spring综合练习 —— 基于Spring+SpringMVC的后台管理系统Demo案例

Java相关栏目本月热门文章