资 讯

网站建设、app开发、微信开发、网络营销知识汇聚

We provide professional and all-round information services to enterprises from all levels and angles

小程序开发中测试方法总结
admin 2017-12-22

小程序应用分析简单介绍
  小程序能够更多的可以更多的调用手机本身的功能(如位置信息,摄像头等)。
  3、小程序注册
  小程序开发框架的逻辑层是由JavaScript编写。 逻辑层将数据进行处理后发送给视图层,同时接受视图层的事件反馈。小程序再次基础上做了一些修改方便开发: 增加 APP 和 Page 方法,
  小程序是一种微信开发不需要下载安装即可使用的应用。
  2、实质
  微信小程序就是Hybrid技术的应用。
  Hybrid APP(混合模式移动应用)。
  选择项目目录,再添加项目即可。微信小程序开发
  2、 编写代码
  点击开发者工具左侧导航的「编辑」,我们可以看到这个项目,pp.进行程序和页面的注册。
  APP( ) 函数用来注册一个小程序。接受一个 object 参数,其指定小程序的生命周期函数等。
app.json 是对整个小程序的全局配置。其中有5个属性,官方给出的
  "list": [{
  "pagePath": "pages/index/index",
  "text": "首页",
  "iconPath":"goods_mgold.png",
  "selectedIconPath":"goods_mgold.png"
  }, {
  "pagePath": "pages/logs/logs",
  "text": "天气查询",
  "iconPath":"icon_community.png",
  "selectedIconPath":"icon_community.png"
  }]
  }
  }
  "pages/index/index",
  "pages/logs/logs"
  ],
  "window":{
  "backgroundTextStyle":"light",
  "navigationBarBackgroundColor": "green",
  "navigationBarTitleText": "APP",
  "navigationBarTextStyle":"white"
  },
  "tabBar": {
  "selectedColor":"red",
  上面那段配置代码展示出来的效果是:

  
  (4)app.js:
  app.js是小程序的脚本代码。我们可以在!
  然后再js的page对象中定义:

  就可以实现一个点击事件。其中bind是绑定,type为tap。type是事件类型。
  数据渲染:这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用 MINA 提供的丰富的 API。代码主要是写在APP对象里面作用于全局。
  其中每个页面都可以有自己的js文件,例如index.js就是Index.wxml页面的js代码,其中js代码的一些应用主要是写在page对象里面。
  事件的使用方式:
  首先在wxml里面写入一个bindtap点击事件。
   Click me
  在组件上使用wx:for控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item
  Page() 函数用来注册一个页面。接受一个 object 参数,其指定页面的初始数据、生命周期函数、事件处理函数等。生命周期函数为:
onLoad: 页面加载
  一个页面只会调用一次。
onShow: 页面显示
  每次打开页面都会调用一次。
onReady: 页面初次渲染完成
  一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互
onHide: 页面隐藏
  当navigateTo或底部tab切换时调用
onUnload: 页面卸载
  当redirectTo或navigateBack的时候调用
  二.小程序实例解析
  1、创建项目
  现在是内测版本,所有的AppID全部都是腾讯内部发布的。已经初始化并包含了一些简单的代码文件。是 app.js、app.json、app.wxss 这三个。其中app.js是我们传统的js文件,app.json是项目配置文件,a配置表为:

  我们可以在这个文件中配置小程序是由哪些页面组成,配置小程序的窗口  背景色,配置导航条样式,配置默认标题。注意该文件不可添加任何注释。
  window是用于设置小程序的状态栏、导航条、标题、窗口背景色。

  pages里面是程序的所有页面的目录,所有需要跳转的页面,都需要在pages里面配置好。
  (2)tabBar:
  tabBar是底部导航栏部分,tabBar API为

  tabBar配置好后,在任何页面下,都会有一个tab导航栏,其中list里面是配置tab里有多少个按钮,案例中为两个。list里面有多个属性,

  案例APP的app.json为:
  {
  "pages":[但是,没有AppID也不影响测试开发,我们可以选择无AppID进行测试开发,只是不能在手机真机上面调试。(3)wxml文件:
  微信的wxml文件相当于传统的html文件,省去了一些微信APP开发不需要的标签,如H1-H5,用了这些就会报错,其中html中的div标签,在微信中变成了view标签。(也就是换了个名字...)wxss是项目css文件,微信小程序会读取这些文件,并生成小程序实例。
  (1)app.json:
  

  • 上一篇:一家创业公司的新项目选择微信开发还是APP开发呢!
  • 下一篇:微信小程序开发适配视图基础
  • © 2011-2020 www.keyrey.com 上海科睿网络科技有限公司 © 版权所有 沪ICP备12032097号-1
    友情链接 : 上海app开发 app开发公司 app制作 手机软件开发 手机软件开发公司 小程序开发 上海网站制作公司
    QQ在线咨询

    上海app开发QQ在线咨询 上海app开发QQ在线咨询
    电话咨询
    400-877-9280 app开发公司电话咨询
    即时在线咨询 手机软件开发即时在线咨询
    微信扫一扫
    添加app制作微信 上海网站制作公司微信
    科睿网络-互联网开发营销专家

    凡事有交代 件件有着落 事事有回应

    立即获取为您量身定制的开发营销方案

    咨询热线 400-877-9280