小程序个人中心页面如何制作
发表于:2024-10-25 作者:千家信息网编辑
千家信息网最后更新 2024年10月25日,本文小编为大家详细介绍"小程序个人中心页面如何制作",内容详细,步骤清晰,细节处理妥当,希望这篇"小程序个人中心页面如何制作"文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。个
千家信息网最后更新 2024年10月25日小程序个人中心页面如何制作
本文小编为大家详细介绍"小程序个人中心页面如何制作",内容详细,步骤清晰,细节处理妥当,希望这篇"小程序个人中心页面如何制作"文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
个人中心制作
1. mine.js
// pages/mine/mine.jsvar app = getApp()Page({ data: { userInfo: {}, motto: 'Hello World',// orderItemsorderItems: [ { typeId: 0, name: '待付款', url: 'bill', imageurl: '../../images/person/personal_pay.png', }, { typeId: 1, name: '待发货', url: 'bill', imageurl: '../../images/person/personal_shipped.png', }, { typeId: 2, name: '待收货', url: 'bill', imageurl: '../../images/person/personal_receipt.png' }, { typeId: 3, name: '待评价', url: 'bill', imageurl: '../../images/person/personal_comment.png' } ], }, //事件处理函数 toOrder: function () {wx.navigateTo({ url: '../order/order'}) }, onLoad: function () {console.log('onLoad')var that = this//调用应用实例的方法获取全局数据app.getUserInfo(function (userInfo) { //更新数据 that.setData({ userInfo: userInfo }) }) }})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
toOrder :事件监听,跳转到我的订单界面 onLoad:在加载过程中,获取用户的信息
2. mine.wxml
{{userInfo.nickName}} 我的订单 查看全部订单 {{item.name}} 我的收藏 收货地址 售后记录 我的评价 推广邀请
读到这里,这篇"小程序个人中心页面如何制作"文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注行业资讯频道。
个人
制作
程序
页面
文章
订单
事件
内容
数据
处理
评价
妥当
信息
全局
函数
地址
实例
思路
新知
方法
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
西藏专业软件开发
衢州营销网络技术包括什么
上海融创互联网科技有限公司
dbc数据库用到的服务
一个服务器两个交换机怎么连接
gp数据库execute
网络安全病毒攻击和防范措施
对某个数据库分类汇总前必须
数据库map映射
软件开发证书图片
数据库数和设置用户自增正
查询数据库的自增id
畅捷通295数据库错误怎么解决
物联网行业做软件开发
软件开发企业按照终验法确认
手游版罗布乐思怎么建服务器
电脑连数据库
mysql改数据库表名
通信网络技术研究
仙居住宿软件开发
计算机网络技术电脑题目
软件开发客户沟通
电脑网络安全模式可以
手机开单软件开发
路由器与服务器互相通信
江苏盘古网络技术有限公司
印度服务器的身体
支持中心服务器url
什么是网络安全与保密
株洲百竞科技的互联网营销顾问