微信小程序开发

zwp06 2018-03-30 原文

微信小程序开发

序言:小程序刚出来的时候,关注度高的无与伦比,但是出来后关注瞬间掉了,因为无法跟原生app相比,也没有更好的推广。或者受环境影响,现在的小程序慢慢的完善,有了一定的需求量了,说这么多废话就是,公司现在要求开发小程序,所以重新关注了一下小程序。今天简单说说几点吧

 

第一,嵌套h5页面,怎么嵌套呢?

那就简单说说web-view 组件,这是一个可以用来承载网页的容器,会自动铺满整个小程序页面。

类似于Frame、Iframe、Frameset标记,只是对于目前来说,web-view还缺乏灵活性

例如这样

<!-- wxml -->
<!-- 指向微信公众平台首页的web-view -->
<web-view src="https://mp.weixin.qq.com/"></web-view>

其实两个属性,一个src这个就是你所要链接的h5页面地址,另一个bindmessage,简单意思就是在特定情况是触发并收到消息。

简单介绍下,具体了解可打开https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html

第二微信小程序请求接口

通过wx.request来处理,看下面代码是否很熟悉,跟我们使用的ajax是不是很像,没错,你想的没错微信小程序获取数据就是这么简单。而且后台管理这些都没变。这就不多说了
wx.request({  
      url: 'test.json',//上线的话必须是https,没有appId的本地请求貌似不受影响  
      data: {},  
      method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT  
      // header: {}, // 设置请求的 header  
      success: function(res){  
        console.log(res.data)     
   }, fail:
function() { // fail }, complete: function() { // complete } })

参考文档https://developers.weixin.qq.com/miniprogram/dev/api/network-request.html#wxrequestobject

后续开发遇到问题也可以相互讨论,毕竟接下来将进入开发环节了。

微信小程序只要去看下微信小程序文档,我觉得对于大家来说都是没啥问题的。

噢,说一个微信跳转传参的小东西

跳转的数据传递

以wx.navigateTo为例:

简单讲述,wx.navigateTo传入的url是跳转的页面(使用相对路径)

wx.navigateTo({
    url:"pages/test/test"
});

 

那么参数传递至下一页面,则只需要在路径后面,添加?问号,?后面接的是参数,以key-value的方式。

这里传了个value为1的参数

wx.navigateTo({
    url:"pages/test/test?num=1"
});

 

然后在test.js中的onLoad()函数中得到值:option.num就可以得到了,如下:

onLoad: function (option) {
    this.setData({
        type:option.num,
    });
    console.log(option.num);
}

 

这样就可以获取到你传递过来的参数了,然后要怎么开发就怎么开发啦。

嗯,今天聊到这,准备开发工作,下周开始开发、、、、遇到问题再跟大家分享。。

发表于 2018-03-30 15:01 小若风 阅读() 评论() 编辑 收藏

 

版权声明:本文为zwp06原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/zwp06/p/8676253.html

微信小程序开发的更多相关文章

  1. 微信小程序开发 – 用户授权登陆

    准备:微信开发者工具下载地址:https://developers.weixin.qq.com/minipro […]...

  2. 小程序开发者福利,高清壁纸推荐微信小程序源码开源及项目介绍

    本项目是视频课程《小程序开发入门之实战案例解析:高清壁纸推荐(2020新版)》的案例源码,旨在结合真实项目案例 […]...

  3. 小程序云开发之资源的管理

    对于初学者来说,我们可以使用微信开发者工具自带的云开发控制台以及腾讯云云开发网页控制台来管理、配置以及监控云开 […]...

  4. 微信小程序开发——进阶篇

    微信小程序开发——进阶篇   由于项目的原因,最近的工作一直围绕着微信小程序。现在也算告一段落,是时候整理一下 […]...

  5. 微信小程序开发 (基础)——账号注册/登录完整流程

    概述 微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应 […]...

  6. 微信小程序swiper实现 句子控app首页滑动卡片

    微信小程序swiper实现 句子控app首页滑动卡片 引言:最近看到句子控APP首页的效果很清新,可是发现他的 […]...

  7. 微信小程序开发——开发者工具中素材管理功能使用的注意事项

    微信小程序开发——开发者工具中素材管理功能使用的注意事项 为什么使用“素材管理”: 微信小程序环境中本地资源图 […]...

  8. 微信小程序开发 关于小程序中关注公众号的尝试

    话不多说,直接来。 一、web-view 组件跳转到目标公众号【未成功】 相关官方文档:web-view 官方 […]...

随机推荐

  1. ABP框架 – 启动配置

    ABP可以在启动的时候对模块进行配置。 配置ABP 在模块的PreInitialize方法中,可以对ABP进行 […]...

  2. python中的赋值操作与C语言中的赋值操作中的巨大差别

      首先让我们来看一个简单的C程序: 1 a = 8; 2 b = a; 3 b = 6; 4 printf( […]...

  3. Android反复闹钟(每天)的实现

    MainActivity例如以下: package cc.cc; import java.util.Calen […]...

  4. IntelliJ IDEA测试学习网站

    IntelliJ IDEA测试学习网站 IntelliJ IDEA测试学习网站 http://idea.lan […]...

  5. 面经手册 · 第14篇《volatile 怎么实现的内存可见?没有 volatile 一定不可见吗?》

    作者:小傅哥 博客:https://bugstack.cn 沉淀、分享、成长,让自己和他人都能有所收获!...

  6. vmware 15安装破解及使用教程

    VMware Workstation Pro15虚拟机破解版(序列号+安装教程) VMware15已经推出,根 […]...

  7. Java 线程池的原理与实现

      JAVA线程池原理以及几种线程池类型介绍 文章分类:Java编程     在什么情况下使用线程池?     […]...

  8. Android开发之闹钟

    闹钟开发: 1、需要时间选择器TimePicker 2、需要Calendar类对日期时间进行操作 3、需要Al […]...

展开目录

目录导航