微信小程序教程系列之新建页面(4)

 更新时间:2017年04月17日 15:18:11   作者:michael_ouyang  
这篇文章主要为大家详细介绍了微信小程序新建页面的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

例如在web的开发中,新建一个页面只需要新建一个html文件即可。

但是到在微信小程序中,新建一个页面也不只是新建一个wxml文件,那么该如何做呢?下面我们一起来学习

新建一个页面的步骤:

1> 必须要创建一个wxml文件和一个js文件,并且文件名要同名(例:test.wxml 和 test.js)。
2> js文件内,需要写上注册页面的Page()函数!
3> 并且要到app.json文件中,注册新建页面的路径信息。

示例:

新建了一个test.js文件和一个test.wxml文件,
以及在app.json文件内的”pages”数组内,放在第一个的页面,就是程序启动时,第一个所打开的页面。


在test.js文件中,必须要有一个Page()函数


在wxml文件内,随便写一点内容(否则打开空白页,你都不知道是否成功运行项目)


F5运行项目:


成功新建了一个页面

备注:

记得要新建js文件,并且要注册Page()函数,否则就会报如下错误


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 匹配html标记的正则

    匹配html标记的正则

    匹配html标记的正则...
    2006-07-07
  • js实现上下左右键盘控制div移动

    js实现上下左右键盘控制div移动

    这篇文章主要为大家详细介绍了js实现上下左右键盘控制div移动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-01-01
  • js的flv视频播放器插件使用方法

    js的flv视频播放器插件使用方法

    FLV格式的视频很流行,有些网站程序不支持这个功能,我找到了一个强大FLV视频播放器插件,可以自定义播放器界面颜色,可设置播放器默认图片等等,推荐给大家。
    2015-06-06
  • 巧用canvas

    巧用canvas

    作为一项有意思的新技术,canvas给我们带来了对网页绘图和网页动画的新革命。本文简单介绍下canvas实用的功能,下面跟着小编一起来看下吧
    2017-01-01
  • 前端实现下载文件(包含压缩包下载)方式详细总结

    前端实现下载文件(包含压缩包下载)方式详细总结

    这篇文章主要给大家介绍了关于前端实现下载文件(包含压缩包下载)方式的相关资料,这段时间项目需要下载文件,所以这里给大家总结下,需要的朋友可以参考下
    2023-09-09
  • js实现自定义路由

    js实现自定义路由

    本文介绍了js实现自定义路由,主要是事件hashchange的使用,然后根据我们的业务需求封装。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • Javascript调用函数方法的几种方式介绍

    Javascript调用函数方法的几种方式介绍

    这篇文章主要介绍了Javascript调用函数方法的几种方式介绍,本文讲解了func()、(function(arg){})(window)、func.bind(sth)()、func.call()、func.apply()等5种方式,需要的朋友可以参考下
    2015-03-03
  • js实现文字滚动效果

    js实现文字滚动效果

    这篇文章主要为大家详细介绍了js实现文字滚动效果,类似于新闻板块中的公示公告,,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • 基于JS实现回到页面顶部的五种写法(从实现到增强)

    基于JS实现回到页面顶部的五种写法(从实现到增强)

    这篇文章主要介绍了基于JS实现回到页面顶部的五种写法(从实现到增强)的相关资料,本文介绍的非常详细,实用性也非常高,非常具有参考借鉴价值,需要的朋友可以参考下
    2016-09-09
  • swiper动态改变滑动内容的实现方法

    swiper动态改变滑动内容的实现方法

    假设当前显示的是1,往左滑动一个递减1,往右滑动一个递增1。下面通过实例代码给大家讲解swiper动态改变滑动内容的实现方法,感兴趣的朋友一起看看吧
    2018-01-01

最新评论