O2O商城项目实战(客户端)

最新推荐文章于 2023-07-26 18:02:56 发布
最新推荐文章于 2023-07-26 18:02:56 发布
阅读量192 收藏
点赞数 1
文章标签： html5 html css3 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xrs151/article/details/109613069
版权

个人中心页面（account）
(地址列表)address.js:

<view class="pq">
	<view class="address_list" wx:for="{{addressList}}">
		<view class="basic">
			<view class="name">{{item.name}}</view>
			<view class="phone">{{item.phone}}</view>
		</view>
		<view class="address">{{item.province}}-{{item.city}}-{{item.district}}-{{item.detail}}</view>
		<view class="operation">
			<radio checked="{{item.defaultFlag}}" wx:if="{{item.defaultFlag}}" style="color: #ffca28;">默认地址</radio>
			<radio checked="{{item.defaultFlag}}" wx:else bindtap="editDefault" data-addrID="{{item.addrId}}">设为默认地址</radio>
			<view class="operation_right">
				<view class="edit" bindtap="editAddress" data-index="{{index}}">
					<image src="../../../image/icon/edit.png"></image>
					<view>修改</view>
				</view>
				<view class="delete" bindtap="deleteAddress" data-index="{{index}}">
					<image src="../../../image/icon/delete.png"></image>
					<view>删除</view>
				</view>
			</view>
		</view>
	</view>
	<view class="add_address" bindtap="addAddress">添加新地址</view>
</view>

（地址列表）address.js:


Page({

	/**
	 * 页面的初始数据
	 */
	data: {

	},

	// 添加收货地址
	addAddress:function()
	{
		wx.redirectTo({
		  url: '../addAddress/addAddress',
		})
	},

	// 修改地址
	editAddress:function(even)
	{
		var index = even.currentTarget.dataset.index;
		var addressData = this.data.addressList[index];
		addressData = JSON.stringify(addressData);
		wx.redirectTo({
		  url: '../modifyAddress/modifyAddress?addressData='+addressData,
		})
	},

	// 删除地址
	deleteAddress:function(even)
	{
		wx.showModal({
			title:"提示",
			content:"确定删除该地址？",
			success:(res) => {
				if (res.confirm)
				{
					var index = even.currentTarget.dataset.index;
					var addrID = this.data.addressList[index].addrId;
					wx.request({
						url:"http://116.62.201.243:8080/wxxcx/address/delete",
						data:{
							addrId:addrID
						},
						method:"POST",
						success:(res) => {
							this.handle();
						}
					})
				}
			}
		})
	},

	// 修改默认地址
	editDefault:function(even)
	{
		var addrID = even.currentTarget.dataset.addrid;
		wx.request({
			url:"http://116.62.201.243:8080/wxxcx/address/changeDefault",
			data:{
				addrId:addrID
			},
			method:"POST",
			success:(res) => {
				this.handle();
			}
		})
	},

	// 处理数据
	handle:function()
	{
		// 获取 userID
		wx.getStorage({
			key:"userID",
			success:(res) => {
				var userID = res.data;

				// 获取成功后，根据 userID 请求网络数据，获取收货地址列表。
				wx.request({
					url:"http://116.62.201.243:8080/wxxcx/address/all",
					data:{
						userId:userID
					},
					method:"POST",
					success:(res) => {
						var data = res.data.data;
						this.setData({
							addressList:data
						})
					}
				})
			}
		})
	},

	/**
	 * 生命周期函数--监听页面加载
	 */
	onLoad: function (options) {
		this.handle();
	},

	/**
	 * 生命周期函数--监听页面显示
	 */
	onShow:function()
	{
		this.handle();
	}
})

（地址列表）address.wxss:

.pq
{
	width: 100vw;
	height: auto;
	padding: 10rpx;
	box-sizing: border-box;
}
.add_address
{
	width: 160rpx;
	line-height: 80rpx;
	padding: 0rpx 20rpx;
	margin: auto;
	margin-top: 50rpx;
	color: white;
	background-color: #1aad19;
	border-radius: 10rpx;
}
.address_list
{
	width: 100%;
	height: auto;
	margin-top: 20rpx;
	border-bottom: 20rpx solid #e6e6e6;
	padding-bottom: 20rpx;
}
.basic
{
	display: flex;
	justify-content: space-between;
}
.address
{
	margin: 30rpx 0rpx;
}
.operation
{
	display: flex;
	justify-content: space-between;
}
.operation_right,
.edit,
.delete
{
	display: flex;
}
.edit,
.delete
{
	margin: 0rpx 20rpx;
}
.edit view,
.delete view
{
	line-height: 50rpx;
	margin: 0rpx 10rpx;
}
.operation_right image
{
	width: 50rpx;
	height: 50rpx;
}

（添加地址）addAddress.wxml:

<view class="pq">
	<form bindsubmit="submit">
		<view class="addressee">
			<label for="">收件人：</label>
			<input type="text" name="name" placeholder="请输入收件人姓名" />
		</view>
		<view class="phone">
			<label for="">联系电话：</label>
			<input type="text" name="phone" placeholder="请输入联系电话" />
		</view>
		<picker mode="region" name="address" bindchange="pickerChange">
			<view class="region">
				<view class="region_title">所在地区</view>
				<view class="address">{{address}}</view>
				<view class="region_content">
					<view>请选择</view>
					<image src="../../../image/icon/right.png"></image>
				</view>
			</view>
		</picker>
		<textarea name="detailedAddress" cols="30" rows="10" placeholder="请输入详细地址" class="detailed"></textarea>
		<view class="default">
			<view>设置默认</view>
			<switch name="default"></switch>
		</view>
		<button type="primary" form-type="submit" class="submit">提交</button>
	</form>
</view>

（添加地址）addAddress.js:

// pages/accountPage/addAddress/addAddress.js
Page({

	/**
	 * 页面的初始数据
	 */
	data: {

	},

	// 所在地区放生变化
	pickerChange:function(res)
	{
		var value = res.detail.value;
		var str = value[0] + "-" + value[1] + "-" + value[2];
		this.setData({
			address:str
		})
	},

	// 表单提交事件
	submit:function(even)
	{
		var value = even.detail.value;

		// 获取缓存数据 userID 
		wx.getStorage({
		  key: 'userID',
		  success:(res) => {
			  var userID = res.data;
			  wx.request({
				url:"http://116.62.201.243:8080/wxxcx/address/add",
				data:{
					userId:userID,
					name:value.name,
					province:value.address[0],
					city:value.address[1],
					district:value.address[2],
					detail:value.detailedAddress,
					phone:value.phone,
					defaultFlag:value.default
				},
				method:"POST",
				success:(res) => {
					wx.redirectTo({
					  url: '../address/address',
					})
				}
			})
		  }
		})
	},

	/**
	 * 生命周期函数--监听页面加载
	 */
	onLoad: function (options) {

	},
})

（添加地址）addAddress.wxss:

.pq
{
	width: 100vw;
	height: auto;
	padding: 20rpx;
	box-sizing: border-box;
}
.addressee,
.phone
{
	width: 100%;
	height: 80rpx;
	display: flex;
	line-height: 80rpx;
	border-bottom: 2rpx solid #e6e6e6;
}
.addressee label,
.phone label
{
	width: 160rpx;
}
.addressee input,
.phone input
{
	margin: 20rpx 0rpx;
}
.region,
.default
{
	width: 100%;
	height: 80rpx;
	line-height: 80rpx;
	display: flex;
	justify-content: space-between;
	border-bottom: 2rpx solid #e6e6e6;
}
.region_content
{
	display: flex;
}
.region_content image
{
	width: 60rpx;
	height: 60rpx;
	margin: 10rpx;
}
.detailed
{
	width: 100%;
	padding-top: 10rpx;
	border-bottom: 20rpx solid #e6e6e6;
}
.submit
{
	margin-top: 30rpx;
}
.address
{
	width: 400rpx;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #ffca28;
	text-align: center;
}

（消费记录）consumption.wxml:

<view class="pq">
	<view class="nav">
		<view class="time {{navListStyle[0]?'nav_select':''}}" bindtap="time">时间排序</view>
		<view class="money {{navListStyle[1]?'nav_select':''}}" bindtap="money">金额排序</view>
	</view>
	<view class="list" wx:for="{{data}}">
		<view class="list_left">
			<view>订单号：<text>{{item.orderNum}}</text></view>
			<view class="list_time">{{item.createTime}}</view>
		</view>
		<view class="list_right">
			-￥{{item.money}}
		</view>
	</view>
</view>

（消费记录）consumption.js:

// pages/accountPage/consumption/consumption.js
Page({

	/**
	 * 页面的初始数据
	 */
	data: {
		navListStyle:[true,false]
	},

	// 时间排序
	time:function()
	{
		this.setData({
			navListStyle:[true,false]
		})
		this.orderShow("1","createTime")
	},

	// 金额排序
	money:function()
	{
		this.setData({
			navListStyle:[false,true]
		})
		this.orderShow("1","money")
	},

	// 封装网络请求函数。
	orderShow:function(orderBy,valueBy)
	{
		wx.getStorage({
			key:"userID",
			success:(res) => {
				var userID = res.data;

				// 请求网络接口，获取消费记录
				wx.request({
					url:"http://116.62.201.243:8080/wxxcx/order/show",
					data:{
						userId:userID,
						orderBy:orderBy,
						valueBy:valueBy
					},
					method:"POST",
					success:(res) => {
						this.setData({
							data:res.data.data
						})
					}
				})
			}
		})
	},

	/**
	 * 生命周期函数--监听页面加载
	 */
	onLoad: function (options) {
		this.orderShow("1","createTime")
	},
})

（消费记录）consumption.wxss:

.pq
{
	width: 100vw;
	height: auto;
	padding: 10rpx 30rpx;
	box-sizing: border-box;
}
.nav
{
	width: 400rpx;
	height: 80rpx;
	margin: auto;
	display: flex;
}
.time,
.money
{
	width: 200rpx;
	height: 80rpx;
	color: #bbada0;
	text-align: center;
	line-height: 80rpx;
	border: 2rpx solid #bbada0;
}
.nav_select
{
	background-color: #bbada0;
	color: white;
}
.list
{
	width: 100%;
	height: 100rpx;
	margin: 10rpx 0rpx;
	display: flex;
	justify-content: space-between;
	border-bottom: 2rpx solid #e6e6e6;
}
.list_left
{
	padding-top: 10rpx;
	box-sizing: border-box;
}
.list_right
{
	line-height: 100rpx;
	color: #00b26a;
}
.list_time
{
	font-size: 24rpx;
}

(充值记录)recharge.wxml:

<view class="pq">
	<view class="list" wx:for="{{data}}">
		<view class="time">{{item.rechargeTime}}</view>
		<view class="money">+￥{{item.money}}</view>
	</view>
</view>

(充值记录)recharge.js:

// pages/accountPage/recharge/recharge.js
Page({

	/**
	 * 页面的初始数据
	 */
	data: {

	},

	/**
	 * 生命周期函数--监听页面加载
	 */
	onLoad: function (options) {
		wx.getStorage({
			key:"userID",
			success:(res) => {
				var userID = res.data;
				wx.request({
					url:"http://116.62.201.243:8080/wxxcx/recharge/getRecord",
					data:{
						userId:userID
					},
					method:"POST",
					success:(res) => {
						this.setData({
							data:res.data.data
						})
					}
				})
			}
		})
	},
})

(充值记录)recharge.wxss:

.pq
{
	width: 100vw;
	height: auto;
	padding: 10rpx 30rpx;
	box-sizing: border-box;
}
.list
{
	width: 100%;
	height: 80rpx;
	line-height: 80rpx;
	display: flex;
	justify-content: space-between;
	border-bottom: 2rpx solid #e6e6e6;
}
.money
{
	color: red;
	margin-right: 20rpx;
}

（预约列表）reserve.wxml:

<view class="pq">
	<view class="list" wx:for="{{data}}" bindtap="showDetails" data-bookID="{{item.bookId}}">
		<view class="list_left">
			<view>{{item.bookItem}}</view>
			<view>到店时间：{{item.comeTime}}</view>
		</view>
		<view class="list_right {{item.status == 1?'statusA':item.status == 2?'statusB':'statusC'}}"></view>
	</view>
	<view class="add_reserve" bindtap="addReserve">添加预约</view>
</view>

（预约列表）reserve.js:

// pages/reserve/reserve.js
Page({

	/**
	 * 页面的初始数据
	 */
	data: {

	},

	// 添加预约
	addReserve:function()
	{
		wx.navigateTo({
		  url: '../reservePage/addReserve/addReserve',
		})
	},

	// 请求数据的封装函数
	reserveList:function()
	{
		wx.request({
			url: 'http://116.62.201.243:8080/wxxcx/book/getAllById',
			data:{
			  userId:"oBfDm5d6csfZSyZnplzYFgvqt_0o"
			},
			method:"POST",
			success:(res) => {
				this.setData({
					data:res.data.data
				})
			}
		  })
	},

	// 显示预约详情
	showDetails:function(even)
	{
		var bookID = even.currentTarget.dataset.bookid;
		wx.navigateTo({
		  url: '../reservePage/details/details?bookID='+bookID,
		})
	},

	/**
	 * 生命周期函数--监听页面加载
	 */
	onLoad: function (options) {
		this.reserveList();
	},

	/**
	 * 生命周期函数--监听页面显示
	 */
	onShow: function () {
		this.reserveList();
	},
})

（预约列表）reserve.wxss:

.pq
{
	width: 100vw;
	height: auto;
	padding: 10rpx 30rpx;
	box-sizing: border-box;
}
.list
{
	width: 100%;
	height: 100rpx;
	display: flex;
	justify-content: space-between;
	border-bottom: 2rpx solid #e6e6e6;
}
.list_right
{
	width: 20rpx;
	height: 20rpx;
	margin: 40rpx;
	border-radius: 50rpx;
}
.statusA
{
	background-color: #2c08ad;
}
.statusB
{
	background-color: #0cf56d;
}
.statusC
{
	background-color: #b506eb;
}
.add_reserve
{
	width: 200rpx;
	height: 60rpx;
	text-align: center;
	line-height: 60rpx;
	margin: auto;
	margin-top: 50rpx;
	color: white;
	background-color: #00b26a;
	border-radius: 10rpx;
}

(订单)order.wxml:

<view class="pq">
	<view class="nav">
		<view bindtap="receiving" class="receiving {{navSelect[0]?'nav_select':''}}">待发货</view>
		<view bindtap="deliver" class="deliver {{navSelect[1]?'nav_select':''}}">待收货</view>
		<view bindtap="complete" class="complete {{navSelect[2]?'nav_select':''}}">已完成</view>
	</view>
	<view class="order">
		<view class="order_list" wx:for="{{orderList}}" bindtap="listClick" data-orderNum="{{item.orderNum}}">
			<view class="order_list_left">
				<view>订单号：<text>{{item.orderNum}}</text></view>
				<view class="time">{{item.createTime}}</view>
			</view>
			<view class="order_list_right" wx:if="{{!navSelect[1]}}">￥{{item.money}}</view>
			<view class="order_list_select" wx:else >
				<view>￥{{item.money}}</view>
				<view class="select_btn" catchtap="determine" data-orderNum="{{item.orderNum}}">确定收货</view>
			</view>
		</view>
	</view>
</view>

(订单)order.js:

// pages/order/order.js
Page({

	/**
	 * 页面的初始数据
	 */
	data: {
		navSelect:[true,false,false]
	},

	// 待发货单击事件
	receiving:function()
	{
		this.setData({
			navSelect:[true,false,false]
		})
		this.shopList(1);
	},

	// 待收货单击事件
	deliver:function()
	{
		this.setData({
			navSelect:[false,true,false]
		})
		this.shopList(2);
	},

	// 已完成单击事件
	complete:function()
	{
		this.setData({
			navSelect:[false,false,true]
		})
		this.shopList(3);
	},

	// 跳转订单详情页
	listClick:function(even)
	{
		var orderNum = even.currentTarget.dataset.ordernum;
		wx.navigateTo({
		  url: '../orderDetails/orderDetails?orderNum='+orderNum,
		})
	},

	// 确定收货
	determine:function(even)
	{
		var orderNum = even.currentTarget.dataset.ordernum;
		wx.request({
			url:"http://116.62.201.243:8080/wxxcx/order/updateStatus",
			data:{
				orderNum:orderNum,
				status:"3",
				message:"确认收货"
			},
			method:"POST",
			success:(res) => {
				this.shopList(2);
			}
		})
	},

	// 封装获取商品列表函数(参数表示商品状态----1:待发货  2:待收货  3:已完成)
	shopList:function(status)
	{
		// 获取缓存数据 userID
		wx.getStorage({
			key:"userID",
			success:(res) => {
				var userID = res.data;

				// 请求网络接口，获取待发货状态的商品列表
				wx.request({
					url:"http://116.62.201.243:8080/wxxcx/order/showByStatus",
					data:{
						userId:userID,
						status:status
					},
					method:"POST",
					success:(res) => {
						// 将商品列表存入初始化 data 中。
						this.setData({
							orderList:res.data.data
						})
					}
				})
			}
		})
	},

	/**
	 * 生命周期函数--监听页面加载
	 */
	onLoad: function (options) {
		this.shopList(1);
	},
})

(订单)order.wxss:

.pq
{
	width: 100vw;
	height: auto;
	padding: 10rpx;
	box-sizing: border-box;
}
.nav
{
	width: 450rpx;
	height: 60rpx;
	margin: auto;
	display: flex;
}
.receiving,
.deliver,
.complete
{
	width: 150rpx;
	height: 60rpx;
	line-height: 60rpx;
	text-align: center;
	color: #bbada0;
	border: 2rpx solid #bbada0;
}
.nav_select
{
	color: white;
	background-color: #bbada0;
}
.order
{
	width: 100%;
	height: auto;
	padding: 0rpx 30rpx;
	box-sizing: border-box;
}
.order_list
{
	width: 100%;
	height: 90rpx;
	margin: 30rpx 0rpx;
	display: flex;
	justify-content: space-between;
	border-bottom: 2rpx solid #e6e6e6;
}
.order_list_left text
{
	color: blue;
}
.time
{
	font-size: 24rpx;
}
.order_list_right
{
	line-height: 80rpx;
	color: #00b26a;
}
.order_list_select
{
	line-height: 40rpx;
	color: #00b26a;
}
.select_btn
{
	font-size: 28rpx;
	padding: 0rpx 10rpx;
	color: white;
	border-radius: 10rpx;
	background-color: red;
}

(订单详情)orderDetails.wxml:

<view class="pq">
	<view class="order">
		<view class="num">订单号：{{orderDetails.order.orderNum}}</view>
		<view class="status">{{orderDetails.order.status == 1?'待发货':orderDetails.order.status == 2?'待收货':'已完成'}}</view>
	</view>
	<view class="time">创建时间：{{orderDetails.order.createTime}}</view>
	<view class="address">
		<view class="address_title">收货地址</view>
		<view class="address_content">
			<view class="address_content_admin">
				<view>收件人：{{orderDetails.address.name}}</view>
				<view>联系电话：{{orderDetails.address.phone}}</view>
			</view>
			<view class="address_content_addr">
				{{orderDetails.address.province}} - {{orderDetails.address.city}} - {{orderDetails.address.district}} - {{orderDetails.address.detail}}
			</view>
		</view>
	</view>
	<view class="shop_list">
		<view class="shop_list_title">商品列表</view>
		<view class="shop_list_content" wx:for="{{orderDetails.item_list}}">
			<image src="{{imageUrl+item.image}}"></image>
			<view class="goods_content">
				<view class="name">{{item.name}}</view>
				<view class="prick">￥{{item.price}}</view>
			</view>
			<view class="goods_num">*{{item.num}}</view>
		</view>
		<view class="total_money">总价钱：{{orderDetails.order.money}}</view>
	</view>
</view>

(订单详情)orderDetails.js:

// pages/orderDetails/orderDetails.js
Page({

	/**
	 * 页面的初始数据
	 */
	data: {
		imageUrl:"http://116.62.201.243:8080/wxxcx/"
	},

	/**
	 * 生命周期函数--监听页面加载
	 */
	onLoad: function (options) {
		var orderNum = options.orderNum;
		// console.log(orderNum);

		// 请求网络数据，获取订单详情
		wx.request({
			url:"http://116.62.201.243:8080/wxxcx/order/details",
			data:{
				orderNum:orderNum
			},
			method:"POST",
			success:(res) => {
				// console.log(res)
				this.setData({
					orderDetails:res.data.data
				})
			}
		})
	},

	/**
	 * 生命周期函数--监听页面初次渲染完成
	 */
	onReady: function () {

	},

	/**
	 * 生命周期函数--监听页面显示
	 */
	onShow: function () {

	},

	/**
	 * 生命周期函数--监听页面隐藏
	 */
	onHide: function () {

	},

	/**
	 * 生命周期函数--监听页面卸载
	 */
	onUnload: function () {

	},

	/**
	 * 页面相关事件处理函数--监听用户下拉动作
	 */
	onPullDownRefresh: function () {

	},

	/**
	 * 页面上拉触底事件的处理函数
	 */
	onReachBottom: function () {

	},

	/**
	 * 用户点击右上角分享
	 */
	onShareAppMessage: function () {

	}
})

(订单详情)orderDetails.wxss:

.pq
{
	width: 100vw;
	height: auto;
	padding: 10rpx 30rpx;
	box-sizing: border-box;
}
.order
{
	width: 100%;
	height: 80rpx;
	line-height: 80rpx;
	display: flex;
	justify-content: space-between;
	border-bottom: 2rpx solid #e6e6e6;
}
.status
{
	color: blue;
}
.time,
.address
{
	border-bottom: 2rpx solid #e6e6e6;
}
.time,
.address_title
{
	width: 100%;
	height: 80rpx;
	line-height: 80rpx;
}
.address,
.address_content
{
	width: 100%;
	height: auto;
}
.address_content_admin
{
	line-height: 80rpx;
	display: flex;
	justify-content: space-between;
}
.address_content_addr
{
	margin-bottom: 20rpx;
}
.shop_list_title
{
	width: 100%;
	height: 80rpx;
	line-height: 80rpx;
}
.shop_list_content
{
	width: 100%;
	height: 120rpx;
	display: flex;
	border-bottom: 2rpx solid #e6e6e6;
}
.shop_list_content image
{
	width: 100rpx;
	height: 100rpx;
	margin: 10rpx 30rpx;
}
.goods_content
{
	width: 470rpx;
	height: 120rpx;
}
.name
{
	font-size: 36rpx;
	line-height: 60rpx;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.prick
{
	color: #ffca28;
}
.goods_num
{
	text-align: center;
	line-height: 100rpx;
	font-size: 40rpx;
}
.total_money
{
	line-height: 60rpx;
	text-align: right;
	color: #1aad19;
	font-weight: bold;
}
伊泽先生丿瑞尔
关注
知识图谱实战（02）：什么是图数据库
艾文
04-07 423
支持在线导入，速度在10万/秒级别，支持格式丰富：CSV、TXT、Json，支持从HDFS导入并兼任其各类压缩格式，支持从传统关系型数据库导入，包括MySQL、Oracle、PostgreSQL、SQL-Server等，支持从消息队列导入。作为图数据库的底层应用，知识图谱可为多种行业提供服务，应用场景涉及电商、金融、法律、医疗、智能家居等多个领域决策系统、推荐系统、智能问答等。支持二级索引、范围索引、联合索引、全文索引，允许精确匹配查询、范围查询、全文检索等，均为原生实现不依赖第三方系统，不支持空间检索。
Django电商项目（一）需求分析、架构设计
行者
10-04 1400
天天生鲜项目1. 认识电商1.1 B2B--企业对企业1.2 C2C--个人对个人1.3 B2C--企业对个人1.4 C2B--个人对企业1.5 O2O--线上到线下1.6 F2C--工厂到个人1.7 B2B2C -企业-企业-个人2. web项目开发流程3. 需求分析3.1 用户模块3.2 商品相关3.3 购物车相关3.4 订单相关4. 项目架构概览4.1 页面图4.2 功能图4.3 部署图5. 父模板页的抽象6. SKU与SPU概念 1. 认识电商 1.1 B2B–企业对企业 B2B ( Busines
24-微信小程序商城 收货地址列表（微信小程序商城开发、小程序毕业设计、小程序源代码）（黄菊华-微信小程序开发教程）
热门推荐
杭州.黄老师
11-17 2万+
收货地址列表 本节主要讲解收货地址列表界面的实现。效果如图15-5所示。 1.布局分析 结构布局分析示意如图15-6所示。 根据上面的布局分析，我们会产生基础的框架，代码示例如下： <view > <view > <text>测试</text> <text class='right'>18670321728</text> </view> <view >
小程序获取收货地址
最新发布
fkkkkkf的博客
07-26 186
需要在Hbulider中的manifest.json中——>源码视图 配置requiredPrivateInfos 注意配置位置。微信开发者工具中app.json中 加上这个配置项。
微信小程序——获取收获地址
qq_51194635的博客
08-11 1354
待点击事件触发之后会跳转到获取收货地址界面，然后我们点击确定，然后让它的信息在界面上进行渲染，会变成这个样子。/* less代码就是wxss代码，然后这里暂时没有用到json中的代码就不再过多赘述了。这是第一个界面，我们利用一个button按钮，触发一个点击事件。...
小程序 --- 收货地址 --- 定位功能
weixin_40518538的博客
01-30 1579
小程序收货地址定位选择
小程序获取收货地址流程
snowflak的博客
05-16 126
1.如何获取小程序的收货地址流程 首先当点击button的时候 <view class="btn" bindtap="d" wx:if="{{!aa.userName}}"> +点击添加收货地址 </view> 2.当点击的时候或许收货地址 d(){ wx.chooseAddress({//获取收货地址 success: (result) => { console.log(result); wx.setStor
全栈项目
zf7589143的博客
09-25 553
一 。项目概述 优购家居这个项目是为xxx公司开发o2o模式一个项目。它是以家具用品为中心，为用户提供了家具展示，家具分类查询，家具下单，家具上门安装服务，售后服务。它主要有组织机构，用户模块，商品管理，订单管理， 支付等模块。它是使用前后端分离开发模式，前端使用的是vue技术栈，后台使用的是springboot+ssm+docker。 二。负责业务模块 组织机构： 部门管理 对部门管理的表增删改查 员工管理 对员工管理的表增删改查 可以对员工的添加，使用状态的禁用， ...
pyg电商实战1
qq_61302398的博客
11-27 566
品优购电商项目 一、项目介绍 1、项目开发流程 产品经理：进行需求分析，整理需求文档（产品原型文档）（需求评审） UI设计：根据需求文档，设计每一个页面，出设计图 前端：根据需求文档和设计图，编写前端html代码 后端：技术选型、架构设计、数据库设计、（开发文档）、开发项目功能、自测（单元测试） 测试：编写测试用例，逐个进行测试。（分多轮） 上线：项目部署到线上服务器 2、主要电商模式 2.1 B2B--企业对企业 B2B（ Business to Business）是指进行电子
day68_淘淘商城项目_01_电商介绍 + 互联网术语 + SOA + 分布式 + 集群介绍 + 环境配置 + 框架搭建_匠心笔记
黑泽君
12-29 451
day68_淘淘商城项目_01_电商介绍 + 互联网术语 + SOA + 分布式 + 集群介绍 + 环境配置 + 框架搭建_匠心笔记
微信小程序实现收货地址城市选择效果mock.js
11-17
微信小程序实现城市选择效果, 可以先看一下效果,这里我附带我的另一个博客,有详细的用法https://blog.csdn.net/qq_42543264/article/details/106360631?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522160557596419725255542129%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=160557596419725255542129&biz_id
微信小程序实现收货地址城市选择效果(添加收货地址)mock.zip
03-31
微信小程序实现收货地址城市选择效果(添加收货地址)
微信小程序获取收货地址及存储收货地址
weixin_65490785的博客
11-18 2229
微信小程序获取收货地址及存储收货地址
微信小程序地址管理
weixin_63194616的博客
08-27 6434
开发小程序时，往往会用到地址管理这个功能。通常包括“地址选择”和“添加地址”两个功能。 1、在“地址选择”界面，我使用了一个数组，只需要把数组内的内容输出即可，在退出该界面时，将数据存到缓存中，确保下次进入该界面时能显示已经有的地址。并且还可以进行“删除”和“勾选”两个功能。 2、在“添加地址”界面，有“姓名”、“电话”、“收货地址”、“省市区三级联动”、“详细地址”以及“保存”功能。 话不多说，先来看效果图 在进行两个界面的实现时，查阅了一些资料，同时也看了CSDN上很多大神设计的...
微信小程序实现收货地址城市选择效果(添加收货地址)
青衫折扇的博客
05-26 1万+
先来张效果图 这里主要是城市选择效果,请忽视其他,不要吐槽,谢谢 接下来看一下代码吧 wxml <!--pages/my/my-add-address/index.wxml--> <view class="redact-address"> <view class="possess-layout"> <view class="mains"> <view class="address-msg">
微信小程序-获取微信收货地址
weixin_47685787的博客
05-18 3171
微信小程序获取微信收货地址 文章目录微信小程序获取微信收货地址 一、在小程序管理后台（ 小程序管理后台），「开发」-「开发管理」-「接口设置」中自助开通该接口权限。 二、开通之后直接调用接口。 wx.chooseAddress({ success (res) { console.log(res.userName) console.log(res.postalCode) console.log(res.provinceName) console.log(res.city
微信小程序获取用户收货地址
12程序猿的博客
07-08 2308
获取用户收货地址需要用户点击授权，所以有两种情况，确认授权、取消授权。 情况一，用户第一次访问用户地址授权，并且点击确定授权。 情况二，用户点击取消授权后，再次获取授权 流程：（代码逻辑整理） 1.点击事件触发函数，获取用户当前设置 2.根据用户当前设置中的用户授权结果，判断是否包含收货地址授权 3.如果包含收货地址授权并且没有取消过收货地址授权，直接调用wx.chooseAddress（），获取用户收货地址。 4.取消过收货地址授权，调用wx.openSetting（），调起客户端小程序设置界面让用户
o2o电商平台手机客户端产品需求详述
该文档属于V3.0版本，用于描述o2o电商平台的手机客户端产品需求，产品名称和子系统未具体提及，但强调了其作为一款重要的电商应用。文档的主要内容分为五个部分： 1. 概述：这部分首先明确了文档的目的，即与产品的...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值