看不懂微信小程序中的文件都是什么?

这篇具有很好参考价值的文章主要介绍了看不懂微信小程序中的文件都是什么?。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。


三个主体文件

小程序的主体部分由3个文件组成,这3个文件必须放在项目的主目录中,文件名也是固定的,负责小程序的整体配置。

1、app.js逻辑文件

整个小程序的入口文件,通过调用APP()函数来启动整个程序。主要用来注册小程序全局实例,编译时会和其他页面的逻辑文件打包成一个JavaScript文件。项目中不可缺少。

2、app.json全局配置文件

当前小程序的全局配置,包括小程序的所有路径、窗口外观、界面表现、底部tab等。该文件在项目中不可缺少。
pages:用来记录当前小程序所有页面的路径;
window:全局定义小程序所有页面的导航栏(小程序顶上的效果)、背景色(默认看不见,下拉才显示)、文字颜色等;
style:全局定义小程序组件使用的样式版本;
tabBar:设置小程序底部的tabBar效果;
sitemapLocation:用来指明sitemap.json的位置。

3、app.wxss主样式表文件

类似于HTML中的css文件,主样式表文件中设置的样式,在其他页面文件中同样有效。该文件不是必需的。

四个页面文件

小程序通常由多个页面来组成,每个页面包含4个文件,同一个页面的这4个文件必须具有相同的路径和文件名。

1、.js页面逻辑文件(JavaScript)

是页面的入口文件,通过调用Page()函数来创建并运行页面,页面的脚本文件,存放页面的数据、事件处理函数等,在该文件中编写JavaScript代码以控制页面逻辑。其在页面中不可缺少。

2、.json页面配置文件(JavaScript Object Notation)

小程序中的每一个页面,可以使用.json文件来对本页面的窗口外观进行配置,页面中的配置项会覆盖app.json的window中相同的配置项。在页面中不可缺少。

3、.wxml页面结构文件(WeiXin Markup Language)

是小程序框架设计的一套标签语言,用来构造小程序页面的结构,设置页面的布局、数据绑定等,相当于HTML页面中扩展名为html文件,.wxml文件不能使用任何HTML标签,只能使用小程序专用的标签。其在页面中不可缺少。

4、.wxss页面样式表文件(WeiXin Style Sheets)

用来定义页面中用到的各类样式表。若.wxml文件内联样式及app.wxss文件内的样式表定义同一页面的样式时,内联样式优先于.wxss文件样式,.wxss文件样式优先于app.wxss文件样式。该文件不是必需的。

配置文件

app.json

在项目根目录中,当前小程序的全局配置,包括小程序的所有路径、窗口外观、界面表现、底部tab等。

project.config.json

在项目根目录中,项目配置文件,用来记录我们对小程序开发工具所做的个性化配置。
setting:保存了编译相关的配置;
projectname:保存的是项目名:
appid:保存的是小程序的ID账号。

project.private.config.json

项目私有配置文件,此文件的内容将覆盖project.config.json中的相同字段。项目的改动优先同步到此文件中。

sitemap.json

在项目根目录中,用来配置小程序及页面是否允许微信索引。当开发者允许微信索引时,微信会通过爬虫的形式,为小程序的页面内容建立索引。当用户的搜索关键字和页面的索引匹配成功的时候,小程序的页面将可能展示在搜索结果中。
action值为disallow时:表示不被索引;
action值为allow时:表示被索引。

注意:
sitemap的索引提示是默认开启的。
如需要关闭sitemap的索引提示,可在小程序项目配置文件project.config.json的setting中配置字段checkSiteMap为false。

package.json

对项目或者模板包的描述,里面包含许多元信息。比如项目名称、项目版本、项目执行入口文件、项目贡献者等。

tsconfig.json

是ts编译器的配置文件,ts编译器可以根据它的信息来对代码进行编译。
include用来指定哪些ts文件需要被编译,一个表示任意文件,两个表示任意目录。exclude用来指定不需要被编译的文件目录。

其他结构

pages目录

里面放的是页面。

utils目录

可以放公共的wxss和js等,这样就不用在每个页面做重复的工作。文章来源地址https://www.toymoban.com/news/detail-482563.html


到了这里,关于看不懂微信小程序中的文件都是什么?的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 社招国企八成是坑,都是关系户看不上的岗位!压力大,薪资低,考核严,程序员地位最低!...

    如今大环境不好,许多人都想去国企躺平,觉得国企稳定轻松压力小,一位网友却说:社招进国企八成是坑! 该网友说,社招国企基本都是关系户看不上的,或者特别苦的岗位,好的岗位属于关系户和应届毕业生。 社招进国企背负着极大的压力,考核绩效也很严格,如果考

    2024年02月06日
    浏览(83)
  • vivado里那些看不懂的原语

    遇到一段代码 是Intel风格的,可以用xilinx的BUFG进行替代 // BUFG 分配时钟专用资源,指定信号走专门的时钟布线 修改为 布线时候报错 具体原因未知,只能先把功能打通,所以把相关的部分注释掉。 下面是收集的一些资料,来源都做了标注。 inout类型的接口,主动添加IOBUF R

    2023年04月08日
    浏览(77)
  • 人工智能中一些看不懂的代码

    def forward(self, input: Tensor, hx: Optional[Tensor] = None) - Tuple[Tensor, Tensor]: # noqa: F811         pass forward ,它的第一个参数 input 是一个 Tensor 类型的变量,第二个参数 hx 是一个可选的 Tensor 类型变量,这里使用了 Python 3.7 引入的类型注解语法。 函数返回值类型是一个由两个 Tensor 类

    2023年04月21日
    浏览(39)
  • 一步步带你搭建Elasticsearch环境,还看不懂?

    1.2 Kibana安装 1.2.1 Kibana安装 1.2.2 Kibana插件安装 1.3 Logstash安装 1.3.1 Logstash安装 1.3.2 Logstash导入数据 磨刀不误砍柴工,要学习Elasticsearch,首先要搭建起来一套学习环境,本文为手把手教你在MacOS上面搭建Elasticsearch学习环境。 Elasticsearch 是一个分布式、RESTful 风格的搜索和数据分

    2024年04月14日
    浏览(32)
  • 实现微信小程序web-view内嵌H5中的下载功能(大文件切片下载)

    微信小程序的开发框架是uniapp,使用uniapp脚手架搭建,其中有页面是展示另一个小程序,在这个页面主体内容使用了标签将H5的页面内容展示,H5中有页面存放了下载的路径。点击下载按钮下载文件,或者预览文件让用户手动保存。 如果是pc端,下载用一个 a 标签就很容易,但

    2024年02月10日
    浏览(148)
  • 越来越看不懂的企业数字化转型……

    近日和一做乙方的老友相聚谈起了今年的企业数字化转型情况,都有一个整体的感受那就是: 越来越看不懂了,有价无市,看似热闹,实则观望。   经历几年疫情,行业内都普遍认为企业领导对于数字化的重视程度在提高,毕竟数字化的技术能力及所取得的成果在这两年是

    2024年02月13日
    浏览(55)
  • SpringBoot-Run启动流程(源码分析)—看不懂来揍我

    目录 前言 Run()方法 1、实例化SpringApplication对象 1、加载容器 2、装配初始化器 3、装配监听器  4、加载主类 2、执行Run()方法 1、设置headless 2、启用SpringApplicationListener 3、加载Banner 1、图片Banner 2、文本Banner 4、异常报告类加载 5、准备上下文         6、刷新上下文 7、系统

    2024年02月14日
    浏览(39)
  • 3年测试技术面一题都看不懂,字节面试真的变态.....

    最近我的一个读者朋友去了字节面试,来给我发信息吐槽,说字节的面试太困难了,像他这种三年经验的测试员,在技术面,居然一题都答不上来,这要多高的水平才能有资格去面试字节的测试岗位。 确实,字节作为国内互联网一线巨头企业,程序员追求的大厂,面试难点也

    2024年02月05日
    浏览(44)
  • SpringBoot-AOP深入浅出通俗易懂—看不懂你捶鹅

    目录 前言 AOP总体思想 AOP图解 AOP-Aspect-代码举例 1、定义Service 2. 定义LoginController 3. 定义UserLoginAspect切面 AOP-Handler拦截器-代码举例 1、定义拦截器 2、注册拦截器 总结         Spring最重要的两个思想就是IOC、AOP,之前的文章SpringBoot自动装配分析了IOC思想并进行了源码详解。这

    2024年02月14日
    浏览(51)
  • 炫云为什么要采用让人看不懂的GHZ计费?

    很多人看到炫云GHZ计费都表示看不懂,觉得麻烦,没有按核数、按线程或者按分钟计费简单易懂,甚至还被某些同行经常拿来攻击。哪为什么炫云还坚持用GHZ计费呢?哪是因为使用GHZ计费更加公平、透明,且具有硬件无关性。今天就来和大家详细说说炫云为什么要用GHZ计费。

    2024年02月05日
    浏览(62)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包