微信小程序

Posted Sil

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序相关的知识,希望对你有一定的参考价值。

什么是微信小程序?

  不需要下载安装和卸载,触手可及。

  扫一下就能用,用完即走。

开发:

  下载微信开发工具

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

   下载对应的版本

目录结构:

  utils/

    project.config.jaon  微信开大工具的配置信息

    app.js  小程序逻辑

    app.json  小程序公共设置

    app.wxss  小程序公共样式表

  pages/

    主要存放小程序的页面文件,其中每个文件夹为一个页面,每个页面包含四个文件:

    .js  事件交互文件和脚本文件,用于处理界面的点击事件等功能,像设置初始数据,定义事件,数据的交互,逻辑的运算,变量的声明,数组,对象,函数,注释的方式等,其语法与javascript相同。

    .json  主要是json数据格式存放,用于设置程序的配置效果该配置文件只能配置本级目录下的页面配置文件,并且只能对导航栏的相关文件进行配置修改,如用于修改导航栏显示样式,如导航的文字,背景颜色,文字颜色等。其语法跟json语法相同。

    .wxml  界面文件,是页面结构文件,用于构建页面,在页面上增加控件。全称是weixin markup lanuage的缩写,微信标记语言。跟其他一般标记语言一样,标签成对, 标签名小写。可以通过引用class来控制外观,也可以通过绑定事件来进行逻辑的处理,通过渲染来完成我们需要的列表等。

    .wxss  样式表文件,类似于前端中的css,是为.wxml文件和page文件进行美化的文件,让界面显示的更加美观。例如对文字的大小,颜色,图片的宽高,设置个.wxml中个组件的位置,间距等

  

  注意:

 

    小程序每个页面必须有.wxml和.js文件,其他两种类型的文件可以不需要

 

    文件名称必须与页面的文件夹名称相同,如index文件夹,文件只能是index.wxml、index.wxss、index.js和index.json.
 
基础配置

 

  

(菜鸡的第一课,请指教!)

以上是关于微信小程序的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序视图层WXML_模板

7-微信小程序 模板(template)

vscode 开发微信小程序环境配置

微信小程序json数据如何处理?

微信小程序第七天WXML语法之模板用法

微信小程序第七天WXML语法之模板用法