当前位置: 首页 > news >正文

微信小程序开发:基础架构与配置文件


✨✨ 欢迎大家来访Srlua的博文(づ ̄3 ̄)づ╭~✨✨

🌟🌟 欢迎各位亲爱的读者,感谢你们抽出宝贵的时间来阅读我的文章。

我是Srlua小谢,在这里我会分享我的知识和经验。🎥

希望在这里,我们能一起探索IT世界的奥妙,提升我们的技能。🔮

记得先点赞👍后阅读哦~ 👏👏

📘📚 所属专栏:小程序

欢迎访问我的主页:Srlua小谢 获取更多信息和资源。✨✨🌙🌙

​​​

​​​

目录

前言:

项目基本组成结构

页面基本组成结构

小程序代码的构成-JSON 配置文件

1.JSON 配置文件的作用

2.app.json 文件

3.project.config.json 文件

4.sitemap.json 文件

5.页面的 .json 配置文件

6.新建小程序页面

7.修改项目首页


前言:

在进行微信小程序开发之前,熟悉和掌握微信开发者工具是至关重要的。微信开发者工具为开发者提供了一个便捷的平台,可以在其中创建、调试和预览小程序的各个部分。通过这个工具,开发者可以实时查看小程序的效果,并进行必要的调整和优化。
微信小程序作为一种轻量化的应用形式,在移动应用生态中占据了重要位置。它不仅能够提供近乎原生应用的用户体验,还能通过微信社交平台的强大生态,快速获取用户并实现推广。
在开发微信小程序时,理解小程序的基本架构、页面生命周期、数据绑定、事件处理等知识点是至关重要的。此外,熟悉微信开发者文档和社区资源,能够帮助开发者快速解决问题并获取灵感。
在该文章系列中,我们将深入探讨微信小程序开发的关键知识点,包括但不限于页面布局、组件使用、API调用、数据存储与管理等内容。希望通过这些内容,能够为您提供实用且全面的小程序开发指南。
微信开发者工具下载


项目基本组成结构

  1. pages 用来存放所有小程序的页面

  2. utils 用来存放工具性质的模块(例如:格式化时间的自定义模块)

  3. app.js 小程序项目的入口文件

  4. app.json 小程序项目的全局配置文件

  5. app.wxss 小程序项目的全局样式文件

  6. project.config.json 项目的配置文

  7. sitemap.json 用来配置小程序及其页面是否允许被微信索引

页面基本组成结构

如:一个人的头,身体,腿,胳膊

小程序代码的构成-JSON 配置文件

1.JSON 配置文件的作用

2.app.json 文件

如果想要使用旧的版本的话,把style这一句话删掉就行了

默认情况下,只包含以下四个配置项

3.project.config.json 文件

4.sitemap.json 文件

不允许微信索引时,可讲"allow"改为"disallow"

如果不想看到console中的黄色警告

如果在project.config.json中的setting的节点中没有找到checksitemap这一项,可手动补全,然后保存

5.页面的 .json 配置文件

页面级别的配置会覆盖全局级别的配置,如果两者发生冲突,那么会以页面的配置为准

6.新建小程序页面

7.修改项目首页

项目初始首页:

更换后的首页: 

​​​

希望对你有帮助!加油!

若您认为本文内容有益,请不吝赐予赞同并订阅,以便持续接收有价值的信息。衷心感谢您的关注和支持!

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • opencv 控制鼠标键盘实现功能setMouseCallback
  • 江科大/江协科技 STM32学习笔记P24
  • 北京城市图书馆-非遗文献馆:OLED透明拼接屏的璀璨应用
  • 探索Witin-NN Tools量化开源项目:模拟神经网络映射映射到存内芯片的计算过程
  • phpmailer如何配置SSL以发送安全电子邮件?
  • Qt表格设置列宽
  • 阿贝云免费虚拟主机和免费云服务器评测
  • 【Leetcode 884 】 两句话中的不常见单词 —— 更简洁的手法
  • redis I/O复用机制
  • 【已解决】CentOS离线安装docker和docker-compose
  • 【Vue3】嵌套路由
  • html+css+js网页设计 移动端 京东6个页面
  • 如何为 Nextcloud 配置自动数据库备份 - 应用程序
  • 汇编语言:loop指令
  • 系统分析师3:嵌入式技术
  • 【个人向】《HTTP图解》阅后小结
  • Git 使用集
  • HTML5新特性总结
  • HTTP传输编码增加了传输量,只为解决这一个问题 | 实用 HTTP
  • Java 内存分配及垃圾回收机制初探
  • vue 配置sass、scss全局变量
  • 技术:超级实用的电脑小技巧
  • 聊聊sentinel的DegradeSlot
  • 模型微调
  • 如何解决微信端直接跳WAP端
  • 少走弯路,给Java 1~5 年程序员的建议
  • 用Canvas画一棵二叉树
  • 3月7日云栖精选夜读 | RSA 2019安全大会:企业资产管理成行业新风向标,云上安全占绝对优势 ...
  • 阿里云重庆大学大数据训练营落地分享
  • 微龛半导体获数千万Pre-A轮融资,投资方为国中创投 ...
  • ​1:1公有云能力整体输出,腾讯云“七剑”下云端
  • ​软考-高级-系统架构设计师教程(清华第2版)【第12章 信息系统架构设计理论与实践(P420~465)-思维导图】​
  • ​软考-高级-系统架构设计师教程(清华第2版)【第9章 软件可靠性基础知识(P320~344)-思维导图】​
  • (52)只出现一次的数字III
  • (Pytorch框架)神经网络输出维度调试,做出我们自己的网络来!!(详细教程~)
  • (阿里云在线播放)基于SpringBoot+Vue前后端分离的在线教育平台项目
  • (二)测试工具
  • (二)延时任务篇——通过redis的key监听,实现延迟任务实战
  • (附源码)springboot炼糖厂地磅全自动控制系统 毕业设计 341357
  • (附源码)springboot太原学院贫困生申请管理系统 毕业设计 101517
  • (附源码)ssm捐赠救助系统 毕业设计 060945
  • (论文阅读26/100)Weakly-supervised learning with convolutional neural networks
  • (排序详解之 堆排序)
  • (三)Kafka 监控之 Streams 监控(Streams Monitoring)和其他
  • (四)linux文件内容查看
  • (四)汇编语言——简单程序
  • (提供数据集下载)基于大语言模型LangChain与ChatGLM3-6B本地知识库调优:数据集优化、参数调整、Prompt提示词优化实战
  • (转载)OpenStack Hacker养成指南
  • .describe() python_Python-Win32com-Excel
  • .Net Remoting常用部署结构
  • .NET 的静态构造函数是否线程安全?答案是肯定的!
  • .NET 设计模式—适配器模式(Adapter Pattern)
  • .netcore如何运行环境安装到Linux服务器
  • /boot 内存空间不够
  • @converter 只能用mysql吗_python-MySQLConverter对象没有mysql-connector属性’...