×

深圳网站建设—APP开发—网站制作—小程序开发_博纳网络公司

0755 -
82538016
82560826
网站制作资讯

深圳小程序开发公司详解微信小程序项目结构配置

文章编辑:网站建设 文章来源:深圳小程序开发 浏览量:

    深圳小程序开发公司详解微信小程序项目结构配置。21世纪,互联网+的时代,深圳小程序开发公司在前面相关文章中介绍过小程序账号申请、域名绑定 等。本文小程序开发公司主要介绍小程序开发时关于文件配置。微信小程序在快速创建的时候就提供了一个简单的Demo项目,项目文件结构如图2-1所示。本文将基于微信小程序提供的这个Demo项目,深入地了解微信小程序项目文件的作用和配置,以及项目框架搭建的合理性。
    
小程序开发关于文件介绍
    微信团队为微信小程序的文件创建了单独的后缀类型:.wxml和.wXss。这两种文件后缀只有微信小程序能够识别,但是这两种文件又分别与网页中的.html和.css文件对应,并且使用方法也几乎一致。在以.js和.json为后缀的文件中,微信团队并没有对其做后缀的更改,与网页中的文件后缀一致。在微信小程序中,代码文件就是这四种,并且每一个独立的页面都拥有这四个文件
(.wxml、.wxss、.js、.json)。同一个页面,这四个文件的文件名必须相同,微信团队在内部对这四个文件进行了关联,并且每一个页面都有其独立的作用域。因为微信小程序运行在微信应用的内核中,如果用浏览器打开的话,会无法解析,所以微信小程序只能运行在微信应用中。
小程序开发关于wxml后缀的结构文件
    .wxml文件是微信团队自创的一种文件格式,这个文件的功能与网页端
的.html文件的功能是一样的,都是用来存放页面上的组件、元素的。不同的地方是微信小程序的.wxml文件不能存放JavaScript代码,并且没有头和体的概念,只能存放组件和行内CSS样式。
小程序开发关于wxSs后缀的样式文件
    .wXss文件是微信团队自创的一种文件格式,这个文件的功能与网页端的.css文件的功能是一样的,都是用来设置元素样式的。而且,网页的布局、元素、属性、选择器等都与网页端的.css文件一致,也就是说,完全可以将网页的布局和选择器用于微信小程序的布局和选择器,且两者的布局和选择器可以互用。
app.wXss文件是一个外链的样式文件,可以不必在其他文件中单独引入而直接作用其样式,对应的样式级别也是最低的,一般用来存放全局的公共样式。
小程序开发关于js后缀的逻辑文件
    .js文件书写业务逻辑代码,单击、滑动、上下拉刷新等事件执行代码。.js文件用JavaScript代码书写,遵从JavaScript语法和规范。
官方在JavaScript的基础上增加了一些封装,例如APP({})和Page ({})等,还提供了丰富的API,如图片选择、扫一扫等,使得微信小程序开发起来更加简单、方便。
app.js文件是比较特殊的,它是微信小程序的入口文件,掌控整个小程序的生命周期,同时有一些全局的属性、变量也存放在这个文件中。
小程序开发关于json后缀的配置文件
    .json是一种数据格式,微信小程序单独把.json数据拿出来,根据定义的.json数据字段来创建不同的页面样式效果。
app.json文件是小程序的公共配置文件,决定了可以加载的页面、导航栏样式、网络超时时间等配置信息。
在微信小程序中有一个特殊的.json文件,即project.config.json,这个文件是整个微信小程序的配置文件,整个项目的一些配置信息都存放在这个文件夹中。当在微信开发工具中进行配置修改时,这个文件内对应的值也会进行修改,并且在一个项目目录下,只能存在一个project.config.json文件,这也是为什么强调同一个目录下最好只有一个项目,以防project.config.json文件冲突。好了,深圳小程序开发公司本文关于“微信小程序项目结构配置”知识就分享到这里。您要联系深圳小程序开发公司定制开发小程序项目,请咨询我们网站在线客服或者拨打网站技术客服电话,为您提供详细的定制开发解决方案。谢谢关注,博纳网络编辑整理。
 

当前文章链接:/construction/zbwzdz/14924.html
如果您觉得案例还不错请帮忙分享:

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。

相关案例推荐