Mybatis、SpringMVC练习CRM系统

最新推荐文章于 2023-05-19 21:02:48 发布

灯下晚归人cc

最新推荐文章于 2023-05-19 21:02:48 发布

阅读量121

点赞数

文章标签： java spring 开发语言

本文链接：https://blog.csdn.net/qq_58003121/article/details/122698153

版权

知识回顾

Springmvc 高级参数绑定数组 List

<input type name=ids /> 多个

方法 (Integer[] ids) QueryVo (里面Integer[] ids)

方法（QueryVo 里面List<Items> itemList

REquestMapping 处理器映射器（找此标签路径）

Value = {多个路径,}

Value = {/item/sfdsf.action} 类头上

Method=RequestMethod.POST或GET

3、 Controller方法返回值

三个

ModelAndView 建议不使用不解偶

String 返回视图的路径（形参绑定Model ）重定向redirect:另一个方法的映射路径 forward:内部转发

Void 异步请求使用

异常处理器

预期、运行时

自定义异常处理类实现HandlerEexceptionResolver

由Spring实现化自定义的处理类

未知异常

CustomEexception 继承Eexception

4、上传图片

1）Form 上传图片了 action上传路径

2）input type=file name=picturePic

3)接收此图片形参上绑定 MultipartFile picturePic 接口

4）配置此接口的实现类 Springmvc.xml配置CommonsMultipartFileResolver id=multipartFileResolver

5、JSON数据交互

应用场景：前端是各种 html Freemarker JSP一个Servlet 是Java代码 jstl C

浏览器 Ajax 发送JSON字符串报文

6、拦截器

拦截器应用（练习）

CRM项目外观

开发环境

IDE： Eclipse Mars2

Jdk: 1.7

数据库: MySQL

创建数据库

数据库sql文件位置如下图：

创建crm数据库，执行sql

效果如下图：

工程搭建

使用的Bootstrap前端框架,官方网站

http://www.bootcss.com/

工程使用Springmvc、spring、mybatis框架整合完成。

1. 需要的jar包
spring（包括springmvc）
mybatis
mybatis-spring整合包
数据库驱动
第三方连接池。
Json依赖包Jackson

1. 整合思路

Dao层：

SqlMapConfig.xml，空文件即可，但是需要文件头。
applicationContext-dao.xml
1. 数据库连接Druid
2. SqlSessionFactory对象，需要spring和mybatis整合包下的。
3. 配置mapper文件扫描器。Mapper动态代理开发增强版

Service层：

applicationContext-service.xml包扫描器，扫描@service注解的类。
applicationContext-trans.xml配置事务。

Controller层：

Springmvc.xml
1. 包扫描器，扫描@Controller注解的类。
2. 配置注解驱动
3. 配置视图解析器

Web.xml文件：

配置spring监听器
配置前端控制器。

1. 创建工程

创建动态web工程，步骤如下图：

1. 加入配置文件

创建config资源文件夹，在里面创建mybatis和spring文件夹

1. 1. SqlMapConfig.xml

空文件即可

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN"

"http://mybatis.org/dtd/mybatis-3-config.dtd">

</configuration>

1. 1. applicationContext-dao.xml

需要配置：

加载properties文件，数据源，SqlSessionFactory，Mapper扫描

<?xml version="1.0" encoding="UTF-8"?>

<beans xmlns="http://www.springframework.org/schema/beans"

xmlns:context="http://www.springframework.org/schema/context" xmlns:p="http://www.springframework.org/schema/p"

xmlns:aop="http://www.springframework.org/schema/aop" xmlns:tx="http://www.springframework.org/schema/tx"

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.0.xsd

http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.0.xsd

http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.0.xsd http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-4.0.xsd

http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util-4.0.xsd">

<context:property-placeholder location="classpath:jdbc.properties" />

</bean>

</bean>

</bean>

</beans>

1. 1. jdbc.properties

配置数据库信息

jdbc.driver=com.mysql.jdbc.Driver

jdbc.url=jdbc:mysql://localhost:3306/crm?characterEncoding=utf-8

jdbc.username=root

jdbc.password=root

1. 1. log4j.properties

配置日志信息

# Global logging configuration

log4j.rootLogger=DEBUG, stdout

# Console output...

log4j.appender.stdout=org.apache.log4j.ConsoleAppender

log4j.appender.stdout.layout=org.apache.log4j.PatternLayout

log4j.appender.stdout.layout.ConversionPattern=%5p [%t] - %m%n

1. 1. applicationContext-service.xml

配置service扫描

<?xml version="1.0" encoding="UTF-8"?>

<beans xmlns="http://www.springframework.org/schema/beans"

xmlns:context="http://www.springframework.org/schema/context" xmlns:p="http://www.springframework.org/schema/p"

xmlns:aop="http://www.springframework.org/schema/aop" xmlns:tx="http://www.springframework.org/schema/tx"

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.0.xsd

http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.0.xsd

http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util-4.0.xsd">

<context:component-scan base-package="cn.itcast.crm.service" />

</beans>

1. 1. applicationContext-trans.xml

配置事务管理：事务管理器、通知、切面

<?xml version="1.0" encoding="UTF-8"?>

<beans xmlns="http://www.springframework.org/schema/beans"

xmlns:context="http://www.springframework.org/schema/context" xmlns:p="http://www.springframework.org/schema/p"

xmlns:aop="http://www.springframework.org/schema/aop" xmlns:tx="http://www.springframework.org/schema/tx"

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.0.xsd

http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.0.xsd

http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util-4.0.xsd">

</bean>

<tx:advice id="txAdvice" transaction-manager="transactionManager">

<tx:attributes>

<tx:method name="save*" propagation="REQUIRED" />

<tx:method name="insert*" propagation="REQUIRED" />

<tx:method name="add*" propagation="REQUIRED" />

<tx:method name="create*" propagation="REQUIRED" />

<tx:method name="delete*" propagation="REQUIRED" />

<tx:method name="update*" propagation="REQUIRED" />

<tx:method name="find*" propagation="SUPPORTS" read-only="true" />

<tx:method name="select*" propagation="SUPPORTS" read-only="true" />

<tx:method name="get*" propagation="SUPPORTS" read-only="true" />

<tx:method name="query*" propagation="SUPPORTS" read-only="true" />

</tx:attributes>

</tx:advice>

<aop:config>

<aop:advisor advice-ref="txAdvice"

pointcut="execution(* cn.itcast.crm.service.*.*(..))" />

</aop:config>

</beans>

1. 1. Springmvc.xml

配置SpringMVC表现层：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:p="http://www.springframework.org/schema/p"

xmlns:context="http://www.springframework.org/schema/context"

xmlns:mvc="http://www.springframework.org/schema/mvc"

xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.0.xsd

http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd

http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.0.xsd">

<context:component-scan base-package="cn.itcast.crm.controller" />

<mvc:annotation-driven />

</bean>

</beans>

1. 1. Web.xml

配置Spring、SpringMVC、解决post乱码问题

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xmlns="http://java.sun.com/xml/ns/javaee"

xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"

id="WebApp_ID" version="2.5">

<display-name>boot-crm</display-name>

<welcome-file-list>

<welcome-file>index.jsp</welcome-file>

</welcome-file-list>

<context-param>

<param-name>contextConfigLocation</param-name>

<param-value>classpath:spring/applicationContext-*.xml</param-value>

</context-param>

<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>

</listener>

<filter-name>encoding</filter-name> <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>

</filter>

<filter-mapping>

<filter-name>encoding</filter-name>

<url-pattern>/*</url-pattern>

</filter-mapping>

<servlet-name>boot-crm</servlet-name>

<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>

<init-param>

<param-name>contextConfigLocation</param-name>

<param-value>classpath:spring/springmvc.xml</param-value>

</init-param>

<load-on-startup>1</load-on-startup>

</servlet>

<servlet-mapping>

<servlet-name>boot-crm</servlet-name>

<url-pattern>/</url-pattern>

</servlet-mapping>

</web-app>

1. 加入静态资源

最终效果如下图：

实现页面展示
1. 代码实现

编写CustomerController 显示用户列表

@Controller

@RequestMapping("customer")

public class CustomerController {

/**

* 显示用户列表

* @return

@RequestMapping("list")

public String queryCustomerList() {

return "customer";

}

1. 页面显示问题

访问页面，发现不能正常显示

打开开发者工具，选择Network，

发现css、js等资源文件无法加载

原因：web.xml配置时，是设置所有的请求都进入SpringMVC。但是SpringMVC 无法处理css、js等静态资源，所以无法正常显示

解决方案：

在springmvc.xml中配置

<mvc:default-servlet-handler />

修改web.xml，让所有以action结尾的请求都进入SpringMVC

<servlet-mapping>

<servlet-name>boot-crm</servlet-name>

<url-pattern>*.action</url-pattern>

</servlet-mapping>

解决后的效果如下图，可以正常显示页面样式：

我们使用第二种方式解决，因为此项目中的页面的请求都是以action结尾的，所以使用第二种方式，在web.xml里面进行相应的配置

<servlet-mapping>

<servlet-name>boot-crm</servlet-name>

<url-pattern>*.action</url-pattern>

</servlet-mapping>

实现查询条件初始化
1. 需求分析

页面效果如上图，在查询客户的时候，可以选择客户来源,所属行业,客户级别信息,页面加载时需要初始化查询条件下拉列表。

前端jsp逻辑

</div>

<c:forEach items="${fromType}" var="item">

<option value="${item.dict_id}"<c:if test="${item.dict_id == custSource}"> selected</c:if>>${item.dict_item_name }</option>

</c:forEach>

</select>

</div>

<c:forEach items="${industryType}" var="item">

<option value="${item.dict_id}"<c:if test="${item.dict_id == custIndustry}"> selected</c:if>>${item.dict_item_name }</option>

</c:forEach>

</select>

</div>

<c:forEach items="${levelType}" var="item">

<option value="${item.dict_id}"<c:if test="${item.dict_id == custLevel}"> selected</c:if>>${item.dict_item_name }</option>

</c:forEach>

</select>

</div>

</form>

按照jsp的要求,把对应的数据查询出来,放到模型中。

数据存放在base_dict表，可以使用dict_type_code类别代码进行查询

使用需要获取的数据如下图

使用的sql:

SELECT * FROM base_dict WHERE dict_type_code = '001'

1. 实现DAO开发
  1. pojo

因为页面显示的名字是下划线方式，和数据库表列名一样，根据页面的样式，编写pojo

public class BaseDict {

private String dict_id;

private String dict_type_code;

private String dict_type_name;

private String dict_item_name;

private String dict_item_code;

private Integer dict_sort;

private String dict_enable;

private String dict_memo;

get/set。。。。。。

}

1. 1. Mapper

编写BaseDictMapper

public interface BaseDictMapper {

/**

* 根据类别代码查询数据

* @param dictTypeCode

* @return

List<BaseDict> queryBaseDictByDictTypeCode(String dictTypeCode);

}

1. 1. Mapper.xml

编写BaseDictMapper.xml

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE mapper

PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"

"http://mybatis.org/dtd/mybatis-3-mapper.dtd">

<select id="queryBaseDictByDictTypeCode" parameterType="String"

resultType="cn.itcast.crm.pojo.BaseDict">

SELECT * FROM base_dict WHERE dict_type_code =

#{dict_type_code}

</select>

</mapper>

1. 实现Service开发
  1. BaseDictService 接口

public interface BaseDictService {

/**

* 根据类别代码查询

* @param dictTypeCode

* @return

List<BaseDict> queryBaseDictByDictTypeCode(String dictTypeCode);

}

1. 1. BaseDictServiceImpl 实现类

@Service

public class BaseDictServiceImpl implements BaseDictService {

@Autowired

private BaseDictMapper baseDictMapper;

@Override

public List<BaseDict> queryBaseDictByDictTypeCode(String dictTypeCode) {

List<BaseDict> list = this.baseDictMapper.queryBaseDictByDictTypeCode(dictTypeCode);

return list;

}

1. 实现Controller开发
  1. 修改之前编写的controller

@Controller

@RequestMapping("customer")

public class CustomerController {

@Autowired

private BaseDictService baseDictService;

/**

* 显示客户列表

* @return

@RequestMapping("list")

public String queryCustomerList(Model model) {

// 客户来源

List<BaseDict> fromType = this.baseDictService.queryBaseDictByDictTypeCode("002");

// 所属行业

List<BaseDict> industryType = this.baseDictService.queryBaseDictByDictTypeCode("001");

// 客户级别

List<BaseDict> levelType = this.baseDictService.queryBaseDictByDictTypeCode("006");

// 把前端页面需要显示的数据放到模型中

model.addAttribute("fromType", fromType);

model.addAttribute("industryType", industryType);

model.addAttribute("levelType", levelType);

return "customer";

}

1. 1. 效果

实现效果如下图：

1. 1. 硬编码问题

这里是根据dict_type_code类别代码查询数据，这里的查询条件是写死的，有硬编码问题。可以把类别代码提取到配置文件中，再使用@value注解进行加载。

1. 1. 1. 添加env.properties

添加env.properties配置文件

#客户来源

CUSTOMER_FROM_TYPE=002

#客户行业

CUSTOMER_INDUSTRY_TYPE=001

#客户级别

CUSTOMER_LEVEL_TYPE=006

1. 1. 1. 修改springmvc.xml配置文件

在springmvc.xml中加载env.properties

<context:property-placeholder location="classpath:env.properties" />

注意:Controller需要的配置文件信息必须添加到springmvc的配置文件中

1. 1. 1. 修改Controller方法

@Controller

@RequestMapping("customer")

public class CustomerController {

// 客户来源

@Value("${CUSTOMER_FROM_TYPE}")

private String CUSTOMER_FROM_TYPE;

// 客户行业

@Value("${CUSTOMER_INDUSTRY_TYPE}")

private String CUSTOMER_INDUSTRY_TYPE;

// 客户级别

@Value("${CUSTOMER_LEVEL_TYPE}")

private String CUSTOMER_LEVEL_TYPE;

@Autowired

private BaseDictService baseDictService;

/**

* 显示客户列表

* @return

@RequestMapping("list")

public String queryCustomerList(Model model) {

// 客户来源

List<BaseDict> fromType = this.baseDictService.queryBaseDictByDictTypeCode(this.CUSTOMER_FROM_TYPE);

// 所属行业

List<BaseDict> industryType = this.baseDictService.queryBaseDictByDictTypeCode(this.CUSTOMER_INDUSTRY_TYPE);

// 客户级别

List<BaseDict> levelType = this.baseDictService.queryBaseDictByDictTypeCode(this.CUSTOMER_LEVEL_TYPE);

// 把前端页面需要显示的数据放到模型中

model.addAttribute("fromType", fromType);

model.addAttribute("industryType", industryType);

model.addAttribute("levelType", levelType);

return "customer";

}

客户列表展示
1. 需求

展示客户列表，并且可以根据查询条件过滤查询结果，并且实现分页。

效果如下图：

页面代码：

<div class="panel-heading">客户信息列表</div>

<thead>

<tr>

<th>客户所属行业</th>

</tr>

</thead>

<tbody>

<c:forEach items="${page.rows}" var="row">

<tr>

<td>${row.cust_source}</td>

<td>${row.cust_industry}</td>

<td>${row.cust_level}</td>

<td>${row.cust_phone}</td>

<td>${row.cust_mobile}</td>

<td>

</td>

</tr>

</c:forEach>

</tbody>

</table>

分析我们需要根据四个条件进行查询，返回数据是分页对象Page

Sql语句:

SELECT

a.cust_id,

a.cust_name,

a.cust_user_id,

a.cust_create_id,

b.dict_item_name cust_source,

c.dict_item_name cust_industry,

d.dict_item_name cust_level,

a.cust_linkman,

a.cust_phone,

a.cust_mobile,

a.cust_zipcode,

a.cust_address,

a.cust_createtime

FROM

customer a

LEFT JOIN base_dict b ON a.cust_source = b.dict_id

LEFT JOIN base_dict c ON a.cust_industry = c.dict_id

LEFT JOIN base_dict d ON a.cust_level = d.dict_id

WHERE

a.cust_name LIKE '%马%'

AND a.cust_source = '6'

AND a.cust_industry = '2'

AND a.cust_level = '22'

LIMIT 0, 10

1. 创建pojo开发

public class Customer {

private Long cust_id;

private String cust_name;

private Long cust_user_id;

private Long cust_create_id;

private String cust_source;

private String cust_industry;

private String cust_level;

private String cust_linkman;

private String cust_phone;

private String cust_mobile;

private String cust_zipcode;

private String cust_address;

private Date cust_createtime;

get/set。。。。。。

}

1. 实现DAO

分析：

前台发起请求,需要接收请求过来的查询条件数据，可以使用pojo接收数据。需要依此编写查询逻辑。
前台需要分页显示，根据准备好的分页实现，应该返回分页类Page，而创建Page分页类需要数据总条数，所以也需要查询数据总条数的逻辑。

根据分析，DAO需要编写两个方法:

需要根据条件分页查询客户信息
需要根据条件查询数据总条数

1. 1. 创建QueryVo

需要编写QueryVo，里面包含查询条件属性和分页数据。

创建接受请求参数的QueryVo：

public class QueryVo {

private String custName;

private String custSource;

private String custIndustry;

private String custLevel;

// 当前页码数

private Integer page = 1;

// 数据库从哪一条数据开始查

private Integer start;

// 每页显示数据条数

private Integer rows = 10;

get/set。。。。。。

}

1. 1. Mapper

创建CustomerMapper 接口

public interface CustomerMapper {

/**

* 根据queryVo分页查询数据

* @param queryVo

* @return

List<Customer> queryCustomerByQueryVo(QueryVo queryVo);

/**

* 根据queryVo查询数据条数

* @param queryVo

* @return

int queryCountByQueryVo(QueryVo queryVo);

}

1. 1. Mapper.xml

创建CustomerMapper.xml

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE mapper

PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"

"http://mybatis.org/dtd/mybatis-3-mapper.dtd">

<where>

AND a.cust_name LIKE '%${custName}%'

</if>

AND a.cust_source = #{custSource}

</if>

AND a.cust_industry = #{custIndustry}

</if>

AND a.cust_level = #{custLevel}

</if>

</where>

</sql>

<select id="queryCustomerByQueryVo" parameterType="cn.itcast.crm.pojo.QueryVo"

resultType="cn.itcast.crm.pojo.Customer">

SELECT

a.cust_id,

a.cust_name,

a.cust_user_id,

a.cust_create_id,

b.dict_item_name cust_source,

c.dict_item_name cust_industry,

d.dict_item_name cust_level,

a.cust_linkman,

a.cust_phone,

a.cust_mobile,

a.cust_zipcode,

a.cust_address,

a.cust_createtime

FROM

customer a

LEFT JOIN base_dict b ON a.cust_source = b.dict_id

LEFT JOIN base_dict c ON a.cust_industry = c.dict_id

LEFT JOIN base_dict d ON a.cust_level = d.dict_id

LIMIT #{start}, #{rows}

</if>

</select>

<select id="queryCountByQueryVo" parameterType="cn.itcast.crm.pojo.QueryVo"

resultType="int">

SELECT count(1) FROM customer a

</select>

</mapper>

1. 实现service
  1. 接口

编写接口CustomerService

public interface CustomerService {

/**

* 根据条件分页查询客户

* @param queryVo

* @return

Page<Customer> queryCustomerByQueryVo(QueryVo queryVo);

}

1. 1. 实现类

编写接口实现类CustomerServiceImpl

@Service

public class CustomerServiceImpl implements CustomerService {

@Autowired

private CustomerMapper customerMapper;

@Override

public Page<Customer> queryCustomerByQueryVo(QueryVo queryVo) {

// 设置查询条件,从哪一条数据开始查

queryVo.setStart((queryVo.getPage() - 1) * queryVo.getRows());

// 查询数据结果集

List<Customer> list = this.customerMapper.queryCustomerByQueryVo(queryVo);

// 查询到的数据总条数

int total = this.customerMapper.queryCountByQueryVo(queryVo);

// 封装返回的page对象

Page<Customer> page = new Page<>(total, queryVo.getPage(), queryVo.getRows(), list);

return page;

}

1. 实现Controller

改造Controller的方法

@RequestMapping("list")

public String queryCustomerList(QueryVo queryVo, Model model) {

try {

// 解决get请求乱码问题

if (StringUtils.isNotBlank(queryVo.getCustName())) {

queryVo.setCustName(new String(queryVo.getCustName().getBytes("ISO-8859-1"), "UTF-8"));

}

} catch (Exception e) {

e.printStackTrace();

}

// 客户来源

List<BaseDict> fromType = this.baseDictService.queryBaseDictByDictTypeCode(this.CUSTOMER_FROM_TYPE);

// 所属行业

List<BaseDict> industryType = this.baseDictService.queryBaseDictByDictTypeCode(this.CUSTOMER_INDUSTRY_TYPE);

// 客户级别

List<BaseDict> levelType = this.baseDictService.queryBaseDictByDictTypeCode(this.CUSTOMER_LEVEL_TYPE);

// 把前端页面需要显示的数据放到模型中

model.addAttribute("fromType", fromType);

model.addAttribute("industryType", industryType);

model.addAttribute("levelType", levelType);

// 分页查询数据

Page<Customer> page = this.customerService.queryCustomerByQueryVo(queryVo);

// 把分页查询的结果放到模型中

model.addAttribute("page", page);

// 数据回显

model.addAttribute("custName", queryVo.getCustName());

model.addAttribute("custSource", queryVo.getCustSource());

model.addAttribute("custIndustry", queryVo.getCustIndustry());

model.addAttribute("custLevel", queryVo.getCustLevel());

return "customer";

}

修改客户信息
1. 需求

页面效果如下图：

客户列表中点击“修改”按钮弹出客户信息修改窗，并初始化客户信息
点击“保存修改”按钮将修改后的结果保存到数据库中

1. 实现编辑数据回显

在客户列表显示中，可以点击修改按钮，弹出修改界面，打开浏览器的开发者工具，发现当点击修改按钮，会发起一个请求

如下图方式进行查看

分析这里应该是发起请求到后台，获取该用户的详细信息，在页面上可以回显

复制请求路径中的edit.action，在customer.jsp页面中搜索，找到请求逻辑

找到的代码如下图：

发现这里是一个Ajax请求，根据这个请求我们可以开发后台逻辑，提供给前端页面进行调用

1. 回显功能实现
  1. Mapper接口

在CustomerMapper添加方法

/**

* 根据id查询客户

* @param id

* @return

Customer queryCustomerById(Long id);

1. 1. Mapper.xml

在CustomerMapper.xml编写sql

SELECT * FROM customer WHERE cust_id = #{id}

</select>

1. 1. Service接口

编写CustomerService.接口方法

/**

* 根据id查询数据

* @param id

* @return

Customer queryCustomerById(Long id);

1. 1. Service接口实现类

在CustomerServiceImpl实现接口方法

@Override

public Customer queryCustomerById(Long id) {

Customer customer = this.customerMapper.queryCustomerById(id);

return customer;

}

1. 1. Controller

在CustomerController编写方法

/**

* 根据id查询用户,返回json格式数据

* @param id

* @return

@RequestMapping("edit")

@ResponseBody

public Customer queryCustomerById(Long id) {

Customer customer = this.customerService.queryCustomerById(id);

return customer;

}

1. 实现编辑客户数据

在编辑框，点击保存修改按钮，应该进行数据保存，如下图所示：

发起请求如下图：

在页面找到的请求逻辑是：

function updateCustomer() {

$.post("<%=basePath%>customer/update.action",$("#edit_customer_form").serialize(),function(data){

alert("客户信息更新成功！");

window.location.reload();

});

}

1. 编辑功能实现
  1. Mapper接口

在CustomerMapper添加方法

/**

* 根据id编辑客户

* @param customer

void updateCustomerById(Customer customer);

1. 1. Mapper.xml

在CustomerMapper.xml编写sql

UPDATE `customer`

SET

`cust_name` = #{cust_name},

</if>

`cust_user_id` = #{cust_user_id},

</if>

`cust_create_id` = #{cust_create_id},

</if>

`cust_source` = #{cust_source},

</if>

`cust_industry` = #{cust_industry},

</if>

`cust_level` = #{cust_level},

</if>

`cust_linkman` = #{cust_linkman},

</if>

`cust_phone` = #{cust_phone},

</if>

`cust_mobile` = #{cust_mobile},

</if>

`cust_zipcode` = #{cust_zipcode},

</if>

`cust_address` = #{cust_address},

</if>

`cust_createtime` = NOW()

WHERE

(`cust_id` = #{cust_id});

</select>

1. 1. Service接口

编写CustomerService.接口方法

/**

* 根据id编辑客户数据

* @param customer

void updateCustomerById(Customer customer);

1. 1. Service接口实现类

在CustomerServiceImpl实现接口方法

@Override

public void updateCustomerById(Customer customer) {

this.customerMapper.updateCustomerById(customer);

}

1. 1. Controller

在CustomerController编写方法

需要正确的响应，要告诉前端更新成功。返回值有没有都可以。

这里需要加@ResponseBody注解，使其不走视图解析器。

/**

* 根据id查询用户,返回更新后客户的json格式数据

* @param id

* @return

@RequestMapping("update")

@ResponseBody

public String updateCustomerById(Customer customer) {

Customer result = this.customerService.updateCustomerById(customer);

return "OK";

}

删除客户
1. 需求分析

点击客户列表中的删除按钮，提示“警告信息”，如下图

如下图，点击确定后删除用户信息，并刷新页面

发起的请求如下图

搜索前端jsp页面逻辑找到如下代码：

function deleteCustomer(id) {

if(confirm('确实要删除该客户吗?')) {

$.post("<%=basePath%>customer/delete.action",{"id":id},function(data){

alert("客户删除更新成功！");

window.location.reload();

});

}

1. 功能开发
  1. Mapper接口

在CustomerMapper添加方法

/**

* 根据id删除用户

* @param id

void deleteCustomerById(Long id);

1. 1. Mapper.xml

在CustomerMapper.xml编写sql

DELETE FROM

customer WHERE cust_id = #{id}

</delete>

1. 1. Service接口

在CustomerService编写接口方法

/**

* 根据id删除客户

* @param id

void deleteCustomerById(Long id);

1. 1. Service实现类

在CustomerServiceImpl实现接口方法

@Override

public void deleteCustomerById(Long id) {

this.customerMapper.deleteCustomerById(id);

}

1. 1. Controller

在CustomerController编写方法

/**

* 删除用户

* @param id

* @return

@RequestMapping("delete")

@ResponseBody

public String deleteCustomerById(Long id) {

this.customerService.deleteCustomerById(id);

return "ok";

}

灯下晚归人cc

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫