如何自己开发微网站,那些网站是针对物流做的,做网站要几个人,上海php网站开发1. 收获地址列表展示-持久层
1.1 sql语句 1.2 AddressMapper接口编写抽象方法 /*** 根据用户id查询用户的收货地址数据* param uid* return*/ListAddress findByUid(Integer uid);
1.3 在xml文件中进行sql映射
!-- DESC降序 --select idfin…1. 收获地址列表展示-持久层
1.1 sql语句 1.2 AddressMapper接口编写抽象方法 /*** 根据用户id查询用户的收货地址数据* param uid* return*/ListAddress findByUid(Integer uid);
1.3 在xml文件中进行sql映射
!-- DESC降序 --select idfindByUid resultMapAddressEntityMapSELECT * FROM t_address WHERE uid#{uid}ORDER BY is_default DESC, created_time DESC/select
1.4 测试 在AddressMapperTest测试类进行测试 Testvoid findByUid() {ListAddress list addressMapper.findByUid(1);System.out.println(list);}
2. 收获地址列表展示-业务层
2.1 处理异常 这里没有需要考虑处理的异常
2.2 AddressService类编写抽象方法 /*** 根据用户id查询用户的收货地址数据* param uid 用户id* return 当前用户的收货地址数据列表*/ListAddress findByUid(Integer uid);2.3 实现类实现抽象方法 需要注意的是数据库的数据体量很大为了减小体量提高效率将前端用不到的数据封装成null。 /*** 根据用户id查询用户的收货地址数据* param uid 用户id* return 收货地址数据列表*/Overridepublic ListAddress findByUid(Integer uid) {ListAddress list addressMapper.findByUid(uid);for (Address address : list) {address.setAid( null);address.setUid(null);address.setProvinceCode(null);address.setCityCode(null);address.setAreaCode(null);address.setIsDefault(null);address.setTel( null);address.setCreatedUser(null);address.setCreatedTime(null);address.setModifiedUser(null);address.setModifiedTime(null);}return list;}
2.4 测试
3. 收获地址列表展示-控制层
3.1 设计请求 请求路径/addresses 请求参数/HttpSession session 请求方式GET 请求返回对象JsonResultListAddress 3.2 在controller类中接收请求编写业务代码 在session中获取用户的id通过uid获取当前登录用户的收货地址信息 RequestMappingpublic JsonResultListAddress getByUid(HttpSession session){Integer uid getUidFromSession(session);ListAddress data addressService.findByUid(uid);return new JsonResult(OK,data);}
3.3 启动项目进行测试 4. 收获地址列表展示-前端页面 代码如下 html
div classpanel-body!--地址显示--table classtable table-stripedcaption收货地址列表/captiontheadtrth地址类型/thth收货人姓名/thth详细地址/thth联系电话/thth colspan3操作/th/tr/theadtbody idaddress-listtrtd家/tdtd八戒/tdtd北京市房山区高老庄3排6号/tdtd1380***1234/tdtda classbtn btn-xs btn-infospan classfa fa-edit/span 修改/a/tdtda classbtn btn-xs add-del btn-infospan classfa fa-trash-o/span 删除/a/tdtda classbtn btn-xs add-def btn-default设为默认/a/td/trtrtd公司/tdtd八戒/tdtd北京市海淀区中关村中路1号1001室/tdtd1380***1234/tdtda classbtn btn-xs btn-infospan classfa fa-edit/span 修改/a/tdtda classbtn btn-xs add-del btn-infospan classfa fa-trash-o/span 删除/a/tdtda classbtn btn-xs add-def btn-default设为默认/a/td/trtrtd宿舍/tdtd八戒/tdtd北京市海淀区永丰镇30号/tdtd1380***1234/tdtda classbtn btn-xs btn-infospan classfa fa-edit/span 修改/a/td--tda classbtn btn-xs add-del btn-infospan classfa fa-trash-o/span 删除/a/td--tda classbtn btn-xs add-def btn-default设为默认/a/td--/tr/tbody/tablea hrefaddAddress.html classbtn btn-sm btn-primaryspan classfa fa-plus/span新增收货地址/a/div js 当页面加载时就需要展示收货地址列表后端传到前端的是list集合需要遍历操作将数据封装到tr上td#{tag}/td进行占位replace方法进行替换替换完成之后将其追加到address-list上进行展示默认收货地址需要进行隐藏
script typetext/javascript$(document).ready(function() {// 页面一加载就调用方法showAddressList();})function showAddressList() {$.ajax({url: /addresses,type: GET,dataType: json,success: function (json) {if (json.state 200) {// 获取省列表,包括所哟省名称let list json.data;// 遍历省列表for (let i 0; i list.length; i) {// #{tag} 占位符let tr tr\n td#{tag}/td\n td#{name}/td\n td#{address}/td\n td#{phone}/td\n tda classbtn btn-xs btn-infospan classfa fa-edit/span 修改/a/td\n tda classbtn btn-xs add-del btn-infospan classfa fa-trash-o/span 删除/a/td\n tda classbtn btn-xs add-def btn-default设为默认/a/td\n /tr// 将列表的tr清空替代成新的tr// replace() 替换tr tr.replace(#{tag}, list[i].tag)tr tr.replace(#{name}, list[i].name)tr tr.replace(#{address}, list[i].address)tr tr.replace(#{phone}, list[i].phone)// 替换完成之后将tr追加到address-list列表中$(#address-list).append(tr)}// 按照降序排列的话第一项是设置的默认项那么”设为默认地址“这个按钮应该隐藏// 将某个元素隐藏使用hide()方法$(.add-def:eq(0)).hide();}else{alert(用户收货地址列表加载失败)}}})}/script 将写死的默认数据注释掉就好✌
tbody idaddress-list
!-- tr--
!-- td家/td--
!-- td八戒/td--
!-- td北京市房山区高老庄3排6号/td--
!-- td1380***1234/td--
!-- tda classbtn btn-xs btn-infospan classfa fa-edit/span 修改/a/td--
!-- tda classbtn btn-xs add-del btn-infospan classfa fa-trash-o/span 删除/a/td--
!-- tda classbtn btn-xs add-def btn-default设为默认/a/td--
!-- /tr--
!-- tr--
!-- td公司/td--
!-- td八戒/td--
!-- td北京市海淀区中关村中路1号1001室/td--
!-- td1380***1234/td--
!-- tda classbtn btn-xs btn-infospan classfa fa-edit/span 修改/a/td--
!-- tda classbtn btn-xs add-del btn-infospan classfa fa-trash-o/span 删除/a/td--
!-- tda classbtn btn-xs add-def btn-default设为默认/a/td--
!-- /tr--
!-- tr--
!-- td宿舍/td--
!-- td八戒/td--
!-- td北京市海淀区永丰镇30号/td--
!-- td1380***1234/td--
!-- tda classbtn btn-xs btn-infospan classfa fa-edit/span 修改/a/td--
!-- tda classbtn btn-xs add-del btn-infospan classfa fa-trash-o/span 删除/a/td--
!-- tda classbtn btn-xs add-def btn-default设为默认/a/td--
!-- /tr--/tbody 重启项目登录运行测试功能
