微信小程序入门1--新建微信小程序页面

微信小程序入门1–新建微信小程序页面

在新建微信小程序后会自动生成一个DEMO实例，我们可以在实例中修改自己所需的内容，当内容过多时，实例中的页面不足以满足我们的需求，因此需要新建微信小程序页面。

本文内容简单，分成两个部分进行介绍：
一、页面介绍
二、新建页面

一、页面介绍
在新建一个微信小程序项目时，得到如下界面，此开发界面为微信官方提供的Demo实例。

可以看到Demo中有两个页面。分别为index页面和logs页面。
app.json是当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部tab等。在app.json中，用pages数组来指定小程序有哪些页面组成。对应页面的写法为：路径+文件名。
pages数组的第一项表示该小程序的原始页面。小程序的新增页面或减少页面都需要对pages数组进行修改，不然会报错。

二、新建页面
如新增一个new页面作为初始页面，则只需要在pages数组中添加"pages/new/new"，开发者工具会自动将.json .js .wxml .wxss 四个文件整合在路径下。
Pages数组的最后一项不需要逗号。
从事过网页编程的人知道,html是用来描述当前这个页面的结构，css用来描述页面的样子，JS 通常是用来处理这个页面和用户的交互。wxml、wxss、js具有其大部分特性。
开发人员可以对new页面进行自定义操作。

以上就是新建微信小程序页面的全部步骤，感谢观看！

微信小程序入门1--新建微信小程序页面相关推荐

小程序入门教程之微信-02-页面样式
这个系列的,上一篇教程教大家写了一个最简单的 Hello world 微信小程序. 但是,那只是一个裸页面,并不好看.今天接着往下讲,如何为这个页面添加样式,使它看上去更美观,教大家写出实际可以使用的 ...
小程序入门教程之微信-03-脚本编程
本篇的难度要大于前两篇,如果觉得不好理解,可以先跟着例子,动手做一遍,然后再读文字说明,可能就容易理解了. 所有示例的完整代码,都可以从 GitHub 的代码仓库下载. 一.数据绑定前面的所有示例, ...
【零基础微信小程序入门开发一】小程序介绍及环境搭建
什么是小程序? 微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或搜一下即可打 ...
做一个微信小程序给TA——程序猿小白的情人节礼物（微信小程序入门——一文学会小程序开发到发布小程序的全过程）
# 情人节可送给女朋友的礼物,或者作为两人的纪念 # 效果展示:微信搜索 "王美美与曾小帅" 小程序即可查看效果 # 微信小程序入门--使用免费后端云(Bmod)搭建留言板 ...
【微信小程序入门到精通】— 小程序的 API 到底是个啥
目录前言一.API 导论二.事件监听 API 三.同步 API 四.异步 API 总结前言对于目前形式,微信小程序是一个热门,那么我们该如何去学习并且掌握之后去做实际项目呢? 为此我特意开设 ...
【微信小程序入门到精通】—小程序实战构建售货平台首页
目录前言一.步骤阐述二.新建项目并梳理结构三.配置导航栏四.tabBar 实现五.轮播图实现总结前言对于目前形式,微信小程序是一个热门,那么我们该如何去学习并且掌握之后去做实际项目呢 ...
小程序入门学习16--上传小程序至github
1 配置hosts,使电脑可以访问github 修改hosts(进入hosts方法) 2 注册进入github,点右上角sign up,填写注册信息 3 创建仓库点击New,新建仓库复制HTTP ...
小程序入门学习21--前端小程序开发及数据渲染
完结撒花再发一遍学习视频地址 1 项目运行图 2 项目github地址 3 一个class内放多个样式,不断累加 <view class='news-title title-words'> ...
微信小程序 - 入门篇
微信小程序入门文章目录微信小程序入门全局配置 window配置微信组件微信小程序与Vue 复用性自定义Tabbar 组件的封装路由跳转网络低代码本地存储弹窗交互 weUI 全局配置 ...

微信小程序入门1--新建微信小程序页面

微信小程序入门1--新建微信小程序页面相关推荐

最新文章

热门文章