• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > 微信小程序教程系列之新建页面(4)

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

作者:michael_ouyang 字体:[增加 减小] 来源:互联网 时间:2017-05-11

michael_ouyang通过本文主要向大家介绍了微信小程序页面链接,微信小程序页面路径,微信小程序启动页面,微信小程序页面布局,微信小程序页面跳转等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

例如在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()函数,否则就会报如下错误


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

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 微信小程序教程系列之新建页面(4)
  • 微信小程序 页面跳转及数据传递详解

相关文章

  • 2017-05-11JS拉起或下载app的实现代码
  • 2017-05-11javascript滚轮事件基础实例讲解(37)
  • 2017-05-11Angularjs自定义指令实现三级联动 选择地理位置
  • 2017-05-11JS利用cookies设置每隔24小时弹出框
  • 2017-05-11微信小程序 页面跳转如何实现传值
  • 2017-05-11jQuery向webApi提交post json数据
  • 2017-05-11BootStrap 弹出层代码
  • 2017-05-11javascript实现数据双向绑定的三种方式小结
  • 2017-05-11canvas时钟效果
  • 2017-05-11JavaScript中object和Object的区别(详解)

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • Vue.js实现表格动态增加删除的方法(附源码下载)
    • jQuery实现的简单拖动层示例
    • Angular.js自定义指令学习笔记实例
    • JavaScript html5利用FileReader实现上传功能
    • JavaScript比较两个数组的内容是否相同(推荐)
    • 详谈Ajax请求中的async:false/true的作用(ajax 在外部调用问题)
    • 移动端触屏幻灯片图片切换插件idangerous swiper.js
    • jQuery实现鼠标滑过预览图片大图效果的方法
    • 无循环 JavaScript(map、reduce、filter和find)
    • ajax与json 获取数据并在前台使用简单实例

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有