B076-项目实战--宠物上下架 展示 领养 收购订单
目录
-
-
- 上下架功能提供
-
- 后台宠物列表实现
- 前台展示
-
- 前台宠物列表和详情展示
- 店铺展示
- 领养
-
- 分析
- 前台
- 后端
-
- PetController
- PetServiceImpl
- 订单
-
- 需求分析
-
- 可能产生订单的模块
- 订单模块额外功能
- 订单设计
-
- 表设计
- 流程设计
- 集成基础代码
- 收购订单
-
- 创建订单
-
- 前端
- 后端
-
上下架功能提供
后台宠物列表实现
后端：拷贝product模块，替换大小写字母，调整字段名，时间显示格式等，
后台：拷贝资源中的pet.vue，配置路由，调整变量名，
前台展示
前台宠物列表和详情展示
前台拷贝product.html为pet.html，替换大小写字母，首页跳转过来，pet能跳转其他，
前台拷贝productDetail.html为petDetail.html，替换大小写字母，改预定须知为领养须知，
修改后端loadById查详情sql，前端取店名展示
<resultMap id="petMap" type="Pet">
<id property="id" column="id">id>
<result property="name" column="name">result>
<result property="resources" column="resources">result>
<result property="saleprice" column="saleprice">result>
<result property="costprice" column="costprice">result>
<result property="offsaletime" column="offsaletime">result>
<result property="onsaletime" column="onsaletime">result>
<result property="state" column="state">result>
<result property="createtime" column="createtime">result>
<association property="detail" javaType="PetDetail">
<id property="id" column="pdid">id>
<result property="intro" column="intro">result>
<result property="adoptNotice" column="adoptNotice">result>
association>
<association property="shop" javaType="Shop">
<id property="id" column="sid">id>
<result property="name" column="sname">result>
association>
resultMap>
<select id="loadById" parameterType="long" resultMap="petMap">
select
p.*,
pd.id pdid,pd.intro,pd.adoptNotice,
s.id sid,s.name sname
from t_pet p
LEFT JOIN t_pet_detail pd on p.id = pd.pet_id
LEFT join t_shop s on p.shop_id = s.id
where p.id = #{id}
select>
<div class="tb-detail-hd">
<h1>
【{{pet.shop.name}}】 {{pet.name}}
h1>
div>
店铺展示
petDetail页面的大包装右边展示店铺名称
通过:href="shopUrl"携带shopid跳往shop页面
<li class="qc last"><a :href="shopUrl" style="color: green">{{pet.shop.name}}a>li>
shopUrl:"",
mounted(){
let petId = parseUrlParams2Obj(location.href).petId;
this.$http.get("/pet/"+petId)
.then(result=>{
this.pet = result.data;
if(this.pet.resources){
this.resources = this.pet.resources.split(',');
}
this.shopUrl = "shop.html?shopId="+this.pet.shop.id;
})
.catch(result=>{
console.log(result);
alert("系统错误");
})
}
拷贝success页面为shop页面，替换引入路径，修改标题，引入vue和Axios，
写个div把body以内全包起来，发请求拿shop数据过来展示，
<script type="text/javascript">
new Vue({
el:"#myShop",
data:{
shop:{}
},
methods:{
getShop(){
let shopId = parseUrlParams2Obj(location.href).shopId;
this.$http.get("/shop/"+shopId)
.then(result=>{
this.shop = result.data;
$("#myTitle").html(this.shop.name);//自己去yyy
})
.catch(result=>{
console.log(result);
alert("系统错误");
})
}
},
mounted(){
this.getShop();
}
})
script>
领养
分析
领养即购买，立即领养进入领养流程，购物车可通过加一个表实现（包含userid和宠物信息），
点击立即购买后流程：
传入宠物信息，修改为下架，绑定购买者userid，生成订单和支付(这两个放到后面)
前台
petDetail页面把立即购买包进div里，
立即购买超链接绑定事件，发请求到后端进入处理流程，（扩展：处理完后进入个人中心-我的领养 展示宠物表中userId是自己的）
<a id="LikBuy" title="点此按钮到下一步确认购买信息" href="javascript:;" @click="adopt">立即购买a>
adopt(){
let petId = this.pet.id;
let flag = window.confirm("你确认领养吗？")
if(flag){
this.$http.get("/pet/adopt/"+petId)
.then(result=>{
result = result.data;
if(result.success){
alert("领养成功！");
//本来应该跳转到个人中心，查案个人领养宠物信息
//这里我们就跳转到首页
location.href="index.html";
}else{
alert(result.message);
}
})
.catch(result=>{
alert("系统错误");
})
}
//location.href="adoptOrder.html?petId="+this.pet.id;
}
后端
PetController
/**
* 领养宠物
*/
@GetMapping("/adopt/{petId}")
public AjaxResult adopt(@PathVariable("petId") Long petId, HttpServletRequest request){
try {
Logininfo loginIn = LoginContext.getLoginIn(request);
petService.adopt(petId,loginIn.getId());
return AjaxResult.me();
} catch (Exception e) {
e.printStackTrace();
return AjaxResult.me().setMessage("领养失败！"+e.getMessage());
}
}
PetServiceImpl
@Override
public void adopt(Long petId, Long loginInfoId) {
//1.修改状态 下架
Pet pet = petMapper.loadById(petId);
pet.setState(0);
pet.setOffsaletime(new Date());
//2.绑定用户
User user = userMapper.loadByloginInfoId(loginInfoId);
pet.setUser(user);
pet.setUser_id(user.getId());
pet.setShop_id(pet.getShop().getId());
//3.保存
petMapper.update(pet);
//@TODO 生成领养订单 + 支付
System.out.println("领养成功！");
}
订单
需求分析
可能产生订单的模块
1.宠物收购订单-店家给用户钱
垫付：用户立马就能获取到钱，员工定时报账。
余额支付：付款余额，用户可以提现。 平台相当于给了用户钱，店家用给平台钱。
银行转账：银行转账，店家财务依次给用户转账。
2.服务订单（多次消费）-用户给店家钱
3.领养订单（一次）-用户给店家钱
4.充值订单（一次）-用户充值平台，用户消费后，平台要给店铺打钱。
5.商品订单（多次）-用户给店家钱
特别说明一下：
大平台一般钱先到平台，用户确认后，平台才划账到店家。如果用户长时间不确认，自动确认。
我们小平台直接到店家，我们没有支付牌照。
每一类型的订单都要有独立的表来存
订单模块额外功能
1.系统报表、财务报表等
2.商家的账单下载（easyPOI的导入与导出）
3.系统对账服务（退款，支付异常等）
4.30分钟未支付取消订单（定时器）
订单设计
表设计
九张： 用户地址 订单地址 收购订单 领养订单 充值订单 商品订单 商品订单详情 服务订单 服务订单详情
我们需要关心的五张表：
t_user_address：用户地址，
t_order_address：订单地址，下单时的用户地址，绑定某个订单
t_order_pet_acquisition：收购订单，一次性，不需要存详情
t_order_adopt：领养订单，一次性，不需要存详情
t_order_product：服务订单，可多次消费，需要存详情
流程设计
用户付钱给商家，两个定时任务
商家付款给用户（收购订单）
工作人员上门，应该带一个手提电脑，处理完并下单。以后需要商家版App，可以在上面操作，不需要手提电脑。
集成基础代码
拷贝资源
收购订单
创建订单
前端
待处理消息处理窗口增加支付选项下拉框
后端
SearchMasterMsgController
/**
* 处理消息
*/
@PutMapping("/handle")
public AjaxResult handle(@RequestBody Pet pet,HttpServletRequest request){
try {
Logininfo loginIn = LoginContext.getLoginIn(request);
seachMasterMsgService.handle(pet,loginIn.getId());
return AjaxResult.me();
} catch (Exception e) {
e.printStackTrace();
return AjaxResult.me().setMessage("处理失败!"+e.getMessage());
}
}
SearchMasterMsgServiceImpl
/**
* 处理消息
*/
@Override
public void handle(Pet pet,Long loginInfoId) {
//1.改状态 --已处理
searchMasterMsgMapper.updateStateForProcessed(pet.getSearch_master_msg_id());
//2.生成宠物基本信息
petMapper.save(pet);
//3.宠物详情
PetDetail detail = pet.getDetail();
if(detail != null){
detail.setPet_id(pet.getId());
petDetailMapper.save(detail);
}
//4.生成订单
Employee employee = employeeMapper.loadByLoginInfoId(loginInfoId);
SearchMasterMsg searchMasterMsg = searchMasterMsgMapper.loadById(pet.getSearch_master_msg_id());
PetAcquisitionOrder order = pet2order(pet, searchMasterMsg, employee.getId());
petAcquisitionOrderMapper.save(order);
//5.生成支付@TODO
}
private PetAcquisitionOrder pet2order(Pet pet, SearchMasterMsg adopt,Long employeeId) {
PetAcquisitionOrder order = new PetAcquisitionOrder();
order.setDigest("[摘要]对"+pet.getName()+"收购订单！");
order.setState(0);//待支付
order.setPrice(pet.getCostprice());
order.setAddress(adopt.getAddress());
String orderSn = CodeGenerateUtils.generateOrderSn(adopt.getUser_id());
order.setOrderSn(orderSn);
order.setPet_id(pet.getId());
order.setUser_id(adopt.getUser_id());
order.setPaytype(0);
order.setShop_id(pet.getShop_id());
order.setEmp_id(employeeId);
return order;
}