2.1.5页面路径配置.pptx

先定一个小目标！掌握页面路径的配置方法，能够运用该方法进行页面管理知识储备4.页面路径配置

知识储备为什么要进行页面路径配置呢？4.页面路径配置

知识储备开发一个功能完整的微信小程序时，一般需要制作多个页面。在微信小程序中可以通过app.json全局配置文件中的pages配置项来配置微信小程序的页面路径。pages配置项是一个数组，该数组用于指定微信小程序由哪些页面组成，数组中的每一个元素都对应一个页面的路径信息。4.页面路径配置

知识储备演示如何配置页面路径上述代码中共配置了两个页面，分别是pages/index/index页面和pages/logs/logs页面。默认情况下，pages数组中的第一项为微信小程序的初始页面，即pages/index/index页面。如果想将其他页面设置为初始页面，读者可以手动调整数组中元素的顺序，将需要设为初始页面的页面路径设为第一项即可。pages:[pages/index/index,pages/logs/logs],4.页面路径配置

知识储备pages/index/index中的pages表示存放页面的目录，index/index中第一个index表示index目录，第二个index表示文件名。同理，pages/logs/logs中的pages表示存放页面的目录，logs/logs中第一logs表示logs目录，第二个logs表示文件名。文件名不需要写后缀名，以pages/index/index页面为例，配置成功后，微信开发者工具会自动生成index.wxml文件、index.wxss文件、index.js文件和index.json文件。注意4.页面路径配置

知识储备如果需要在微信小程序中创建一个新的页面，可以在app.json文件的pages数组中增加一项新页面的信息，微信开发者工具会创建对应的页面。通过pages数组中新增一项来新增页面通过在微信开发者工具的项目资源管理器的pages目录下右键单击鼠标，选择“新建Page”来创建页面，微信开发者工具会自动在app.json文件中添加对应的路径。通过项目资源管理器新增页面创建新页面的方法如果对页面文件直接进行删除操作，则不会触发代码的自动更新效果，需要手动修改app.json文件中的pages数组。注意4.页面路径配置