ssmdemo

1.总体项目构建配置

1.1开发步骤

①创建工程（Project&Module）

②导入静态页面（见资料jsp页面，现成的）：

• 创建webapps：

  

  正在上传…重新上传取消

点击进去以后再改两个地方的路径：加上/src/main/webapps

• 把.jsp文件粘过去

③导入需要坐标（见资料中的pom.xml）【这里的mysql驱动版本一定要对！！不然连不上tom，看网上说在配数据库路径时，8.0:jdbc.driver=com.mysql.cj.jdbc.Driver】

正在上传…重新上传取消

④创建包结构（controller、service、dao、domain、utils）

正在上传…重新上传取消

⑤导入数据库脚本（见资料test.sql）

在数据库中创建与.sql同名数据库

正在上传…重新上传取消

⑥创建POJO类（见资料User.java和Role.java）

⑦ 创建配置文件

applicationContext.xml （Spring的核心文件配置bean业务/dao）

正在上传…重新上传取消

spring-mvc.xml （web层 配置注解驱动/静态资源访问器/内部资源视图解释器）

jdbc.properties 配置数据库

log4j.properties （关于日志的配置文件）

web层：SpringMVC ioc 创建bean

dao层：JDBC

1.2遇到的问题：

1.2.1【打war包,在pom.xml中配置】

打完包左侧栏会有target文件夹

正在上传…重新上传取消

1.2.2【数据库端口号的修改】

排查 step1：开启mysql服务

sudo /usr/local/mysql/support-files/mysql.server start

step2：开启mysql客服端

sudo /usr/local/mysql/bin/mysql -u root -p

step3：检查端口号（如果是0，那么恭喜你找到了问题所在）

mysql> show global variables like 'port';

解决 step4：关闭mysql服务

sudo /usr/local/mysql/support-files/mysql.server stop

step5：在访达中手动找到下面路径的文件（访达-右键-前往文件夹）

/Library/LaunchDaemons/com.oracle.oss.mysql.mysqld.plist

step5：以较高权限打开该文件（显示简介改权限），在ProgramArguments下添加这么一行：

<string>--port=3306</string>

原文链接：【数据库连接失败】IDEA中数据库连接报错 [08S01] Communications link failure...the server was 0 milliseconds ago解决方案_samarua的博客-CSDN博客_08s01

1.2.3【idea连接数据库】

链接 ： IntelliJ IDEA 连接，配置，操作数据库详细过程_西邮陈冠希的博客-CSDN博客_idea连接数据库

1.2 配置webapps/web.xml

配置web.xml如下：

在Web项目中，可以使用ServletContextListener监听Web应用的启动，我们可以在Web应用启动时，就加载Spring的配置文件，创建应用上下文对象ApplicationContext，在将其存储到最大的域servletContext域中，这样就可以在任意位置从域中获得应用上下文ApplicationContext对象了。

Spring提供了一个监听器ContextLoaderListener就是对上述功能的封装，该监听器内部加载Spring配置文件，创建应用上下文对象，并存储到ServletContext域中，提供了一个客户端工具WebApplicationContextUtils供使用者获得应用上下文对象。

<!--全局的初始化参数-->
    <context-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>classpath:applicationContext.xml</param-value>
    </context-param>
    <!--Spring的监听器-->
    <listener>
        <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
    </listener>
    <!--SpringMVC的前端（核心）控制器-->
    <servlet>
        <servlet-name>DispatcherServlet</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:spring-mvc.xml</param-value>
        </init-param>
        <load-on-startup>2</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>DispatcherServlet</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>
​

1.3 配置spring-mvc.xml

注解驱动，视图解析器，静态资源的开放

配置如下：

    <!--1、mvc注解驱动-->
    <mvc:annotation-driven/>
​
    <!--2、配置视图解析器-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/pages/"/>
        <property name="suffix" value=".jsp"/>
    </bean>
​
    <!--3、静态资源权限开放-->
    <mvc:default-servlet-handler/>
​

1.4 配置applicationContext.xml

加载properties, 配置数据源对象，配置JdbcTemplate对象

配置如下：

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="
     http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
     http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd">
​
​
      <!--1、数据源，加载jdbc.properties,在上面引入了context命名空间-->
    <context:property-placeholder location="classpath:jdbc.properties"/>
​
     <!--2、配置数据源对象-->
     <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource">
         <property name="driverClass" value="${jdbc.driver}"/>
         <property name="jdbcUrl" value="${jdbc.url}"/>
         <property name="user" value="${jdbc.username}"/>
         <property name="password" value="${jdbc.password}"/>
     </bean>
​
    <!--3、配置jdbcTemplate对象-->
    <bean id="jdbcTemplate" class="org.springframework.jdbc.core.JdbcTemplate">
        <property name="dataSource" ref="dataSource"></property>
    </bean>
​

ref属性：查找当前配置文件里的bean，作为参数给到id=***中

ref标签有3种属性：

<ref bean=""/> ：查找全局中的bean。即可以查找其他xml配置文件的bean，优先从当前配置文件寻找

<ref local=""/> ：查找当前配置文件中bean,等同于ref属性。local属性值必须同目标bean的id属性值相同

<ref parent=""/>：指定其依赖的父JavaBean定义

2.角色（role）列表的实现

需求：角色列表展示，需求如图所示：

正在上传…重新上传取消

完成该功能的思路和步骤为：

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

②创建RoleController和list()方法

③创建RoleService和list()方法

④创建RoleDao和findAll()方法

⑤使用JdbcTemplate完成查询操作

⑥将查询数据存储到modelAndView中

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

2.1 角色role- -controller层实现

2.1.1 修改aside.jsp文件中/role/list链接

（原本页面有的 改一下）

<ul class="treeview-menu">
​
          <li><a
            href="${pageContext.request.contextPath}/user/list"> <i
              class="fa fa-circle-o"></i> 用户管理
          </a></li>
          <li><a
            href="${pageContext.request.contextPath}/role/list"> <i
              class="fa fa-circle-o"></i> 角色管理
          </a></li>
          <li><a
            href="${pageContext.request.contextPath}/pages/syslog-list.jsp"> <i
              class="fa fa-circle-o"></i> 访问日志
          </a></li>
        </ul>

2.1.2 Controller层代码：

知识点补充：

• 使用ModelAndView类用来存储处理完后的结果数据，以及显示该数据的视图。从名字上看ModelAndView中的Model代表模型，View代表视图，这个名字就很好地解释了该类的作用。业务处理器调用模型层处理完用户请求后，把结果数据存储在该类的model属性中，把要返回的视图信息存储在该类的view属性中，然后让该ModelAndView返回该Spring MVC框架。框架通过调用配置文件中定义的视图解析器，对该对象进行解析，最后把结果数据显示在指定的页面上。

具体作用：

1、返回指定页面

ModelAndView构造方法可以指定返回的页面名称,

也可以通过setViewName()方法跳转到指定的页面 .

2、返回所需数值

使用addObject()设置需要返回的值，

addObject()有几个不同参数的方法，可以默认和指定返回对象的名字。

原文链接：SpringMVC之ModelAndView的用法_一位远方的诗人的博客-CSDN博客_ryb色环

• 两个注解 原文链接Spring MVC中@Controller和@RequestMapping注解详解

  • @Controller：在基于注解的控制器类中可以编写多个处理方法，进而可以处理多个请求（动作），这就允许将相关的操作编写在同一个控制器类中，从而减少控制器类的数量，方便以后的维护。

  • @RequestMapping("/role")：基于注解的控制器不需要在配置文件中部署映射，仅需要使用 RequestMapping 注释类型注解一个方法进行请求处理。

  • @Autowired： 自动装配指的就是使用将 Spring 容器中的 bean 自动的和我们需要这个 bean 的类组装在一起。

@RequestMapping("/role") //这里的role代表逻辑视图的名称，类别级注释
@Controller
public class RoleController { //编写处理方法
​
    @Autowired
    private RoleService roleService;
    
    @RequestMapping("/list")       //   （/role/list）
    public ModelAndView list(){
        ModelAndView modelAndView = new ModelAndView();
        List<Role> roleList = roleService.list();
        //设置模型
        modelAndView.addObject("roleList",roleList);
        //设置视图
        modelAndView.setViewName("role-list");
        System.out.println(roleList);
        return modelAndView;
    }
​
}

2.2 角色role-- service层和dao层实现(应用)

service层代码：

public class RoleServiceImpl implements RoleService {
​
    private RoleDao roleDao;
    public void setRoleDao(RoleDao roleDao) {
        this.roleDao = roleDao;
    }
​
    public List<Role> list() {
        List<Role> roleList = roleDao.findAll();
        return roleList;
    }
}

dao层代码：

public class RoleDaoImpl implements RoleDao {
​
    private JdbcTemplate jdbcTemplate;
    public void setJdbcTemplate(JdbcTemplate jdbcTemplate) {
        this.jdbcTemplate = jdbcTemplate;
    }
​
    public List<Role> findAll() {
        List<Role> roleList = jdbcTemplate.query("select * from sys_role", new BeanPropertyRowMapper<Role>(Role.class));
        return roleList;
    }
}
​

2.3角色role--配置实现

配置spring-mvc.xml

<!--4、组件扫描  扫描Controller-->
    <context:component-scan base-package="com.itheima.controller"/>
​

配置applicationContext.xml

<!--配置RoleService-->
    <bean id="roleService" class="com.itheima.service.impl.RoleServiceImpl">
        <property name="roleDao" ref="roleDao"/>
    </bean>
    <!--配置RoleDao-->
    <bean id="roleDao" class="com.itheima.dao.impl.RoleDaoImpl">
        <property name="jdbcTemplate" ref="jdbcTemplate"/>
    </bean>

2.4角色role--页面展示

在role-list.jsp中将数据取出来并展示,核心代码如下：

<c:forEach items="${roleList}" var="role">
<tr>
	<td><input name="ids" type="checkbox"></td>
	<td>${role.id}</td>
	<td>${role.roleName}</td>
	<td>${role.roleDesc}</td>
	<td class="text-center">
	<a href="javascript:void(0);" class="btn bg-olive btn-xs">删除</a>
	</td>
</tr>
</c:forEach>

2.5角色role--添加角色操作

需求：添加角色，需求图如下：

正在上传…重新上传取消

操作步骤如下：

①点击列表页面新建按钮跳转到角色添加页面

②输入角色信息，点击保存按钮，表单数据提交服务器

③编写RoleController的save()方法

④编写RoleService的save()方法

⑤编写RoleDao的save()方法

⑥使用JdbcTemplate保存Role数据到sys_role

⑦跳转回角色列表页面

controller代码如下：

@RequestMapping("/save")
    public String save(Role role){
        roleService.save(role);
      //重定向跳转到/role/list页面
        return "redirect:/role/list";
    }

service代码如下：

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

dao代码如下：

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

为了解决post提交中文乱码问题，需要在web.xml中配置全局乱码过滤器

<!--解决乱码的过滤器-->    
<filter>
        <filter-name>CharacterEncodingFilter</filter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
        <init-param>
            <param-name>encoding</param-name>
            <param-value>UTF-8</param-value>
        </init-param>
    </filter>
    <filter-mapping>
        <filter-name>CharacterEncodingFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

测试，完成该功能。

2.6 用户表user和角色表role的分析

分析用户和角色在数据库设计中的表关系：多对多关系(使用中间表)，关系如图所示：

正在上传…重新上传取消

一个用户可以有多个角色 一个角色可以有很多个用户充当，使用中间表把他们联结起来

3.用户（User）列表的实现

需求：查询用户列表，需求图如下：

在查User表的同时还要查他的角色表，也就是多表查询

正在上传…重新上传取消

完成该功能的操作步骤：

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

②创建UserController和list()方法

③创建UserService和list()方法

④创建UserDao和findAll()方法

⑤使用JdbcTemplate完成查询操作

⑥将查询数据存储到modelAndView中

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

3.1 用户列表Controller,service,dao层实现

用户列表UserController,service,dao层代码如下：

controller层

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

service层

public List<User> list() {
        List<User> userList = userDao.findAll();
        //封装userList中的每一个User的roles数据
        return userList;
    }

dao层:

public List<User> findAll() {
        List<User> userList = jdbcTemplate.query("select * from sys_user", new BeanPropertyRowMapper<User>(User.class));
        return userList;
    }

3.2 查询操作

【查询两张表，所以除过user本身还要封装role的内容】

查询用户的时候关联查询出该用户所具有的所有角色信息,需要完善查询用户的service层代码

在角色的dao中添加方法，根据用户id查询角色列表

//在角色dao中根据用户id查询用户具有的角色信息
 
public List<Role> findRoleByUserId(Long id) {
        List<Role> roles = jdbcTemplate.query("select * from sys_user_role ur,sys_role r where ur.roleId=r.id and ur.userId=?", new BeanPropertyRowMapper<Role>(Role.class), id);
        return roles;
    }

完善userservcie层代码如下：

//在查询用户的service中关联查询用户具有的角色
public List<User> list() {
        List<User> userList = userDao.findAll();
        //封装userList中的每一个User的roles数据
        for (User user : userList) {
            //获得user的id
            Long id = user.getId();
            //将id作为参数 查询当前userId对应的Role集合数据
            List<Role> roles = roleDao.findRoleByUserId(id);
            user.setRoles(roles);
        }
        return userList;
    }

查询用户的时候关联查询出该用户所具有的所有角色信息，前端jsp页面核心代码

<c:forEach items="${userList}" var="user">
<tr>
	<td><input name="ids" type="checkbox"></td>
	<td>${user.id}</td>
	<td>${user.username}</td>
	<td>${user.email}</td>
	<td>${user.phoneNum}</td>
	<td class="text-center">
		<c:forEach items="${user.roles}" var="role">
		&nbsp;&nbsp;${role.roleName}
		</c:forEach>
	</td>
	<td class="text-center">
		<a href="javascript:void(0);" οnclick="delUser('${user.id}')" class="btn bg-olive btn-xs">删除</a>
	</td>
</tr>
</c:forEach>

3.3 添加User操作（role表关联）

需求：添加用户，需求图如下：

正在上传…重新上传取消

新建用户时，点击新建按钮先去到添加用户的页面user-add.jsp,在添加用户页面需要展示可供选择的角色信息，因此来到添加页面时需要查询所有的角色信息并展示

去到user-add.jsp页面时先查询所有角色信息的controller代码

@RequestMapping("/saveUI")
    public ModelAndView saveUI(){
        ModelAndView modelAndView = new ModelAndView();
        List<Role> roleList = roleService.list();
        modelAndView.addObject("roleList",roleList);
        modelAndView.setViewName("user-add");
        return modelAndView;
    }

因为查询所有角色信息的service层和dao层代码在之前角色列表展示功能的时候已经写了，因此只需调用即可，

在user-add.jsp页面展示所有角色信息的核心代码

<div class="col-md-10 data">
	<c:forEach items="${roleList}" var="role">
	<input class="" type="checkbox" name="roleIds" value="${role.id}">${role.roleName}
</c:forEach>
</div>

添加用户页面有两部分数据，一部分属于用户基础数据需要插入到用户表user中，另一部分是用户的角色数据，需要插入到中间表sys_user_role中

user-add.jsp页面提交数据到controller完成数据添加操作的controller层和service层代码分别如下：

//controller层代码
@RequestMapping("/save")
    public String save(User user,Long[] roleIds){
        userService.save(user,roleIds);
        return "redirect:/user/list";
    }

//service层代码
public void save(User user, Long[] roleIds) {
        //第一步 向sys_user表中存储数据
        Long userId = userDao.save(user);
        //第二步 向sys_user_role 关系表中存储多条数据
        userDao.saveUserRoleRel(userId,roleIds);
    }

dao层代码因为还需要重新构建，因此学完下一个章节后重新编写，因为这里留下了一个问题，在dao层操作后如何获得自增的主键id值呢?

3.4优化user用户添加操作

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

使用JdbcTemplate执行插入操作时获取mysql自增的主键值：

添加操作的dao层代码如下：

@Override
    public Long  save(User user) {
/*
        此方法不能获取到保存对象的Id
        jdbcTemplate.update("insert into sys_user values(?,?,?,?,?) ", null, user.getUsername(), user.getEmail(), user.getPassword(), user.getPhoneNum());
*/

        //最优  使用mybatis

        //这里使用jdbc模板的api（后期不咋用）
        //创建PreparedStatementCreator
        PreparedStatementCreator creator = new PreparedStatementCreator() {
            public PreparedStatement createPreparedStatement(Connection connection) throws SQLException {
                //使用原始jdbc完成有个PreparedStatement的组建
                PreparedStatement preparedStatement = connection.prepareStatement("insert into sys_user values(?,?,?,?,?)", 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;
            }
        };
        //创建keyHolder
        GeneratedKeyHolder keyHolder = new GeneratedKeyHolder();
        jdbcTemplate.update(creator,keyHolder);
        //获得生成的主键
        Long userId = keyHolder.getKey().longValue();



        //返回当前插入对象的userId，这个id是数据库自动生成的
        return userId;
    }

public void saveUserRoleRel(Long userId, Long[] roleIds) {
        for (Long roleId : roleIds) {
            jdbcTemplate.update("insert into sys_user_role values(?,?)",userId,roleId);
        }
    }

3.6 删除用户操作

【先删从表】

删除用户功能的需求如图所示:

正在上传…重新上传取消

操作步骤如下：

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

②编写UserController的del()方法

③编写UserService的del()方法

⑤编写UserDao的delUserRoleRel()方法

⑥跳回当前用户列表页面

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

controller代码

@RequestMapping("/del/{userId}")
    public String del(@PathVariable("userId") Long userId){
        userService.del(userId);
        return "redirect:/user/list";
    }

service代码

public void del(Long userId) {
        //1、删除sys_user_role关系表
        userDao.delUserRoleRel(userId);
        //2、删除sys_user表
        userDao.del(userId);
    }

dao代码:不仅要删除用户表数据，同时需要将用户和角色的关联表数据进行删除

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

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