首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

28、购物车结算页面-导航栏与地址选择布局

本章我们开始讲购物车结算页面的编写,这个页面应该是整个项目里最复杂的页面了,ok,这章讲下基本结构。...Github:https://github.com/Ewall1106/mall(请选择分支chapter28) 1、新建购物车页面 (1)老规矩,复制一份我们已经写好的test.vue页面初始化我们购物车页面...购物车页面构建 (2)然后就是去注册下路由 这里就不废话了占据篇幅了,这个应该很easy了。 2、顶部导航栏 (1)顶部的第一个块就是导航栏了,跟前面的一样,没什么难点的了。 ?...基本头部效果 (2)然后我们需要跳转到一个新页面完成地址选择功能,所以我们再新建一个address.vue页面 同上,复制一份我们test.vue重命名为address作为我们的地址选择页面; 注册路由...4、小结 这章就是完成了购物车结算页面的部分布局,下一章我们去adress.vue中借助vant组件实现地址选择功能,然后我们在返回到这个页面来完成我们剩下的功能。

2K30

java web开发_购物车数据封装及数据展示

这是在多拿网上面看到的一个加入购物车功能: ? 当我们点击加入购物车后: ? 然后查看购物车信息: ? 最后的效果就是购物车中的信息展示!!! 现在大家有没有明白我要说的是什么东东?...如果还是不太明白,那么我就用最简单的语句描述一下: 就是说我们添加了购物车信息,那么我们要怎样把购物车中的信息向上面一样展示出来。 这里就会涉及到数据的封装了。.../ShoppingCart/src/com/b510/Business.java 1 /** 2 * 3 */ 4 package com.b510; 5 6 import java.util.Date...; 8 import java.util.HashMap; 9 import java.util.Iterator; 10 import java.util.List; 11 import...java.util.Map; 12 import java.util.Set; 13 14 /** 15 * 测试类 16 * 17 * @date 2012-12-28 18

72410
领券