springmvc练习-crud

练习前先配置好数据库配置文件，springmvc配置文件，spring配置文件以及web.xml

jdbc.properties文件

jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql://localhost:3306/test
jdbc.username=root
jdbc.password=***

applicationContext.xml文件

<?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: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"/>
    </bean>
</beans>

spring-mvc.xml文件
因为这次controller层使用注解，其余使用xml配置，因此加上个组件扫描扫controller包；
视图解析器配置前后缀，之后的视图跳转只需要写文件名称即可

<?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:mvc="http://www.springframework.org/schema/mvc"
       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/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd
       http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd
">


<!--    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/>


<!--    4.组件扫描-->
    <context:component-scan base-package="com.wzy.controller"/>
</beans>

web.xml文件配置
配置servlet前端控制器就可以和springmvc.xml文件配置一起控制和解析controller方法中返回的前端页面名

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">



    <!--    1.全局的初始化参数——读取applicationContext.xml文件-->
    <context-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>classpath:applicationContext.xml</param-value>
    </context-param>

    <!--    2.配置spring监听器-->
    <listener>
        <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
    </listener>

    <!--    3.配置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>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>DispatcherServlet</servlet-name>
        <url-pattern>/</url-pattern>
        <!--        即所有都交给前端控制器-->
    </servlet-mapping>



    <!--解决乱码的过滤器-->
    <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>
</web-app>

根据前端来推写后端功能（雾嘿嘿）

前端素材——链接：https://pan.baidu.com/s/1whe5Eq-O3eXwBhZcEs2xOg 提取码：aljx
前端文件复制到web文件夹下

查询-角色列表的展示
操作步骤：
1.前端页面点击管理菜单发送请求
2.写相应的controller来接收请求
3.写相应的service来供controller调用
4.写相应的dao来供service来调用，完成数据库查询
5.编写applicationContext.xml文件配置
6.转发到指定页面展示数据

1.将前端页面的a标签跳转按钮url修改为controller的格式
（pages/aside.jsp）

2.类名上的requestmapping注解是url的前段
方法名上的requestmapping注解是url的后段
两个mapping名字拼接在一起才算访问到方法。
这次需要查询所有的角色身份信息，因此需要用一个集合类型来接
controller方法返回ModelAndView类型值
其中model即模型，理解为装数据的
view为视图——即标明数据需要呈现在哪个页面，这边将数据传到role-list页面

3.先编写一个类用作数据对象，与数据库数据对应

再编写service层接口和实现类，实现类中调用dao层（未写）对象的方法
【可以先建好接口与类，idea提供了快捷补充方法与接口的功能，在controller中点未实现的方法即可】
这边有一个存入一个查询方法，这次只用了查询

实现类中继承接口方法后写调用

4.编写dao层的接口与实现类
这里只用到了findAll方法

使用jdbc模板来查询数据

5.配置applicationContext.xml文件，bean和依赖注入

<bean id="RoleDao" class="com.wzy.dao.impl.RoleDaoImpl">
        <property name="jdbcTemplate" ref="jdbcTemplate"/>
    </bean>

    <bean id="RoleService" class="com.wzy.service.impl.RoleServiceImpl">
        <property name="roleDao" ref="RoleDao"/>
    </bean>

6.修改前端页面，使数据显示在页面中
其中foreach循环分别取出每个Role对象
items的roleList是之前ModelAndView中

modelAndView.addObject(“roleList”,roleList);

的第一个参数名
var是为取出的每一个对象而命的别名

这样一个从前端请求到数据查询再返回到页面的流程就走完了，其余的删除、修改、添加流程类似

=============================================
添加role流程：
1.修改前端url
2.编写controller、service层、dao层
3.xml配置
4.返回前端展示页面

1.修改表单form标签的action属性（表单中input每一项的name属性值必须与java类—Role对象的属性名相同）

2.编写controller的save方法

roleservice接口中添加save方法，impl实现中调用dao对象的save方法，补写roledao接口中的save方法和实现类的方法


3.由于修改的类与上面查询相同，xml的bean和DI配置不用变

4.返回查询所有role信息的url
即controller中的return
【因为有前端解析器，因此controller中的string类型返回值就会被解析成跳转的页面名】

=============================================
删除流程：
1.修改前端url
2.编写controller、service层、dao层
3.xml配置
4.返回前端展示页面

1.在role信息呈现页面的删除按钮a标签中添加onclick

οnclick=“delUser(’${role.id}’)”

在head标签内编写JavaScript

<script>
		function delUser(roleId) {
			if (confirm("确认删除？")){
				location.href="${pageContext.request.contextPath}/role/del/"+roleId;
			}
		}
	</script>

这里用一下restful风格编写url

2.编写controller

@RequestMapping("/del/{roleId}")
    public String del(@PathVariable("roleId") Long roleId){
        roleService.del(roleId);
        return "redirect:/role/list";
    }

service和dao接口略
编写roleserviceimpl

@Override
    public void del(Long roleId) {
        roleDao.del(roleId);
    }

编写roledaoimpl

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

3.由于修改的类与上面查询相同，xml的bean和DI配置不用变

4.返回查询所有role信息的url

=========================================
修改role功能步骤：

所给材料中并没有修改页面，需要自行编写（cv大法），这里仅仅给出思路步骤。。。详细一点而已

思路：
传递id参数，查询数据，数据反显，数据提交，修改数据，返回页面

在查询所有role信息页面的表单foreach循环中复制粘贴一份删除功能的td标签，将删除字段改为“修改”，将onclick的方法名改一下，同时把script标签的确认功能confirm删掉
再复制一份role-add.jsp，改名为role-change.jsp
编写controllerCV一下删除功能的，修改名字和实现，实现的直接CV查询所有role信息的controller，只需要将list改为单个role返回值即可，一路编写（CV）到dao层才将删除语句改成查询语句
然后修改前端页面，使其接收返回的单个role对象的数据

修改完后提交，这一部分的功能和流程实现与上面的添加role方法一样，改变的部分只有最后的dao层实现的jdbc模板改为jdbcTemplate.update并编写update语句

that’s all,打完收工