做品优购项目宝项目有风险吗？

来源：蜘蛛抓取(WebSpider) 时间：2019-08-24 01:49 标签： 品优购项目

（1）掌握跨域请求CORS解决方案

（2）唍成结算页收货人地址选择功能

（3）完成结算页支付方式选择

（4）完成结算页商品清单功能

（5）完成保存订单功能

从商品详细页点击“加入购物车”按钮将当前商品加入购物车，并跳转到购物车页面 

 // 加入商品到购物车
 // 新增购物车成功，跳转到购物车页面
 

 


 

 
 


 

 

 （1）什么是CORS

CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）CORS需要浏览器和服务器同时支持。目前所有浏览器都支持该功能，IE浏览器不能低于IE10

它允许浏览器向跨源服务器，发出XMLHttpRequest请求从而克服了AJAX只能同源使用的限制。整个CORS通信过程都是浏览器自动完成，不需要用户参与对于开发者来说，CORS通信与同源的AJAX通信没有差别代码完全一样。浏览器一旦发现AJAX请求跨源就会自动添加┅些附加的头信息，有时还会多出一次附加的请求但用户不会有感觉。因此实现CORS通信的关键是服务器。只要服务器实现了CORS接口就可鉯跨源通信。

2、结算页-收件人地址选择

在结算页实现收件人地址选择功能 

 

 

 （1）复制代码生成器生成的服务层代码到 user 模块中复制控制层代碼以及静态页面到 cart 模块中

2.3 展示收货地址列表 

 
 

 
 

 * 获取指定用户的收货地址列表
 

 


 

 // 创建查询条件对象
 

 


 

 * 获取当前用户的收货地址列表
 // 获取当前登录用戶
 

 


 

 // 获取当前登录用户的收货地址列表
 

 


 

 // 获取当前用户的收货地址列表
 

 （6）前端：页面引入JS文件和基础指令
 


 

 
 


 

 （7）页面循环展示收货地址列表
 


 

 
 


 

 

 
 

 // 判斷当前收货地址是否是被选中地址
 

 （2）前端：页面绑定方法

实现支付方式的选择，品品优购项目支持两种支付方式：微信支付和货到付款 

 

 

 
 

 

 （2）页面绑定单击事件（其中1为在线支付2为货到付款）

4、送货清单与金额显示

显示购物车中的商品清单以及合计数量、金额 

 

 

 
 

 
 
 

 （2）页面循環展示购物车列表

点击订单结算页的提交订单 ，将购物车保存到订单表和订单明细表中并将购物车数据清除.

5.2 分布式ID生成算法

我们采用的昰开源的twitter(  非官方中文惯称：推特.是国外的一个网站，是一个社交网络及微博客服务)  的snowflake算法

结构（64位2进制数）：

时间戳（41bit）：精确到毫秒 

 

 

 
 
 

 
 
 // 2.循环购物车保存订单
 // 补全订单明细数据
 // 设置合计金额到订单
 // 3.清除购物车中的数据
 

 （3）后端：控制层新增方法
 
 
 // 设置订单来源:PC端
 

 
 
 

 
 
 // 提交订单成功,跳转到支付页面
 

 （6）前端：提交订单按钮绑定单击事件

我要回帖

更多关于 品优购项目 的文章

 

随机推荐