0基础学微信小程序开发(二)基础配置

简介: 0基础学微信小程序开发(二)基础配置


前言

这一篇主要讲解一下小程序的基础配置,教你如何看官方的文档并如何实践

全局配置

我们在前端开发的时候往往有一些基础配置信息是写在配置文件中的,小程序中也一样,一般定义在app.json中

具体配置啥信息呢,就可以看官方的文档了解了,软件开发作为一项技能最重要的就是需要练,看到啥就练啥,用的熟练了也就好了。

{
  "pages": [
    "pages/index/index",
    "pages/userConsole/userConsole",
    "pages/storageConsole/storageConsole",
    "pages/databaseGuide/databaseGuide",
    "pages/addFunction/addFunction",
    "pages/deployFunctions/deployFunctions",
    "pages/chooseLib/chooseLib",
    "pages/openapi/openapi",
    "pages/openapi/serverapi/serverapi",
    "pages/openapi/callback/callback",
    "pages/openapi/cloudid/cloudid",
    "pages/im/im",
    "pages/im/room/room"
  ],
  "window": {
    "backgroundColor": "#F6F6F6",
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#F6F6F6",
    "navigationBarTitleText": "云开发 QuickStart",
    "navigationBarTextStyle": "black"
  },
  "sitemapLocation": "sitemap.json",
  "style": "v2"
}

这个是我们使用官方的例子创建的一个小程序的代码,每个配置是啥意思,我们一点点的查文档

这里告诉你了pages是页面路径,对应的是啥呢,对应的是你一个个的页面,程序加载的时候是会从上到下依次编译你的每个页面的代码的,如果代码中有错误的地方,那么控制台就会报错,那就需要针对性的去调整代码,具体的要求就是我们的代码不能报错

为了便于讲解,我们把官方的例子都删掉,删掉之后是个这么个状态

第一个页面

接下来我们就上手开发我们的第一个页面,一般小程序加载好之后显示的第一个页面我们可以叫首页,在代码区域右键选择新建文件夹,输入名称为index

创建好之后的效果

在index文件夹右键选择新建page,输入index

工具会自动创建四个文件,分别是index.js、index.json、index.wxss、index.wxml

"pages": [
    "pages/index/index"
  ]

然后在app.json中配置好页面的路径信息

打开index.wxml中将text标签中的内容修改为hello,world!

任何技术你可以成功的打印出这句话,就意味着你入门了,以后多了一个身份叫程序员

相关文章
预约按摩小程序开发,为什么很多上门按摩平台根本招聘不到优秀技师?
上门按摩平台面临招不到优秀技师的问题,主要原因是平台众多,技师选择多样。为解决此问题,平台可引入技师等级制度,根据订单数量和好评率划分高、低等级技师。高等级技师可享受70%-90%的高提成及首页推荐,这不仅能激励技师的积极性,还能帮助平台筛选出优质技师,提升服务质量和口碑,形成良性循环。
|
13天前
|
小程序 Android开发
|
2天前
|
小程序 云计算 Android开发
发者社区 云计算 文章 正文 小程序开发与公众号用户关联推送消息(九)
发者社区 云计算 文章 正文 小程序开发与公众号用户关联推送消息(九)
12 3
|
8天前
|
小程序
|
9天前
|
小程序 数据安全/隐私保护
|
8天前
|
小程序
|
14天前
|
小程序
|
14天前
|
人工智能 小程序
【一步步开发AI运动小程序】五、帧图像人体识别
随着AI技术的发展,阿里体育等公司推出的AI运动APP,如“乐动力”和“天天跳绳”,使云上运动会、线上健身等概念广受欢迎。本文将引导您从零开始开发一个AI运动小程序,使用“云智AI运动识别小程序插件”。文章分为四部分:初始化人体识别功能、调用人体识别功能、人体识别结果处理以及识别结果旋转矫正。下篇将继续介绍人体骨骼图绘制。
|
12天前
|
小程序

热门文章

最新文章