tags: 移动商城项目

移动商城第十四篇【收货地址查询、添加、更新】

我们接下来要做的就是用户的收货地址部分。

修改其超链接：

<li><a href="${path}/user/login/toDeliverAddress.do" title="收货地址" class="here">收货地址</a></li>复制代码

提供对应的controller方法

/*** 跳转到收货地址页面* @return*/@RequestMapping("/login/toDeliverAddress.do")public String toDeliverAddress() {return "person/deliverAddress";}复制代码

进去页面以后是这样子的：

看到我们收货地址的数据库表：

• 一个用户对应多个地址

数据库表的字段也很简单，没什么好说的：

DROP TABLE EB_SHIP_ADDR CASCADE CONSTRAINTS;CREATE TABLE EB_SHIP_ADDR  (SHIP_ADDR_ID         NUMBER(11)                      NOT NULL,PTL_USER_ID          NUMBER(11),SHIP_NAME            VARCHAR2(80)                    NOT NULL,PROVINCE             VARCHAR2(40)                    NOT NULL,CITY                 VARCHAR2(40)                    NOT NULL,DISTRICT             VARCHAR2(40)                    NOT NULL,ZIP_CODE             VARCHAR2(40),ADDR                 VARCHAR2(400)                   NOT NULL,PHONE                VARCHAR2(60)                    NOT NULL,DEFAULT_ADDR         NUMBER(1)                      DEFAULT 0 NOT NULL,CONSTRAINT PK_EB_SHIP_ADDR PRIMARY KEY (SHIP_ADDR_ID)
);COMMENT ON TABLE EB_SHIP_ADDR IS
'收货地址';COMMENT ON COLUMN EB_SHIP_ADDR.SHIP_ADDR_ID IS
'收货人地址主键';COMMENT ON COLUMN EB_SHIP_ADDR.PTL_USER_ID IS
'前台用户ID';COMMENT ON COLUMN EB_SHIP_ADDR.SHIP_NAME IS
'收货人姓名';COMMENT ON COLUMN EB_SHIP_ADDR.PROVINCE IS
'省份';COMMENT ON COLUMN EB_SHIP_ADDR.CITY IS
'城市';COMMENT ON COLUMN EB_SHIP_ADDR.DISTRICT IS
'地区';COMMENT ON COLUMN EB_SHIP_ADDR.ZIP_CODE IS
'邮编';COMMENT ON COLUMN EB_SHIP_ADDR.ADDR IS
'街道地址';COMMENT ON COLUMN EB_SHIP_ADDR.PHONE IS
'联系电话';COMMENT ON COLUMN EB_SHIP_ADDR.DEFAULT_ADDR IS
'默认收货地址：若为默认收货地址则为1。';
复制代码

查询当前用户的收货地址

逆向工程数据库表：

dao

/*** 继承SqlSessionDaoSupport能够得到sessionFactory的引用，非常方便！*/
@Repository
public class EbShipAddrDaoImpl extends SqlSessionDaoSupport implements EbShipAddrDao {String nameSpace = "com.rl.ecps.sqlMap.EbShipAddrMapper.";public List<EbShipAddr> findUserAddress(Long userId) {return this.getSqlSession().selectList(nameSpace + "findUserAddress", userId);}}复制代码

service

@Service
public class EbShipAddrServiceImpl implements EbShipAddrService {@Autowiredprivate EbShipAddrDao addrDao;public List<EbShipAddr> findUserAddress(Long userId) {return addrDao.findUserAddress(userId);}
}复制代码

controller

/*** 跳转到收货地址页面** @return*/@RequestMapping("/login/toDeliverAddress.do")public String toDeliverAddress(HttpSession session,Model model) {TsPtlUser user = (TsPtlUser) session.getAttribute("user");Long ptlUserId = user.getPtlUserId();List<EbShipAddr> userAddress = addrService.findUserAddress(ptlUserId);model.addAttribute("userAddress", userAddress);return "person/deliverAddress";}复制代码

已经把地址查询出来了。

新增和修改我们可以使用有无地址的id来进行判断，如果是修改的话，那么是有地址id的，如果是新增的话，是没有地址id的

新增地址

将主键设置为自动增长。

<insert id="insert" parameterType="com.rl.ecps.model.EbShipAddr" >insert into EB_SHIP_ADDR (SHIP_ADDR_ID, PTL_USER_ID, SHIP_NAME, PROVINCE, CITY, DISTRICT, ZIP_CODE, ADDR, PHONE, DEFAULT_ADDR, FIXED_PHONE)values (seqshipaddrid.nextval, #{ptlUserId,jdbcType=DECIMAL}, #{shipName,jdbcType=VARCHAR},#{province,jdbcType=VARCHAR}, #{city,jdbcType=VARCHAR}, #{district,jdbcType=VARCHAR}, #{zipCode,jdbcType=VARCHAR}, #{addr,jdbcType=VARCHAR}, #{phone,jdbcType=VARCHAR}, #{defaultAddr,jdbcType=DECIMAL}, #{fixedPhone,jdbcType=VARCHAR})</insert>
复制代码

dao:

public void insert(EbShipAddr addr) {this.getSqlSession().insert(nameSpace + "insert", addr);}复制代码

service:

public void insert(EbShipAddr addr) {addrDao.insert(addr);}
复制代码

controller:

/*** 添加或修改地址** @return*/@RequestMapping("/saveOrUpdateAddress.do")public String saveOrUpdateAddress(EbShipAddr addr, HttpSession session) {TsPtlUser user = (TsPtlUser) session.getAttribute("user");addr.setPtlUserId(user.getPtlUserId());if (addr.getShipAddrId() == null) {addrService.insert(addr);}return "redirect:login/toDeliverAddress.do";}复制代码

修改地址

修改地址实际上就是点击编辑的时候，将该地址数据写到下面的输入框中：

根据地址id获取得到id的详细信息：

<a href="javascript:void(0);" title="修改" onclick="getAddr(${address.shipAddrId})"class="blue">[修改]</a>复制代码

dao

public EbShipAddr selectByPrimaryKey(Long addrId) {return this.getSqlSession().selectOne(nameSpace + "selectByPrimaryKey", addrId);}
复制代码

service:

public EbShipAddr selectByPrimaryKey(Long addrId) {return addrDao.selectByPrimaryKey(addrId);}复制代码

ajax:

function getAddr(shipAddrId) {$.ajax({url: "${path}/user/getAddr.do",data: {shipAddrId: shipAddrId},type: "post",success:function (responseText) {var parseJSON = $.parseJSON(responseText);$("#shipAddrId").val(parseJSON.addr.shipAddrId);$("#shipName").val(parseJSON.addr.shipName);$("#province").val(parseJSON.addr.province);$("#mycity").val(parseJSON.addr.city);$("#district").val(parseJSON.addr.district);$("#addr").val(parseJSON.addr.addr);$("#zipCode").val(parseJSON.addr.zipCode);$("#phone").val(parseJSON.addr.phone);},error:function () {alert("系统错误了");}});复制代码

controller:

/*** 根据id获取收货地址详细信息，返回给浏览器** @return*/@RequestMapping("/getAddr.do")public void getAddr(Long shipAddrId,HttpServletResponse response) {EbShipAddr ebShipAddr = addrService.selectByPrimaryKey(shipAddrId);//返回JSON数据出去JSONObject jsonObject = new JSONObject();jsonObject.accumulate("addr", ebShipAddr);String result = jsonObject.toString();//JSON数据带有中文，编码后输出ResourcesUtils.printJSON(result, response);}
复制代码

效果：

通过隐藏域将id带过去给controller

//ajax在显示数据的时候，已经把id给赋值了。<input type="hidden"  id="shipAddrId" name="shipAddrId">复制代码

dao:

public void updateByPrimaryKeySelective(EbShipAddr addr) {this.getSqlSession().update(nameSpace + "updateByPrimaryKeySelective", addr);}复制代码

service:

public void updateByPrimaryKeySelective(EbShipAddr addr) {addrDao.updateByPrimaryKeySelective(addr);}复制代码

controller:

/*** 添加或修改地址** @return*/@RequestMapping("/saveOrUpdateAddress.do")public String saveOrUpdateAddress(EbShipAddr addr, HttpSession session) {TsPtlUser user = (TsPtlUser) session.getAttribute("user");addr.setPtlUserId(user.getPtlUserId());if (addr.getShipAddrId() == null) {addrService.insert(addr);} else {//如果是有id的，那么就是更新操作！addrService.updateByPrimaryKeySelective(addr);}return "redirect:login/toDeliverAddress.do";}复制代码

设置为默认地址的样式

当地址是默认地址时，才有样式。我们现在是全部都有样式。可以直接判断来进行给出哪个是有样式的

<tr <c:if test="${addr.defaultAddr == 1 }">class='here'</c:if>>
复制代码

当然了，默认的地址只允许有一个，因此我们还需要对其做后台校验

• 如果在页面在设置了某地址为默认地址，那么数据库中的默认地址全都设置为不是默认地址！

<td class="def blue"><a href="${path}/user/updateDefault.do?shipAddrId=${address.shipAddrId}">设为默认</a></td>
复制代码

将当前用户下的地址都设置为不是默认地址：

<update id="deleteDefault" parameterType="long">update EB_SHIP_ADDR SET DEFAULT_ADDR = 0 WHERE  DEFAULT_ADDR=1 AND PTL_USER_ID = #{userId}</update><update id="updateDefault" parameterType="long">update EB_SHIP_ADDR SET DEFAULT_ADDR = 1 WHERE SHIP_ADDR_ID = #{addrId}</update>复制代码

dao:

    public void updateDefault(Long addrId) {this.getSqlSession().update(nameSpace + "updateDefault", addrId);}public void deleteDefault(Long userId) {this.getSqlSession().update(nameSpace + "deleteDefault", userId);}
复制代码

service:

public void updateDefault(Long addrId) {addrDao.updateDefault(addrId);}public void deleteDefault(Long userId) {addrDao.deleteDefault(userId);}复制代码

controller:

/*** 将地址设置为默认地址** @return*/@RequestMapping("/updateDefault.do")public String updateDefault(Long shipAddrId,HttpSession session) {if (shipAddrId != null) {//将当前用户数据库中为默认地址的数据设置为0TsPtlUser user = (TsPtlUser) session.getAttribute("user");addrService.deleteDefault(user.getPtlUserId());//将其地址设置为默认地址addrService.updateDefault(shipAddrId);}return "redirect:login/toDeliverAddress.do";}
复制代码

如果是在修改/新增里边设置地址为默认，那么在新增/修改之前把所有的去除即可：

if (addr.getDefaultAddr() == 1) {addrService.deleteDefault(user.getPtlUserId());}
复制代码

判断收货地址是否大于5

规定收货地址不能多于5个，我们就可以判断集合的长度从而提示客户

<input type="hidden" id="listCount" value="${fn:length(userAddress)}">复制代码

    $("#jvForm").submit(function(){var listCount = $("#listCount").val();var shipAddrId = $("#shipAddrId").val();if(listCount >= '5' && (shipAddrId == null || shipAddrId == "")){alert("收货地址不能超过5个");return false;}else{return true;}})
复制代码

总结

• 使用ajax将某地址的具体信息查询出来，返回JSON给浏览器进行回显数据。
• 通过地址id的有无来执行更新或添加操作
• 设置默认地址其实就是将原先是默认地址的去除，后边再修改为默认地址
• 在添加地址时，判断地址的数量可用集合的长度来判断，并且地址的id不能存在

如果您觉得这篇文章帮助到了您，可以给作者一点鼓励