微信小程序实现多页面

一.配置tabbar实现多页面

主要是这一段代码,这一段代码可以不用记住,可以去官方文档查询,毕竟格式都一样

 "tabBar": {
    "color": "#Fc0",
    "selectedColor": "#f4c903",
    "borderStyle": "white",//设置背景颜色
    "list": [{
        "selectedIconPath": "image/1.jpg",
        "iconPath": "image/1.jpg",//页面图片跳转设置
        "pagePath": "pages/me/me",//页面设置
        "text": "本人"
      },
      {
        "selectedIconPath": "image/2.jpg",
        "iconPath": "image/2.jpg",
        "pagePath": "pages/li/li",
        "text": "学习计划"
      },
      {
        "selectedIconPath": "image/3.jpg",
        "iconPath": "image/3.jpg",
        "pagePath": "pages/xing/xing",
        "text": "星星"
      }

结果:
在这里插入图片描述
页面跳转

< navigator url="/pages/xxx/xxx">xxxx</navigator>

注意页面为:/pages/xxx/xxxx
几种跳转方式:
用:open-type

在这里插入图片描述
redirect结果:
在这里插入图片描述
navigate方式:
在这里插入图片描述
跳转微信小程序:
主要代码

 getstzubanban(){
    wx.navigateToMiniProgram({
      appId: 'xxxxx',//其他微信小程序的appId号
    })
  },

结果:
在这里插入图片描述

二.把微信小程序分享给好友
可以在相应的页面上加上下面的代码

 onShareAppMessage:function(){}

分享朋友圈

 onShareTimeline(){}

结果截图:
在这里插入图片描述

  • 0
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码
实现微信小程序的注册页面,可以按照以下步骤进行: 1. 在小程序的 app.json 文件中添加注册页面的路由配置,例如: ```json { "pages": [ "pages/index/index", "pages/login/login", "pages/register/register" ] } ``` 2. 创建注册页面的文件夹,并在该文件夹下创建 register.wxml、register.wxss、register.js 和 register.json 四个文件。 3. 在 register.wxml 文件中添加页面布局和表单元素,例如: ```html <view class="container"> <form bindsubmit="register"> <input name="username" type="text" placeholder="用户名" /> <input name="password" type="password" placeholder="密码" /> <button formType="submit">注册</button> </form> </view> ``` 4. 在 register.js 文件中编写注册逻辑,例如: ```javascript Page({ register: function (event) { var username = event.detail.value.username; var password = event.detail.value.password; // 发送注册请求,处理注册结果 } }) ``` 5. 在 app.js 文件中添加注册请求的全局变量和方法,例如: ```javascript App({ globalData: { apiUrl: 'https://example.com/api/' }, register: function (username, password, callback) { wx.request({ url: this.globalData.apiUrl + 'register', method: 'POST', data: { username: username, password: password }, success: function (res) { callback(res.data); } }) } }) ``` 6. 在注册页面的 register.js 文件中调用 app.js 中的注册方法,例如: ```javascript var app = getApp(); Page({ register: function (event) { var username = event.detail.value.username; var password = event.detail.value.password; app.register(username, password, function (data) { // 处理注册结果 }); } }) ``` 7. 最后,在微信小程序开发者工具中预览和调试注册页面

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值