基于springboot框架的电脑商城项目(五)

news/2024/12/5 4:13:16/

🎁🎁静态资源及sql文件分享
链接:https://pan.baidu.com/s/1X-yjmQcPD3PqS21x0HplNA?pwd=23gr
提取码:23gr

收货地址列表展示功能及设置默认收货地址功能的实现

  • 收货地址列表展示
    • (一)收货地址列表展示(持久层)
        • 1.规划需要执行的SQL语句
        • 2.设计接口和抽象方法
    • (二)收货地址列表展示(业务层)
        • 1.不用抛出相关异常,不要进行相关异常设计
        • 2.设计接口和抽象方法及实现
    • (三)收货地址列表展示(控制层)
        • 1.设计请求
        • 2.处理请求
    • (四)收货地址列表展示(前端页面)
  • 设置默认收货地址
    • (一)设置默认收货地址(持久层)
        • 1.规划需要执行的SQL语句
        • 2.设计接口和抽象方法
    • (二)设置默认收货地址(业务层)
        • 1.规划异常
        • 2.设计接口和抽象方法及实现
    • (三)设置默认收货地址(控制层)
        • 1.处理异常
        • 2.设计请求
        • 3.处理请求
    • (四)设置默认收货地址(前端页面)

收货地址列表展示

(一)收货地址列表展示(持久层)

1.规划需要执行的SQL语句

select * from t_address where uid ? order by is_default DESC,created_time DESC

其中order by is_default DESC是为了让默认收货地址展示在最上面,order by可以有多个子句,中间用逗号隔开,后面加的create_time DESC是为了让非默认收货地址创建的越晚越展示在上面。

2.设计接口和抽象方法

在AddressMapper接口追加抽象方法findByUid

    //根据uid查询List<Address> findByUid(Integer uid);

在xml文件添加相应的sql语句映射

    <select id="findByUid" resultMap="AddressEntityMap">
select * from t_address where uid=#{uid}  order by is_default DESC,created_time DESC</select>

(二)收货地址列表展示(业务层)

1.不用抛出相关异常,不要进行相关异常设计

该模块只是为了展示列表,不涉及到增删改,即便没有拿到任何数据,那无非就是不展示呗,所以不涉及到异常,不需要在业务层抛出异常

2.设计接口和抽象方法及实现

在IAddressService中定义方法

//根据uid查询List<Address> getByUid(Integer uid);

在AddressSerivceImpl中实现该方法

    @Overridepublic List<Address> getByUid(Integer uid) {List<Address> addressList = addressMapper.findByUid(uid);for (Address a:addressList) {a.setUid(null);a.setAid(null);a.setProvinceCode(null);a.setAreaCode(null);a.setCityCode(null);a.setZip(null);a.setTel(null);a.setCreatedTime(null);a.setModifiedUser(null);a.setIsDefault(null);a.setCreatedUser(null);a.setModifiedTime(null);}return addressList;}

(三)收货地址列表展示(控制层)

1.设计请求

请求路径:/addresses
请求参数:HttpSession session
请求方式:get(该功能模块只需要uid,不需要别的数据,而且uid也是在后端封装的,所以前端没有提交什么数据,体量很小可以用get)
响应结果:JsonResult<List< Address >>

2.处理请求

在AddreController中实现该请求

@GetMapping("")public JsonResult<List<Address>> getByUid(HttpSession session){Integer getuidfromsession = getuidfromsession(session);List<Address> addressList = addressService.getByUid(getuidfromsession);return new JsonResult<>(ok,addressList);}

(四)收货地址列表展示(前端页面)

在address.html中编写js代码

<script>$(document).ready(function () {showAddressList();
});/**展示用户收货地址数据列表*/
function showAddressList() {$("#address-list").empty();$.ajax({url: "/addresses",type: "get",//data: "parent=86",//不需要提交数据,所以data可以删去dataType: "JSON",success: function (json) {if (json.state == 200) {var list = json.data;console.log(list);//调试用for (var i = 0; i < list.length; i++) {//先写一个var tr = ''; 然后去上面的地址展示中找一个tr标签复制粘贴到单引号里面,再删去多余的制表符var tr = '<tr>\n' +'<td>#{tag}</td>\n' +'<td>#{name}</td>\n' +'<td>#{address}</td>\n' +'<td>#{phone}</td>\n' +'<td><a class="btn btn-xs btn-info"><span class="fa fa-edit"></span> 修改</a></td>\n' +'<td><a class="btn btn-xs add-del btn-info"><span class="fa fa-trash-o"></span> 删除</a></td>\n' +'<td><a class="btn btn-xs add-def btn-default">设为默认</a></td>\n' +'</tr>';//下面用正则表达式更改字符串,上面的#{tag}#{name}等等只//是占位符,没有任何意义,我也可以把#{tag}写成任何想写的东西//replace的第一个参数/占位符/g可以,"占位符"也可以tr = tr.replace(/#{tag}/g,list[i].tag);tr = tr.replace(/#{name}/g,list[i].name);tr = tr.replace("#{address}",list[i].address);tr = tr.replace("#{phone}",list[i].phone);$("#address-list").append(tr);}//用hide方法将第一个收货地址的"设为默认"元素隐藏,.add-def:eq(0)表//示第一个class为add-def的标签,这样就可以保证隐藏的是第一个收货地址$(".add-def:eq(0)").hide();} else {<!--这个其实永远不会执行,因为没有编写异常,控制层返回的状态码永远是OK-->alert("用户收货地址数据加载失败")}}});
}
</script>

设置默认收货地址

(一)设置默认收货地址(持久层)

1.规划需要执行的SQL语句

1.检测当前用户想设置为默认收货地址的这条数据是否存在

select * from t_address where aid=?

2.在修改用户的默认收货地址之前先将所有的收货地址设置为非默认

update t_address set is_default=0 where uid=?

3.将用户选中的这条记录设置为默认收货地址

update t_address set is_default=1,modified_user=?,modified_time=? where aid=?

2.设计接口和抽象方法

在AddressMapper接口中来定义实现该模块所需的三个方法

    //根据aid查询Address findByAid(Integer aid);//修改为非默认Integer updateNonDefault(Integer uid);//修改为默认Integer updateDefaultByAid(Integer aid, String modifiedUser, Date modifiedTime);

在AddressMapper.xml中编写映射

    <select id="findByUid" resultMap="AddressEntityMap">
select * from t_address where uid=#{uid}  order by is_default DESC,created_time DESC</select><select id="findByAid" resultMap="AddressEntityMap">select * from t_address where aid=#{aid}</select><update id="updateNonDefault">
update t_address set is_default=0 where uid=#{uid}</update><update id="updateDefaultByAid">
update   t_address set is_default=1, modified_user=#{modifiedUser}, modified_time=#{modifiedTime}
where aid=#{aid}</update>

(二)设置默认收货地址(业务层)

1.规划异常

1.在执行更新时产生未知的UpdateException异常,已经创建无需重复创建
2.访问的数据不是当前登录用户的收货地址数据,属于非法访问,AccessDeniedException异常(就比如说,展示收货地址列表的sql语句写错了,然后这里展示的是别人的收货地址,此时想要将某个收货地址改为默认就属于非法访问了)
3.收货地址可能不存在的AddressNotFoundException异常,(比如,刚展示完收货地址列表,管理员误删地址了,此时地址就不存在了)

在业务层的ex包下创建如下两个异常类,并使其继承ServiceException类

/**收货地址数据不存在的异常*/
public class AddressNotFoundException extends ServiceException {/**重写ServiceException的所有构造方法*/
}
/**非法访问的异常*/
public class AccessDeniedException extends ServiceException {/**重写ServiceException的所有构造方法*/
}

2.设计接口和抽象方法及实现

在IAddressService接口中编写抽象方法setDefault,并使其在方法内部统一实现持久层的三个方法

/**
* 修改某个用户的某条收货地址数据为默认收货地址
* @param aid 收货地址的id
* @param uid 用户id
* @param username 修改执行人
*/
void setDefault(Integer aid,Integer uid,String username);

在AddressServiceImpl类编写该方法的实现

    @Overridepublic void setDefault(Integer aid, Integer uid, String username) {//1.检测是否有该条收货地址数据Address result = addressMapper.findByAid(aid);if (result == null) {throw new AddressNotFoundException("收货地址不存在");}//2.检测当前获取到的收货地址数据的归属if (!result.getUid().equals(uid)) {throw new AccessDeniedException("非法数据访问");}//3.先将所有的收货地址设置为非默认Integer rows = addressMapper.updateNonDefault(uid);if (rows < 1) {throw new UpdateException("更新数据时产生未知的异常");}//4.将用户选中的地址设置为默认收货地址rows = addressMapper.updateDefaultByAid(aid, username, new Date());if (rows != 1) {throw new UpdateException("更新数据时产生未知的异常");}}

(三)设置默认收货地址(控制层)

1.处理异常

else if (e instanceof AddressNotFoundException) {result.setState(4004);result.setMessage("用户的收货地址数据不存在的异常");
} else if (e instanceof AccessDeniedException) {result.setState(4005);result.setMessage("收货地址数据非法访问的异常");
}

2.设计请求

请求路径:/addresses/{aid}/set_default(以前的数据是通过表单直接提交的,还有一种提交方式就是RestFul风格,这种提交方式可以提交更多的数据,这里用这个提交方式)
请求方式:GET
请求参数:Integer aid,HttpSession session(如果这里是id那就必须在Integer aid前加@PathVariable(“aid”)强行将aid的值注入到id中)
响应结果:JsonResult< Void >

3.处理请求

在AddressController类中编写请求处理方法(RestFul编写时不管参数名和占位符是否一致都必须加@PathVariable(“aid”))

@GetMapping("/{aid}/set_default")public JsonResult<Void> setDefault(@PathVariable("aid") Integer aid, HttpSession session){Integer getuidfromsession = getuidfromsession(session);String getusernamesession = getusernamesession(session);addressService.setDefault(aid,getuidfromsession,getusernamesession);return new JsonResult<>(ok);
}

(四)设置默认收货地址(前端页面)

观察address.html代码发现"设为默认"按钮没有id属性,那应该怎么获取"设为默认"按钮以监听是否被点击了呢?
法一:给"设为默认"的标签添加id属性(我觉得不对,因为id必须是唯一的,如果给该按钮加id属性,那么该用户有几个收货地址就会给几个按钮加同样的id,这显然不对,我认为可以用按钮上本就存在的class属性)。
法二:给"设置默认"按钮添加一个onclick属性,指向一个方法的调用,在这个方法中来完成ajax请求的方法

在这里用第二种方法:
1.展示用户收货地址数据列表的js函数中用for循环给页面增加地址数据的tr标签,我们需要在for循环中为每一个tr标签增加onclick属性并指向setDefault(#{aid})函数,括号里面占位符是为了给外部的setDefault函数传参,可以随便写,只要给占位符赋值时对应就可以了,注意,即使调用的是无参函数也要加括号

<td><a onclick="setDefault(#{aid})" class="btn btn-xs add-def btn-default">设为默认</a></td>

2.在for循环中为占位符赋值:

tr = tr.replace("#{aid}",list[i].aid);

3.完成setDefault方法的声明

function setDefault(aid) {$.ajax({url: "/addresses/"+aid+"/set_default",type: "GET",//data: $("#form-change-password").serialize(),dataType: "JSON",success: function (json) {if (json.state == 200) {//重新加载收货地址列表页面showAddressList();} else {alert("设置默认收货地址失败")}},error: function (xhr) {alert("设置默认收货地址时产生未知的异常!"+xhr.message);}});
}

后记
👉👉💕💕美好的一天,到此结束,下次继续努力!欲知后续,请看下回分解,写作不易,感谢大家的支持!! 🌹🌹🌹


http://www.ppmy.cn/news/188813.html

相关文章

机器人布里茨哪个皮肤好看_LOL全英雄皮肤盘点推荐D32:蒸汽机器人布里茨 苹果机器人...

LOL全英雄皮肤盘点推荐今天带来蒸汽机器人布里茨的苹果机器人。经常在节日半价的皮肤&#xff0c;q技能诡异的弹道让人非常难躲&#xff0c;模型很精致&#xff0c;而其他特效皮肤&#xff0c;轮椅使用率最高&#xff0c;不过特效上不如苹果。此外电玩的脑子感觉勾到人有一种让…

MacOS Big Sur 11.2.3 (20D91) with Clover 5131 and OC 0.6.7 and PE 三EFI分区原版DMG黑苹果镜像

MacOS Big Sur 11.2.3 (20D91) 原版 DMG 黑苹果镜像&#xff0c;基于 OpenCore-0.6.7 and Clover 5131制作。 2021 年 3 月 8 日苹果推送了macOS Big Sur 11.2.3&#xff0c;作为生产力工具&#xff0c;系统更新如此频繁&#xff0c;着实让然头大。这几次补充更新都是问题修复&…

D3 pie

https://github.com/d3/d3/blob/master/API.md#pies <script>svg d3.select(body).append(svg).attr("width",300).attr(height,300)data[["女生",43],["男生",57]]//设置pie布局转换器var pie d3.layout.pie().value((d)>d[1])//将数…

2D 23.2.23

2023.2.21 2D 平移属性&#xff1a;transform:translate(x,y)&#xff1b; 变换属性&#xff1a; transform:translate(x,y)&#xff1b;沿着x轴和y轴移动 transform:translateX(x)&#xff1b;沿着x轴移动 transform:translateY()&#xff1b;沿着y轴移动 取值&#xf…

dagre-d3 基于d3.js v4版本以上

dagre-d3 github 上没有文档介绍 看dagre.js的吧 基于d3.js v4以上 dagre.js github https://github.com/dagrejs/dagre/wiki dagre-d3 github https://github.com/dagrejs/dagre-d3/wiki 基于d3 v3 和 v4 的变化 https://github.com/dagrejs/dagre-d3/commit/ebbb84f03b…

macOS 12 Monterey Beta 3版

Mac 操作系统的下一版本将被称为 macOS Monterey。这里为您带来macOS Monterey测试版尝鲜下载&#xff01; 升级可以参考下方教程&#xff01; macOS 12 Monterey免费下载及升级安装教程 macOS Big Sur 12 安装教程 下载完成后打开&#xff0c;双击.pkg安装包运行即可检测到最…

d3.js:取代d3.mouse的d3.pointer

前言 今天在学习如何使用d3.js的事件处理函数过程中&#xff0c;发现d3.mouse和d3.event在浏览器报错不是函数&#xff0c;于是前往官方文档&#xff0c;发现这里两个函数已经在d3V6.0中删除了&#xff01;于是&#xff0c;我在往上查了好久&#xff0c;没有查到替代的函数&am…

MacOS Big Sur 11.3 (20E232) Cl 5133/OC 0.6.9/PE 三分区原版黑苹果镜像

今天苹果推送了最新的 macOS Big Sur 11.3 正式版系统更新&#xff0c;本次版本号为 20E232&#xff0c;苹果官方更新介绍&#xff0c;macOS Big Sur 11.3 新增对 AirTag 的支持&#xff0c;改进了可在搭载 M1 芯片的 Mac 上使用的 iPhone 和 iPad App&#xff0c;以及支持为情…