ssm-学子商城-项目第六天

ssm-学子商城-项目第六天

2018年04月18日 09:59:31 achang编程 阅读数：872

地址管理

1.添加地址

1.2 省市区列表

1.2.1 显示省信息

4.页面：把json数据显示到省列表中

1. //显示省列表信息

2. function getProrvinces(){

3. $.ajax({

4. "url":"${pageContext.request.contextPath}/dict/showProvince.do",

5. "data":"",

6. "type":"GET",

7. "dataType":"json",

8. "success":function(obj){

9. $("#receiverState").html("---请选择---");

10. for(i=0;i

11. $("#receiverState").append

12. (""+obj.data[i].provinceName+"");

13. }

14. }

15.  

16. });

17. }

1.2.2 显示城市信息

1.持久层 首先在bean中创建City类；在DictMapper接口定义方法

List selectCity(String provinceCode);

在DictMapper.xml映射文件，定义select节点，完成查询城市信息的功能

1. select

   id,

   province_code as provinceCode,

   city_code as cityCode,

   city_name as cityName

   from

   t_dict_cities

   where

   province_code = #{provinceCode}

测试：

2.显示城市信息-业务层 在IDictService接口中定义方法

List getCity(String provinceCode);

在DictService类中实现方法，返回持久层的集合

3.显示城市信息-控制器层 请求的url

1. /dict/showCity.do

2. 请求参数：provinceCode

3. 请求方式：GET

4. 响应方式：ResponseBody

5.  

6. @

7. @

8. public ResponseResult> showCity(String provinceCode){

9. 1.创建rr对象

10. 2.调用业务层方法，放回list

11. 3.把list数据设置到rr对象中

12. 4.return rr

13. }

测试：

4.显示城市信息-页面

1. onchange=getCities(this.value);

2.  

3. function getCities(provinceCode){

4. $.ajax({

5. "url":"${pageContext.request.contextPath}/dict/showCity.do",

6. "data":"provinceCode="+provinceCode,

7. "type":"GET",

8. "dataType":"json",

9. "success":function(obj){

10. $("#receiverCity").html("- - - 请选择 - - - ");

11. for(i = 0;i

12. $("#receiverCity").append(""+obj.data[i].cityName+"");

13. }

14.  

15. }

16.  

17. });

18. }

1.2.3 显示区县信息

1.持久层 在bean包中，创建Area类；在DictMapper接口中定义方法

List selectArea(String cityCode);

在DictMapper.xml中，定select节点

1. select

   xx

   from

   t_dict_areas

   where

   city_code = #{cityCode}

    

2.业务层 在IDictService 接口中定义方法

List getArea(String cityCode);

在DictService类中实现该方法，返回持久层的集合

3.控制器层

1. /dict/showArea.do

2. 请求参数：cityCode

3. 请求方式：GET

4. 响应方式：ResponseBody

5.  

6. @

7. @

8. public ResponseResult> showArea(String cityCode){

9. 1.创建rr对象

10. 2.调用业务层方法，返回list

11. 3.把集合设置到rr对象中

12. 4.return rr;

13. }

4.页面

1. function getAreas(cityCode){

2.  

3. }

省市区函数的调整

1. getProvinces(provinceCode,cityCode,areaCode);

2.  

3. getCities(provinceCode,cityCode,areaCode);

4.  

5. getAreas(cityCode,areaCode)

6.  

7. getProrvinces(-1,-1,-1);

在select中修改函数的参数

1. onchange=getCities(this.value,-1,-1);

2.  

3. onchange="getAreas(this.value,-1)

分别在getProvinces()函数的ajax异步提交完成调用 getCities(this.value,-1,-1)，getCyties()函数的ajax异步提交完成调用getAreas(this.value,-1)

页面调整：

1. //所有的dd隐藏

2. $("#leftsidebar_box dd").hide();

3. //让账号管理显示

4. $("#leftsidebar_box .address dd").show();

5. //所有的自定义列表的标题后边的图片 myOrder2.png

6. $("#leftsidebar_box dt img").attr("src","../images/myOrder/myOrder2.png");

//设置账号管理的图片和其他的三个不相同 $("#leftsidebar_box .address").find('img').attr("src","../images/myOrder/myOrder1.png");

注意： 在DictMapper接口中定义3个方法，获取省市区名字的方法

1. String selectProvinceNameByCode(String provinceCode);

2.  

3. String selectCityNameByCode(String cityCode);

4.  

5. String selectAreaNameByCode(String areaCode);

在DictMapper.xml中定义3个节点，分别完成查询省市区名字的功能

1.  

   select

   province_name as provinceName

   from

   t_dict_provinces

   where

   province_code=#{provinceCode}

    

测试：

城市和区县的select语句同上

1.3 添加地址-持久层

给taddress添加isdefault;添加列的语句：alter table taddress add isdefault int(1);

首先在bean包创建Address类；然后在mapper 包中创建AddressMapper接口，在接口定义方法：

void insert(Address address);

新建AddressMapper.xml文件（拷贝*.xml文件，改名） 定义insert节点，插入地址信息

2. insert into t_address(

3. id,uid,recv_name,

4. recv_province,

5. recv_city,recv_area,

6. recv_district,

7. recv_address,recv_phone,

8. recv_tel,recv_zip,

9. recv_tag,is_default,

10. created_user,created_time,

11. modified_user,modified_time

12. ) values(

13. #{id},#{uid},#{recvName},

14. #{recvProvince},

15. #{recvCity},#{recvArea},

16. #{recvDistrict},

17. #{recvAddress},#{recvPhone},

18. #{recvTel},#{recv_zip},

19. #{recvTag},#{isDefault},

20. #{createdUser},#{createdTime},

21. #{modifiedUser},#{modifiedTime}

22. )

24.  

测试：

".."> select id,uid,recv_name as recvName, recv_province as recvProvince, recv_city as recvCity, recv_area as recvArea, recv_district as recvDistrict, recv_address as recvAddress, recv_phone as recvPhone, recv_tel as recvTel, recv_zip as recvZip, recv_tag as recvTag, is_default as isDefault, created_user as createdUser, created_time as createdTime, modified_user as modifiedUser, modified_time as modieidTime from t_address where uid=#{uid}

测试：

1.4 添加收货地址-业务层