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


✨✨ 欢迎大家来访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.修改项目首页

项目初始首页:

更换后的首页: 

​​​

希望对你有帮助!加油!

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/48823.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

基于支持向量机(SVM)的数据回归预测

代码原理及流程 支持向量机(SVM)是一种强大的机器学习算法,既可以用于分类问题,也可以用于回归问题。在回归问题中,SVM 的目标是找到一个函数,使得预测值与实际值之间的误差最小化,并且保持在一…

set(集合),multiset容器及pair队组的创建

1.set的基本概念:所有元素再插入时自动按升序排序,set/multiset属于关联式容器,底层结构是用二叉树实现的 set与multiset区别: set中不允许容器中有重复的元素 multiset允许容器中有重复的元素 2.set的构造函数 3.set的大小和…

【NLP】关于参数do_sample的解释

在自然语言处理(NLP)领域,特别是在使用神经网络模型进行文本生成时,do_sample是一个常见的参数,用于控制模型生成文本的方式。具体来说,do_sample参数决定模型是否采用随机采样(sampling&#x…

python—爬虫爬取视频样例

下面是一个使用Python爬虫爬取视频的基本例子。创建一个Python爬虫来爬取视频通常涉及到几个步骤:发送HTTP请求、解析网页内容、提取视频链接、下载视频文件。 import jsonimport requests from lxml import etreeif __name__ __main__:# UA伪装head {"User…

【js自学打卡11】生成器函数(generator函数)的使用总结+代码举例

力扣的js入门免费题刷完了,开始自己找题练练,顺便捡捡知识点 力扣2649 1.思路 一眼递归,但事实证明也可以直接flat手撕。 arr.flat(Infinity) //直接扁平化到最底层涉及到了一些关于生成器和异步编程相关的知识点,学一下。 2.…

web前端 React 框架面试200题(三)

面试题 65. 在使用 React Router时,如何获取当前页面的路由或浏览器中地址栏中的地址? 参考回答: 在当前组件的 props中,包含 location属性对象,包含当前页面路由地址信息,在 match中存储当前路由的参数等…

数字图像处理笔记(二)---- 像素加图像统计特征

系列文章目录 文章目录 系列文章目录前言一、认识数字图像二、图像的数学描述二、图像的统计特征总结 前言 慕课视频地址 一、认识数字图像 图像分为模拟图像和数字图像。要想获得数字图像需要通过采样量化编码等过程。 量化和采样的过程是将模拟信号转化为数字信号。编码的过…

JVM常用工具中jmap实现手动进行堆转储(heap dump文件)并使用MAT(Memory Analyzer Tool)进行堆分析-内存消耗分析

场景 JVM-常用工具(jps、jstat、jinfo、jmap、jhat、jstack、jconsole、jvisualvm)使用: JVM-常用工具(jps、jstat、jinfo、jmap、jhat、jstack、jconsole、jvisualvm)使用_jvm分析工具-CSDN博客 上面讲了jmap的简单使用。 下面记录其常用功能,实现堆…

sqlite数据库,轻量级数据库的使用

什么是sqlite数据库 sqlite是具有零配置、无服务的特点,遵循 ACID 规则,是一款备受欢迎的轻量级数据库。 tips:ACID 规则即,A(原子性)、C(一致性)、I(独立性&#xff0…

前端npm下载依赖 idealTree:vue3-demo: sill idealTree buildDeps解决方案

第一步 第二步 第三步 第四步 直接输入npm install就可以安装依赖了

SpringBoot源码(1)ApplicationContext和BeanFactory

1、调用getBean方法 SpringBootApplication public class SpringBootDemoApplication {public static void main(String[] args) {ConfigurableApplicationContext applicationContext SpringApplication.run(SpringBootDemoApplication.class, args);applicationContext.get…

Java强软弱虚引用的特点以及应用场景(面试重点)

强:即使OOM也不回收软:内存溢出前回收弱:只要垃圾收集就死虚:对垃圾收集没关系,只有得到通知(插眼,也操作不了对象、只能看到它还活着) 一、软引用 代码示例: public cl…

【C++开源】GuiLite:超轻量UI框架-入门

开发环境说明 使用visual Studio 2022进行开发 下载源码 从如下的网址进行源码和示例代码的下载: GitHub源码网址为:idea4good/GuiLite示例代码路径为:idea4good/GuiLiteExample使用方法 GuiLite是一个仅有头文件的一个库,使用的时候直接include到自己的UIcode.cpp文件…

Linux处理文件sed

一、什么是sed sed全称(stream editor)流式编辑器,Sed主要用来自动编辑一个或多个文件、简化对文件的反复操作、编写转换程序等,工作流程如下sed 是一种在线的、非交互式的编辑器,它一次处理一行内容。处理时&#xff…

十七、(正点原子)Linux LCD驱动

一、Framebuffer设备 在 Linux 中应用程序通过操作 RGB LCD 的显存来实现在 LCD 上显示字符、图片等信息。 先来看一下裸机 LCD 驱动如下: ①、初始化 I.MX6U 的 eLCDIF 控制器,重点是 LCD 屏幕宽(width)、高(height)、 hspw、 hbp、 hfp、 vspw…

【Python】连接MySQL数据库:详细教程与示例代码

文章目录 1. 安装必要的库2. 建立与MySQL的连接3. 执行SQL查询4. 插入数据5. 更新数据6. 删除数据7. 错误处理8. 小结 在数据驱动的开发中,连接数据库是一个至关重要的技能。Python作为一门强大的编程语言,提供了多种方式连接并操作MySQL数据库。本文将详…

【时时三省】(C语言基础)函数和数组

山不在高,有仙则名。水不在深,有龙则灵。 ——csdn时时三省 函数 跟数学里面的函数很相似 数组 一组相同类型的元素的集合 比如把5个整形1-5存起来 int arr[10]={1,2,3&#x…

转型做产品经理,考NPDP有什么好处?

机会是留给有准备的人的,如果此刻的你想要转岗但又没有方向,建议你可以考虑下产品经理这个岗位,产品经理是一个非技术型的岗位,但是懂一些技术相关的知识会更好的和技术部门沟通,能更好的从技术部门的角度理解需求的可…

浏览器打开抽奖系统html

<!DOCTYPE html> <html> <head> <meta charset"utf-8"> <title>在线抽奖 随机选取 自动挑选</title> <script src"https://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <style> body {…

验证跨设备挂载文件系统可行性命令

1.安装服务器端nfs-server-kernel 软件 sudo apt-get install nfs-kernel-server 2.配置服务器端软件路径 sudo vim /etc/default/nfs-kernel-server sudo service nfs-kernel-server statussudo service nfs-kernel-server restartsudo service nfs-kernel-server statu…