例如在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,微信小程序教程系列之新建页面(4)相关推荐

  1. php小程序码生成并保存,小程序中如何生成小程序码

    导语: 小程序是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或者搜一下即可打开应用.也体现了"用完即走"的理念,用户不用关心是否 ...

  2. 解决小程序开发生成B类小程序码scene参数长度受限的问题

    小程序码的分类 在小程序官方文档中关于小程序码的分类有2类: A类:这类小程序码的scene参数长度不受限,但小程序码总数最多10万个,超过这个数就不能继续生成, B类:这类小程序码的生成数目不受限制 ...

  3. java生成小图片_JAVA生成缩略小图片类

    JAVA生成缩略小图片类 java.awt.image.BufferedImage是缓冲图片类主要将生成的图片对象缓冲起来:javax.imageio.ImageIO是图片IO控制类,可以将缓冲图片对 ...

  4. Django cms 教程二:新建页面

    1.新建首页 输入标题.缩略名,然后点击创建按钮. 2.新建第二个页面 单击最上端的"创建"按钮,在弹出的对话框中选择"新建页面",然后单击"下一个& ...

  5. 小程序 formid 生成_微信电子计次卡生成小程序

    "电子计次卡生成工具"是一款免费创建计次卡的工具,商家能够简单快速的创建,发放,核销电子计次卡,并可以查看计次卡的使用与核销数据. 计次卡是指顾客购买或获得赠送相应的消费或服务次数 ...

  6. 微信公众号短链生成服务器,微信公众号短链接生成源码

    .版本 2 .支持库 spec .程序集 窗口程序集_启动窗口 .子程序 __启动窗口_创建完毕 .局部变量 access_token, 文本型 .局部变量 返回, 文本型 .局部变量 i, 整数型 ...

  7. 2021-2027全球与中国登陆页面生成软件市场现状及未来发展趋势

    本文研究全球及中国市场登陆页面生成软件现状及未来发展趋势,侧重分析全球及中国市场的主要企业,同时对比北美.欧洲.日本.中国.东南亚.印度等地区的现状及未来发展趋势. 2019年全球登陆页面生成软件市场 ...

  8. Xamarin.FormsShell基础教程(5)Shell项目内容新建页面

    Xamarin.FormsShell基础教程(5)Shell项目内容新建页面 轻拍内容列表页面中的Add按钮后,进入内容新建页面,如图1.4和图1.5所示.在该页面中,用户可以设置新建内容的标题和具体 ...

  9. 微信小程序超长页面生成截图的一种解决方案

    需求 用户在页面填写信息和签字后要把当前页面的信息截图生成图片保存. 技术实现难点 页面长度特别长,多屏才能显示完全,生成的图片的长度特别长. 页面内容复杂,内容中包含了大量文本.大量图片. 页面源码 ...

最新文章

  1. sql语句中left join和inner join中的on与where的区别分析
  2. A customized combobox with JQuery
  3. python视频提取音频_python脚本实现mp4中的音频提取并保存在原目录
  4. 入职后,如何判断公司值不值得长期待下去?
  5. 第49课 大大大(纯小数变整数) 《小学生C++趣味编程》
  6. 山大往年自招计算机系试题,2018山大自招经验分享
  7. [bzoj4813][Cqoi2017]小Q的棋盘
  8. Angr安装与使用之使用篇(三)
  9. 基于51单片机---利用霍尔元件无接触式测量直流电机速度
  10. c++中计算2得n次方_【复习专题】解析二元一次方程知识点及应用
  11. 威联通nas怎么更换大硬盘_QNAP 篇一:记一次换硬盘引发的折腾
  12. 这么写参数校验(validator)就不会被劝退了~
  13. 打印JVM所有参数列表的方法 -XX:PrintFlagsFinal、–XX:PrintCommandLineFlags
  14. 北京linux学习 哪好呢?
  15. C++ Opencv之3D透视变换
  16. 前端小知识:返回浏览器上一页(back、go、referrer)
  17. 单片机工程师笔试题目归纳汇总
  18. 项目_基于Android的信息化医疗服务系统
  19. 拿着阿里这份Java性能调优手册,我把公司项目性能提升了300%
  20. C语言函数部分问题,C语言函数题库及问题详解.doc

热门文章

  1. 子网192.168.15.19/28的主机地址范围怎么算?
  2. android 锁屏壁纸 保存,小米手机锁屏画报壁纸怎么保存?
  3. uboot成功移植到STM32F103ZET6(一)
  4. 【转】软件测试面试- 购物车功能测试用例设计
  5. linux默认网关0.0.0.0,0.0.0.0作为网关是什么意思?
  6. String …params
  7. 佛学入门四书·佛教常识答问 读后感
  8. 2015年,您用CRM做了什么?
  9. MM32SPIN27PS实现俄罗斯方块游戏
  10. web前端包括哪些技术?