微信小程序设计之主体文件app-json-pages

news/2024/7/20 2:03:47 标签: 微信小程序, javascript, 小程序

一、新建一个项目

首先,下载小程序>微信小程序开发工具,具体下载方式可以参考文章《小程序>微信小程序开发者工具下载》。

然后,注册小程序账号,具体注册方法,可以参考文章《小程序>微信小程序个人账号申请和配置详细教程》。

在得到了测试号的账号信息之后,可以在开发者工具中使用此账号信息创建项目进行开发。

点击确定后,可以在左侧看到小程序的主要界面【Hello World】。

二、app.json.pages介绍

1、app.json包含啥

app.json 文件是小程序的全局配置文件,主要包含了小程序所有页面的路径地址、导航 栏样式等

2、app.json.pages属性

pages是必填属性,用于记录小程序所有页面的路径地址。其中如果有多个页 pages 面地址,第一个将默认为小程序的初始页面

3、编译后,app.json.pages显示

如下图所示,为app.js.pages的创建界面,共两个页面,首先进入的index界面,再次点击界面空白处,则进入logs界面

上述两个界面index和logs是在pages文件下建立的,若是需要另外的界面,需要在pages文件夹下新建页面。

运行模拟器看下效果。打开【模拟器】->【编译】,则会出现圈3处的小程序界面,也就是index的页面。

双击界面空白处,则会进入logs页面。

 更多内容:

小程序>微信小程序开发笔记_珞瑜·的博客-CSDN博客

小程序>微信小程序开发者工具下载-CSDN博客

小程序>微信小程序个人账号申请和配置详细教程-CSDN博客


http://www.niftyadmin.cn/n/5105408.html

相关文章

需要在js中避免的几个常见错误

需要在js中避免的10个常见错误 误解变量作用域 在我们的代码的特定区域中,变量的可访问性被称为变量范围,这是编程中的一个基本概念。对变量范围的误解是JavaScript中最常见的编程错误之一,它会导致意想不到的行为,使得调试非常…

Android 编译错误:module xxx1 missing dependencies:xxx2

编译错误log module xxx1 missing dependencies:xxx2 分析方向 1.缺少依赖库 添加依赖库 shared_libs: ["libhidlbase","libhidltransport","libhwbinder","liblog","libutils","libcutils",],2.缺…

QTday03(信号与槽、对话框)

今日任务: 1. 完善对话框,点击登录对话框,如果账号和密码匹配,则弹出信息对话框,给出提示”登录成功“,提供一个Ok按钮,用户点击Ok后,关闭登录界面,跳转到新的界面中 …

使用Axure RP和内网穿透技术制作静态站点并实现公网访问

文章目录 前言1.在AxureRP中生成HTML文件2.配置IIS服务3.添加防火墙安全策略4.使用cpolar内网穿透实现公网访问4.1 登录cpolar web ui管理界面4.2 启动website隧道4.3 获取公网URL地址4.4. 公网远程访问内网web站点4.5 配置固定二级子域名公网访问内网web站点4.5.1创建一条固定…

HZOJ-322: 程序自动分析

题目描述 ​ 在实现程序自动分析的过程中,常常需要判定一些约束条件是否能被同时满足。 ​ 考虑一个约束满足问题的简化版本:假设 x1,x2,x3,…�1,�2,�3,… 代表程序中出现的变量,给定n�个形如xixj&#x…

ArcGIS笔记9_数据源缺少空间参考信息?如何定义坐标系?

本文目录 前言Step 1 确定好要赋予给目标文件的恰当坐标系Step 2 定义坐标系 前言 有时从其他软件转换得到了shp文件,拖到ArcGIS后却出现“未知的空间参考:添加的数据源缺少空间参考信息 不能投影”的提示,如下图所示: 这种情况就…

CentOS | 添加普通用户并授权sudo

sudo -i adduser peter passwd peter whereis sudoers nano /etc/sudoers添加一行新用户到root组 ## Allow root to run any commands anywhere root ALL(ALL) ALL peter ALL(ALL) ALL如果提升权限后无法cd到其他目录等,修改 /etc/passwd 文件&…

客户端post请求,服务器收到{}数据解决方法

当我们发起登录请求时,后台接收到的为{}数据 原因:传送过去的对象格式不对 解决方案: 引入qs npm install qs 在data中格式化数据 const res await axios({url:http://127.0.0.1:3000/post,method:post,data:Qs.stringify({username:te…