美文网首页Asp.net
MVC(购物车页面)

MVC(购物车页面)

作者: 余生筑 | 来源:发表于2017-11-07 17:38 被阅读15次
  • 立即结算
@Html.ActionLink("立即结算", "Checkout", null, new { @class = "btn btn-primary" })

等效于

<a class="btn btn-primary" href="/Cart/Checkout">立即结算</a>
  • 继续购物
  <a class="btn btn-primary" href="@Model.ReturnUrl">继续购物</a>

returnUrl属性负责记录当前页面的路径,之所以有这个属性是因为,用户在把商品加入到购物车后可能有返回原页面的需要,因此该a标签的链接属性值不能硬编码。

  • 删除商品
 @using (Html.BeginForm("RemoveFromCart", "Cart")) {
                        @Html.Hidden("Id", line.Product.Id)
                        @Html.HiddenFor(x => x.ReturnUrl)
                        <input class="btn btn-sm btn-warning"
                               type="submit" value="Remove" />
                    }

等效于

<form action="/Cart/%E5%88%A0%E9%99%A4" method="post">
<input id="Id" name="Id" type="hidden" value="1">
<input id="ReturnUrl" name="ReturnUrl" type="hidden" value="/?categoryId=1">                        <input class="btn btn-sm btn-warning" type="submit" value="删除">
</form>

"RemoveFromCart"为该表单提交目的地。value为表单提交内容

相关文章

  • MVC(购物车页面)

    立即结算 等效于 继续购物 returnUrl属性负责记录当前页面的路径,之所以有这个属性是因为,用户在把商品加入...

  • 购物车的逻辑及处理

    ********《MVC模式下的购物车》******** ViewController: 购物车界面 整个界面就是...

  • MVC(页面跳转)

    产品列表页面 "加入购物车" "查看详情" 产品详情页面 "返回列表" "加入购物车" 购物车页面 "继续购物"

  • Vue + Vuex 实现购物车

    功能点拆分 在商品详情页点击添加购物车按钮,对应商品将传到购物车页面 购物车页面顶部商品数量展示 购物车页面商品列...

  • 购物车模块实现

    1、购物车列表功能实现 点击加入购物车或者点击购物车图标后进入购物车页面,在购物车页面中首先渲染cartList的...

  • 购物车页面

    创建购物车页面,src/views/Cart.vue 增加购物车页面路由,src/router/index.js ...

  • 浅析 MVC

    MVC是什么 MVC——用于解决页面代码过于重复的一个的设计模式(优化页面代码结构)。首先:MVC没有严格的定义。...

  • testing(2)

    购物车怎么测试?(特别重要) 功能测试 a)、未登录时:将商品加入购物车,页面跳转到登录页面,登录成功后购物车数量...

  • web storage本地存储

    一、引入打开京东,开了多个商品页面,每个都点击 加入购物车 ,然后进入购物车页面,可以看到多个商品都在购物车。购物...

  • 购物车页面和商品列表页面

    商品列表页面的布局和添加购物车到cookie中的保存实现 购物车页面的布局以及CSs样式 JS实现:购物车的实现上...

网友评论

    本文标题:MVC(购物车页面)

    本文链接:https://www.haomeiwen.com/subject/cfedmxtx.html