一、需求

1.1 商品列表查询

这里我们的前端使用easyUI框架。而对于分页我们使用一个mybatis的分页插件PageHelper。

1.2 商品的添加

• 1、商品类目选择（easyUI异步tree控件的使用）
• 2、图片上传（图片服务器开头，nginx）
• 3、富文本编辑器使用
• 4、添加的实现

二、首页展示

创建一个Controller，做一个页面跳转。展示index.jsp的内容。

2.1 分析

• 请求的url：/
• 返回的结果：返回一个字符串类型，代表逻辑视图，逻辑视图加上前缀和后缀就变成一个物理视图。

PageController.java

package com.taotao.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
/**
 * 页面跳转
 */
@Controller
public class PageController {
    
    @RequestMapping("/")
    public String showIndex(){
        return "index";
    }
}

说明：返回的字符串index，然后加上前缀和后缀就变成了一个物理视图WEB-INF/jsp/index.jsp。使用地址http://localhost:8080/访问。访问结果为：

1

<!-- 静态资源（js、css、img）的解析 -->
<mvc:resources location="/WEB-INF/js/" mapping="/js/**"></mvc:resources>
<mvc:resources location="/WEB-INF/css/" mapping="/css/**"></mvc:resources>

注意：这里我们将js、css、jsp等文件都放在WEB-INF下面。

三、商品列表展示

3.1 分析

创建一个Controller方法用于打开商品列表页面。请求和页面的名称是一致的。我们可以统一处理。在上面的Controller中添加下面的方法：

//使用注解@PathVariable接收传递的url
@RequestMapping("/{page}")
public String showPage(@PathVariable String page){
    return page;
}

说明：当我们点击查询商品时会将要显示的页面的url传递过来，而这个方法要做的就是返回一个逻辑视图。这样就可以显示相关的页面了。其实功能就是将相关的字符串加上前缀后缀之后返回出去，达到显示相关页面的目的。

3.2 分页插件

3.2.1 分析

首先我们看mybatis的执行过程：

2

3.2.2 使用方法

未完待续。。。