微信小程序的基础配置和目录结构

介绍:昨天学习了小程序的安装和作用,今天就开始小程序的基础知识了,今天主要讲一下目录结构,全局配置和页面配置的一些属性

官方文档地址

https://developers.weixin.qq.com/miniprogram/dev/framework/structure.html.

一.目录结构

如图
在这里插入图片描述

  1. components : 放自定义组件的地方,之前小程序是不支持组件化开发的,后来为了贴合大众开发口味,开始支持自定义组件。组件模版会在后面讲,这里只是了解一下目录构成。

  2. images:存放静态图片的地方,这个项目我只是拿来练手的,所以创建了静态图片,一般商业化应用的小程序图片最好是用cdn来完成。

  3. pages:小程序页面存放的位置,如图:

每个小程序页面都有四个文件组成,分别是:

  1. js:负责页面逻辑
  2. json :负责页面配置,如顶部颜色、个性化设置
  3. wxml:类似于html,页面元素组成。(PS:不像html支持很多标签,小程序支持 view text 和button 等标签
  4. wxss:
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值