利用springMVC实现购物车结算功能

最新推荐文章于 2024-04-08 19:54:56 发布
最新推荐文章于 2024-04-08 19:54:56 发布
阅读量1k 收藏 2
点赞数
文章标签： java 测试 数据库
原文链接：https://my.oschina.net/u/2411987/blog/490791
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

在cart-1.html中

<form action="alipayConfirm" th:object="${cartForm}" method="post">

AND<table>

<tbody th:each="cartsInfo,status:${cartList}">

<tr>

    <td class="chk">

   <input type="hidden" th:name="${#strings.concat('listBean[').concat(status.index).concat('].commodityId')}" th:value="${cartsInfo.commodityId}"/>

   <input type="hidden" th:name="${#strings.concat('listBean[').concat(status.index).concat('].cartId')}" th:value="${cartsInfo.cartId}"/>

   <input type="checkbox" th:name="${#strings.concat('listBean[').concat(status.index).concat('].checkArray')}" οnclick="check();"/></td>

<td><div class="cont cf">

<img th:src="@{showImage(pictureId=${cartsInfo.pictureId})}"

alt="购物车详细情况" class="pic" />

<h4>

<span th:text="${cartsInfo.commodityName}"></span>

</h4>

<p class=" mt10">规格：每<span

th:text="${#strings.concat(cartsInfo.unit).concat(cartsInfo.specifications)}"></span></p>

<p>品牌：<span th:text="${cartsInfo.brandName}"></span></p>

</div></td>

<td><p class="price yh">

<span th:id="${#strings.concat('single').concat(cartsInfo.commodityId)}" th:text="${cartsInfo.retailPrice}"></span>元

</p></td>

<td>

<div class="chooseAmount">

<a href="javascript:void(0);"

th:οnclick="${#strings.concat('subNum(').concat(cartsInfo.commodityId).concat(')')}"></a>

<input th:id="${cartsInfo.commodityId}" type="text" class="fl inp-t" th:name="${#strings.concat('listBean[').concat(status.index).concat('].countArray')}" th:value="${cartsInfo.count}" value="1" />

<a href="javascript:void(0);"

th:οnclick="${#strings.concat('addNum(').concat(cartsInfo.commodityId).concat(')')}"></a>

</div></td>

<td><p class="price yh">

<span name="xiaoji" th:id="${#strings.concat('sum').concat(cartsInfo.commodityId)}" th:text="${cartsInfo.smallSumPrice}"></span>元

</p></td>

<td><a class="button"

th:href="@{delCart(cartId=${cartsInfo.cartId},count=${cartsInfo.count},commodityId=${cartsInfo.commodityId})}"><span>删除</span></a></td>

</tr>

</tbody>

<p class="fr">

<button class="btn btn-success yh" name="delChoosedCart"><span>删除选中的商品</span</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

已选择<i id="sumCount" class="yh">0</i>种商品 合计￥<i id="sumMoney" class="yh">0</i>元

<button class="btn btn-success yh" name="Go">结 算</button>

</p>

</table></form>


在controller中的代码:

@RequestMapping(value = "alipayConfirm", method = RequestMethod.POST,params="Go")

public String alipayConfirm(Model model, HttpSession session,CartForm cartForm, Device device) throws SQLException {

GoodsForm goodsForm = new GoodsForm();

List<GoodsForm> commodityType = goodsService.getType();

goodsForm.setCommodityTypeId(commodityType.get(0).getCommodityTypeId());

model.addAttribute("goodsForm", goodsForm);

model.addAttribute("commodityType", commodityType);

log.info("确认支付");

UVO uvo = (UVO) session.getAttribute("UVO");

if (uvo == null || StringUtils.isEmpty(uvo.getGuestId())) {

return "redirect:/initGuestLogin";

}//用来判断用户是否登录了

List<ListBean> listBean = cartForm.getListBean();//通过传来的选定的商品的list来一个id修改一条记录

int b = listBean.size();

String cartIds = "";

for (int i = 0; i < b; i++) {

cartForm.setUpdateUser(uvo.getGuestName());

Date date = new Date();

SimpleDateFormat dateformat = new SimpleDateFormat(

"yyyy-MM-dd HH:mm:ss");

cartForm.setUpdateTime(dateformat.format(date));

cartForm.setCommodityId(listBean.get(i).getCommodityId());

cartForm.setCount(listBean.get(i).getCountArray());

cartForm.setGuestId(uvo.getGuestId());

String check = listBean.get(i).getCheckArray();

if (check != null) {

cartForm.setCartId(listBean.get(i).getCartId());

boolean result = cartService.editStockByCart(cartForm);//用选定商品的id来修改库存

if (!result) {

throw new SQLException("库存不足！");

}

boolean hisResult = cartService.updateCart(cartForm);//用选定商品的id来修改购物车

if (!hisResult) {

throw new SQLException("添加支付宝失败");

}

cartIds = cartIds + ",'" + listBean.get(i).getCartId() + "'";

}

}

cartForm.setCartId(cartIds.substring(1));

// cartForm.setGuestId(uvo.getGuestId());

List<CartForm> list = cartService.searchCartListForCartId(cartForm);

AlipayForm alipayForm = new AlipayForm();

String body = "您购买的商品如下：";

Double price = 0d;

for (CartForm item : list) {

body = body

+ "品名："

+ item.getCommodityName()

+ ", 数量："

+ item.getCount()

+ ", 总价："

+ String.valueOf(Double.valueOf(item.getCount())

* Double.valueOf(item.getRetailPrice())) + ";";

price = price + Double.valueOf(item.getCount())

* Double.valueOf(item.getRetailPrice());

}

alipayForm.setBody(body);

alipayForm.setOutTradeNo(list.get(0).getCartId());

// 不满88元加8元邮费

if (price < 88) {

price = price + 8;

body = body + "(由于本次订单未满88元，加收您邮费8元)";

}

alipayForm.setCartFormList(list);

alipayForm.setPrice(price.toString());

    GuestForm guestForm=new GuestForm();

    guestForm.setGuestId(uvo.getGuestId());

    String addressDefault=guestService.searchAddressId(guestForm).getAddressId();//设置默认地址

    model.addAttribute("addressDefault", addressDefault);//蒋默认地址传到前台

ReceiveForm receiveForm=new ReceiveForm();

receiveForm.setGuestId(uvo.getGuestId());

List<ReceiveForm> list1=receiveservice.searchlist(receiveForm);//搜索出用户所对应的所有address_id

           model.addAttribute("list", list1);//传到前台，来实现下一步去支付宝的结算

             String host = env.getProperty("host.web");

alipayForm.setShowUrl(host + "/initCart");

alipayForm.setSubject(body);

model.addAttribute("alipayForm", alipayForm);//将去支付页面所需要的其他东西传到前台

cartForm.setGuestId(uvo.getGuestId());

model.addAttribute("cartList", cartService.searchCartList(cartForm));

if (device.isNormal()) {

return "shop/cart/cart-2";

} else {

return "mobile/alipay/cart-2";

}

}

用到的文件还有goodService.java  CartService   receiveservice  ListBean  cartForm   alipayForm   receiveForm   uvo

cartSqlMap.xml

等，详细文件在项目里

package cn.agriculture.web.service;

@Service

@PropertySource("classpath:system.properties")

public class CartService {

public List<CartForm> searchCartList(CartForm frm) {

frm.setStatus("未付款");

List<CartForm> result = queryDao.executeForObjectList("Cart.selectCartList", frm);

return result;

}

public boolean editStockByCart(CartForm frm) {

frm.setStatus("未付款");

CartForm cartResult = queryDao.executeForObject("Cart.selectCart", frm,

CartForm.class);

if (cartResult == null) {

;

} else {

// String tempCount = frm.getCount();

Integer count = Integer.valueOf(frm.getCount())

- Integer.valueOf(cartResult.getCount());

// frm.setCount(String.valueOf(count));

frm.setCartId(cartResult.getCartId());

frm.setStatus("未付款");

// int result = updateDao.execute("Cart.editCart", frm);

// if (result == 1) {

Integer stock = queryDao.executeForObject("Cart.selectStock", frm,

Integer.class);

// if (stock == null) {

// 新商品没有库存

// return false;

// }

stock = stock - Integer.valueOf(count);//购物车算法

if (stock < 0) {

return false;

}

frm.setStock(stock.toString());

if (updateDao.execute("Cart.editStockAgain", frm) == 1) {

return true;

}

// return true;

}


return false;

}

public boolean updateCart(CartForm frm) {

frm.setStatus("未付款");

int result = updateDao.execute("Cart.updateCart", frm);

if (result != 0) {

return true;

}

return false;


}

public List<CartForm> searchCartListForCartId(CartForm frm) {

frm.setStatus("未付款");

List<CartForm> result = queryDao.executeForObjectList(

"Cart.selectCartListForCartId", frm);

return result;

}

}

public class GuestService {


@Autowired

QueryDAO queryDao;

@Autowired

UpdateDAO updateDao;

public GuestForm searchAddressId(GuestForm guestForm){

return queryDao.executeForObject("Guest.selectAddressId", guestForm,GuestForm.class);

}

}




sql

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE sqlMap

            PUBLIC "-//ibatis.apache.org//DTD SQL Map 2.0//EN"

            "http://ibatis.apache.org/dtd/sql-map-2.dtd">

<!-- SqlMap定義 -->

<sqlMap namespace="Cart">

<select id="selectCart" parameterClass="cn.agriculture.web.form.CartForm"

resultClass="cn.agriculture.web.form.CartForm">

SELECT cart.cart_id as cartId,

cart.guest_id as guestId,

cart.count as count,

commodity.commodity_id as commodityId,

commodity.type as type,

supplier.supplier_name as supplierName,

brand.brand_name as brandName,

commodity.commodity_name as commodityName,

commodity.weight as weight,

commodity.is_gift as isGift,

commodity.specifications as specifications,

commodity.unit as unit,

commodity.benchmark_price as benchmarkPrice,

commodity.guide_price as guidePrice,

commodity.retail_price as retailPrice,

commodity.competition_level as competitionLevel,

commodity.note as note,

cart.update_time as updateTime,

cart.update_user as updateUser,

commodity.picture_id as pictureId

FROM cart, commodity, supplier, brand

WHERE cart.commodity_id = commodity.commodity_id

AND commodity.supplier_id = supplier.supplier_id

AND commodity.brand_id = brand.brand_id

AND cart.status = #status#

AND cart.commodity_id = #commodityId#

AND cart.guest_id = #guestId#

</select>

<select id="selectCartList" parameterClass="cn.agriculture.web.form.CartForm"

resultClass="cn.agriculture.web.form.CartForm">

SELECT cart.cart_id as cartId,

cart.guest_id as guestId,

cart.count as count,

commodity.commodity_id as commodityId,

commodity.type as type,

supplier.supplier_name as supplierName,

brand.brand_name as brandName,

commodity.commodity_name as commodityName,

commodity.weight as weight,

commodity.is_gift as isGift,

commodity.specifications as specifications,

commodity.unit as unit,

commodity.benchmark_price as benchmarkPrice,

commodity.guide_price as guidePrice,

commodity.retail_price as retailPrice,

commodity.competition_level as competitionLevel,

commodity.note as note,

cart.update_time as updateTime,

cart.update_user as updateUser,

commodity.picture_id as pictureId

FROM cart, commodity, supplier, brand

WHERE cart.commodity_id = commodity.commodity_id

AND commodity.supplier_id = supplier.supplier_id

AND commodity.brand_id = brand.brand_id

AND cart.status = #status#

AND cart.guest_id = #guestId#

</select>



<select id="selectStock" parameterClass="cn.agriculture.web.form.CartForm" resultClass="java.lang.Integer">

SELECT stock FROM stock WHERE commodity_id = #commodityId#

</select>

<update id="editStock" parameterClass="cn.agriculture.web.form.CartForm">

UPDATE stock SET stock = #count#,

update_time = #updateTime#,

update_user = #updateUser#

WHERE commodity_id = #commodityId#

</update>

<update id="editStockAgain" parameterClass="cn.agriculture.web.form.CartForm">

UPDATE stock SET stock = #stock#,

update_time = #updateTime#,

update_user = #updateUser#

WHERE commodity_id = #commodityId#

</update>


<select id="selectCartListForCartId" parameterClass="cn.agriculture.web.form.CartForm"

resultClass="cn.agriculture.web.form.CartForm">

SELECT cart.cart_id as cartId,

cart.guest_id as guestId,

cart.count as count,

commodity.commodity_id as commodityId,

commodity.type as type,

supplier.supplier_name as supplierName,

brand.brand_name as brandName,

commodity.commodity_name as commodityName,

commodity.weight as weight,

commodity.is_gift as isGift,

commodity.specifications as specifications,

commodity.unit as unit,

commodity.benchmark_price as benchmarkPrice,

commodity.guide_price as guidePrice,

commodity.retail_price as retailPrice,

commodity.competition_level as competitionLevel,

commodity.note as note,

cart.update_time as updateTime,

cart.update_user as updateUser,

commodity.picture_id as pictureId

FROM cart, commodity, supplier, brand

WHERE cart.commodity_id = commodity.commodity_id

AND commodity.supplier_id = supplier.supplier_id

AND commodity.brand_id = brand.brand_id

AND cart.status = #status#

AND cart.cart_id in($cartId$)

</select>


<update id="updateCart" parameterClass="cn.agriculture.web.form.CartForm">

UPDATE cart SET count = #count#

WHERE commodity_id = #commodityId#

AND guest_id = #guestId#

</update>


<sqlMap namespace="Receive">

<select id="selectReceiveAddresslist"

parameterClass="cn.agriculture.web.form.ReceiveForm"

resultClass="cn.agriculture.web.form.ReceiveForm">

SELECT address_id as addressId,

guest_id as guestId,

receive_address as addressName,

receive_name as receiveName,

receive_phone as phone,

receive_post as post

FROM address

WHERE guest_id=#guestId#

</select>

<select id="selectAddressId"

parameterClass="cn.agriculture.web.form.GuestForm"

resultClass="cn.agriculture.web.form.GuestForm">

SELECT

address_id as addressId

FROM

guest

WHERE

guest_id=#guestId#

</select>


cart-2.html

<form name="alipayForm" action="alipaySubmit" th:object="${alipayForm}" method="post" class="form-horizontal form-address mt20">

   <input type="hidden" name="outTradeNo" value="" th:value="${alipayForm.outTradeNo}"/>

<input type="hidden" name="subject" value="" th:value="${alipayForm.subject}"/>

<input type="hidden" name="body" value="" th:value="${alipayForm.body}"/>

<input type="hidden" name="price" value="" th:value="${alipayForm.price}"/>

<input type="hidden" name="showUrl" value="" th:value="${alipayForm.showUrl}"/>

<ul>

<li th:each="cartForm,status:${alipayForm.cartFormList}">

<input type="hidden" th:name="${#strings.concat('cartFormList[').concat(status.index).concat('].cartId')}" 

th:value="${cartForm.cartId}"/>

//实现id拼接

</li>

</ul>

                                              <tbody>

   <tr th:each="receiveInfo,status:${list}">

   <td class="chk"><input type="radio" name="addressId" class="vm" th:value="${receiveInfo.addressId}"/>

//实现id拼接

      <span  th:text="${receiveInfo.receiveName}"></span></td>

      <td><span th:text="${receiveInfo.addressName}"></span></td>

      <td><span th:text="${receiveInfo.post}"></span></td>

      <td><span th:text="${receiveInfo.phone}"></span></td>      

      </tr>                

      </tbody>

                  <p class="yellow f14 mt30">支付方式</p>

<p class="payWay mt10"><input type="checkbox" class="vm"/> 支付宝支付</p>

<p class="tr mt20"><button class="btnBlue yh">去支付</button></p>

 </form> 

cart2提交到的controller

@RequestMapping(value = "alipaySubmit", method = RequestMethod.POST)

public String executeAlipaySubmit(Model model, HttpSession session, @Valid @ModelAttribute("alipayForm") AlipayForm alipayForm, BindingResult results, Device device, ReceiveService receiveservice) throws SQLException {

log.info("修改购物车信息为已付款");

UVO uvo = (UVO)session.getAttribute("UVO");

if (uvo == null || StringUtils.isEmpty(uvo.getGuestId())) {

    return "redirect:/initGuestLogin";

    }

GoodsForm goodsForm=new GoodsForm();

// goodsForm.setType("粮食");

// model.addAttribute("goodsForm", goodsForm);

List<GoodsForm> commodityType = goodsService.getType();

goodsForm.setCommodityTypeId(commodityType.get(0).getCommodityTypeId());

    model.addAttribute("goodsForm", goodsForm);

    model.addAttribute("commodityType", commodityType);

alipayForm.setUpdateUser(uvo.getGuestName());

ReceiveForm receiveForm=new ReceiveForm();

receiveForm.setAddressId(alipayForm.getAddressId());//这个直接将选定的radio的值（addressId）传来使用也就确定了那个单选按钮就选选定了

receiveForm=receiveService.searchReceive(receiveForm);

alipayForm.setReceiveAddress(receiveForm.getAddressName());

alipayForm.setReceiveMobile(receiveForm.getMobile());

alipayForm.setReceiveName(receiveForm.getReceiveName());

alipayForm.setReceivePhone(receiveForm.getPhone());

alipayForm.setReceiveZip(receiveForm.getPost());  

Date date = new Date();

SimpleDateFormat dateformat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");

alipayForm.setUpdateTime(dateformat.format(date));

alipayForm.setGuestId(uvo.getGuestId());

model.addAttribute("AlipayForm", alipayForm); 

boolean hisResult = cartService.addAlipayHistory(alipayForm);

if(!hisResult) {

throw new SQLException("添加支付宝账单失败！");

}

CartForm cartForm = new CartForm();

    cartForm.setUpdateUser(uvo.getGuestName());

cartForm.setUpdateTime(dateformat.format(date));

    cartForm.setGuestId(uvo.getGuestId());

    int b = alipayForm.getCartFormList().size();

    for (int k = 0; k < b;k++) {

    cartForm.setCartId(alipayForm.getCartFormList().get(k).getCartId());

    boolean result = cartService.editStatus(cartForm);

    if(!result) {

    throw new SQLException("修改支付状态失败！");

    }

}

if(device.isNormal()) {

       model.addAttribute("sHtmlText", alipayRequestWeb(alipayForm));

} else {

       model.addAttribute("sHtmlText", alipayRequestMobile(alipayForm));

}

return "manager/charge/alipay";

}




转载于:https://my.oschina.net/u/2411987/blog/490791

weixin_34146805
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
利用MVC(SpringMVC+Spring+MyBatis)实现购物车试题源代码
11-05
利用MVC(SpringMVC+Spring+MyBatis)实现购物车试题,包括完整源代码和测试数据
SpringBoot电商项目之购物车下单（沙箱支付）
weixin_65808248的博客
11-08 3424
一、购物车结算前端功能实现实现思路1.购物车页面实现结算功能，主要是拿到传入后台的gids2.跳转订单页后台，主要是拿到订单页展示数据3.订单页前台数据展示购物车页面实现结算功能注：使用jquery动态实现结算功能，必须勾选购物车中的商品进行结算，没有勾选无法完成结算功能！！！cart.js进行整改：关于结算按钮的绑定事件测试结果，当点击结算，会跳转访问地址；说明gids的值是已经拿到了；
IDEA+Java+SSM+JSP+Mysql实现超市订单系统
最新发布
2401_83412087的博客
04-08 985
给大家送一个小福利附高清脑图，高清知识点讲解教程，以及一些面试真题及答案解析。送给需要的提升技术、准备面试跳槽、自身职业规划迷茫的朋友们。《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！esultMap);自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。
千峰商城-springboot项目搭建-77-购物车结算提交订单
LYly_B的博客
07-25 580
在购物车列表中选择对应的商品后，点击提交生成订单的过程。 一、流程分析： 二、接口实现 1.收货地址列表接口 此操作的数据库实现可以通过tkMapper通用方法完成。 service接口： UserAddrService ： public interface UserAddrService { public ResultVO listAddrsByUserId(int userId)...
三十九、java版商城之商家管理 Spring Cloud+SpringBoot+mybatis+uniapp b2b2c o2o 多商家入驻商城 直播带货商城 电子商务
iteye_3750的博客
11-11 552
一个好的SpringCloud+SpringBoot b2b2c 电子商务平台涉及哪些技术、运营方案？以下是我结合公司的产品做的总结，希望可以帮助到大家！ 小程序：海哇 1. 涉及平台 平台管理、商家端（PC端、手机端）、买家平台（H5/公众号、小程序、APP端（IOS/Android）、微服务平台（业务服务） 2. 核心架构 Spring Cloud、Spring Boot、Mybatis、Redis 3. 前端框架 VUE、Uniapp、Bootstrap/H5/CSS3、IOS、Android
利用MVC(SpringMVC+Spring+MyBatis)实现购物车——试题讲解
热门推荐
pcbhyy的博客
11-05 1万+
利用MVC(SpringMVC+Spring+MyBatis)实现购物车 本试题使用Jsp+Spring+Mybatis+Mysql+Maven等技术实现购物车管理。 语言和环境 A、实现语言 Java B、环境要求 JDK1.8、Eclipse、Tomcat7、SpringMVC、Spring、Mybatis、Mysql、Maven 功能要求 分页显示商品表中信息，如下图 点击购买，显示购物车...
springMVC.zip
09-27
在本项目中，我们使用Spring MVC来实现一个简单的购物车系统，其中利用了session技术来管理用户的购物车状态。 1. **Spring MVC 框架基础** - Spring MVC是Spring框架的一部分，用于处理HTTP请求和响应，它通过...
网上书城系统，基于springmvc的javaweb开发项目
12-18
购物车模块实现添加书籍、修改数量、删除书籍以及结算；订单处理包括订单创建、支付、发货及售后等流程。 在JavaWeb开发中，数据库管理是至关重要的。本系统可能使用MySQL作为后台数据库，存储用户信息、书籍数据、...
模拟购物车
11-23
总的来说，"模拟购物车"系统是一个集成了商品管理、购物车、支付和账户管理等多个模块的综合应用，利用JavaWeb技术实现了这些功能。开发者不仅需要掌握后端编程，还要理解前端交互、数据库设计以及网络安全等方面的...
基于Springmvc、mybaits的简单课程设计购物网站
06-29
3. 购物车模块：添加商品、修改数量、删除商品、结算功能。 4. 订单模块：创建订单、支付、订单状态跟踪。 5. 支付模块：与第三方支付平台对接，处理支付请求和回调。 6. 后台管理系统：商品管理、订单管理、用户...
微信超市购物系统源码-ionic2/springmvc/mybatis...
07-06
这个系统旨在提供一种便捷的线上购物体验，利用微信的广泛使用基础，实现移动设备上的超市商品浏览、选购和支付功能。下面将详细阐述这些技术知识点。 **Ionic2** 是一个开源的移动应用框架，基于Angular构建，用于...
Spring+Springmvc+mybaties购物车
12-26
第一个做的比较完整的基于Spring+Springmvc+mybaties的作品，算不上项目。就为了积分，给大家参考吧。
jsp+servlet+sql server购物车实例
11-12
本人简单做了一个购物车设计 内附项目源码，数据库文件
[每天进步一点点~] 购物车页面基本实现，单选、多选、全选商品，计算所勾选商品价格（保留小数点后2位）...
DarlingYL的博客
09-08 522
购物车页面 image.png 用uni-app来写的 代码实现 html部分代码 <template> <view class=""> <view class="list"> <view class="cart" v-for="(item,index) in list" :key="index"&...
购物车案例模块（全选，增减商品数量，修改商品小计，计算总计和面额，删除商品，选中商品添加背景）
weixin_45026839的博客
04-20 2963
一、 全选按钮分析： 里面3个小的复选框按钮（j-checkbox）选中状态（checked）跟着全选按钮（checkall）走。 因为checked是复选框的固有属性，此时我们需要利用prop()方法获取和设置该属性。 把全选按钮状态赋值给3小复选框就可以了。 当我们每次点击小的复选框按钮，就来判断： 如果小复选框被选中的个数等于3 就应该把全选按钮选上，否则全选按钮不选。 :checked选择器 :checked 查找被选中的表单元素。 代码 // 1. 全选功能模块 ： //
购物车中计算checkBox选中总价功能的实现
睡不醒的胖子的博客
04-25 8262
今天实现的知识点和listview+checkBox的差不多，两个一般是连在一起用的，listview+checkBox的全选，批量删除功能可以看我的另一篇博客：http://blog.csdn.net/yu_er_/article/details/51232868。如果这个看懂了，那么今天的问题就迎刃而解了。在做购物车的功能时常常会用到计算checkBox选中的总价格。 效果图： 我
使用计算属性实现购物车功能效果（商品数量增减、单选多选计算金额和总价，）
yuhaowen的博客
03-23 2561
使用计算属性实现购物车效果（商品数量增减、单选多选计算金额和总价，） 涉及知识： Vue 基本指令 Vue 计算属性 使用 Vue 的基础语法知识，包括插值表达式与数据绑定、常用指令、计算属性等实现购物车的数据展示效果。 效果图展示 代码实现 使用v-for循环，实现展示购物车效果 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name
Day17-购物车页面-结算-动态计算已勾选商品的数据和选中状态
qq_59110215的博客
12-03 864
卷
【Spring+Mybatis+SpringMVC整合项目五】天猫商城（后台-订单管理开发）
CSDN_猹的博客
12-04 2408
这里再记录订单管理的开发步骤。看看订单的POJO 里面包含了四个非数据库字段 private List&lt;OrderItem&gt; orderItems; private User user; private float total; private int totalNumber; 1.orderItems是指订单项，每个订单项都有一个oid字段，表示对应某个订单，...
基于ssm+jsp网上服装销售系统源码数据库.docx
03-14
基于ssm+jsp网上服装销售系统源码数据库.docx

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值