码迷,mamicode.com
首页 > 其他好文 > 详细

项目一:商城(一)

时间:2016-07-10 16:39:25      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:

一、商品列表展示

1.静态资源映射

springmvc.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: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.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.xsd">
    
    <!-- 配置包扫描器 -->    
    <context:component-scan base-package="com.taotao.controller"/>
    
    <!-- 配置注解驱动 -->
    <mvc:annotation-driven/>
    
    <!-- 视图解析器 -->
    <bean
		class="org.springframework.web.servlet.view.InternalResourceViewResolver">
		<property name="prefix" value="/WEB-INF/jsp/" />
		<property name="suffix" value=".jsp" />
	</bean>
	
	<!-- 静态资源映射 -->
	<mvc:resources location="/WEB-INF/js/" mapping="/js/**"/>
	<mvc:resources location="/WEB-INF/css/" mapping="/css/**"/>
		
</beans>     

 

2.前台页面

技术分享

技术分享

http://localhost:8080/item-add

技术分享

 

3.添加Handler方法来显示页面

PageController.java

技术分享

 

4.Mybatis分页插件的使用

(1)添加jar包到工程中

技术分享

 

(2)在SqlMapConfig.xml配置插件

技术分享

 

(3)代码测试

技术分享

结果:

技术分享

 

5.页面分析

技术分享

请求的参数: http://localhost:8080/item/list?page=1&rows=30

响应的数据: json数据。

包含total、rows两个属性:

total: 查询结果的总记录数。

rows: 集合,包含显示的所有数据。其中集合中每个元素的key应该和dategrid的field对应。

Easyui中datagrid控件要求的数据格式为:

{total:"2",rows:[{"id":1,"name","张三"},{"id":2,"name","李四"}]}

 

6.Service层

EasyUIDataGridResult.java

技术分享

 

ItemsServiceImpl.java

技术分享

 

7.Controller层

调用Service查询商品列表。

接收两个参数: page、rows。

返回: EasyUIDataGridResult(Json数据)需要使用@ResponseBody。

技术分享

结果:

技术分享

项目一:商城(一)

标签:

原文地址:http://www.cnblogs.com/yangang2013/p/5657760.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!