• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

1-3 微信小程序框架结构

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

在html页面开发的时候

一个html页面需要:.html   .css   .js(3个文件)

一个微信小程序页面需要: .wxml   .wxss   .js(3个文件)

他们的结构非常相似,文件也都一一对应,所以学习html的同学可以很快的上手微信小程序

 

根据项目的主目录可以看到新建的项目有2个主目录(page、utils)和4个文件(app.js、app.json、app.wxss、project.config.json)

其中以app开头的为小程序的主描述文件,这3个文件不属于任何一面,且必须放在项目的主目录下,名称也是固定的

app.js:小程序的主逻辑文件,通常是用来注册小程序

app.json:小程序的主配置文件,用来对小程序进行全局配置

app.wxss:小程序的主样式表,在这里设置的样式全局共享,可以被子文件样式覆盖

project.config.json:这个是开发工具的配置项

这4个文件一般情况下就放在主目录下不要去动他

快捷查看详细文档入口:https://developers.weixin.qq.com/miniprogram/dev/quickstart/basic/code.html

 

page目录下又有2个目录:

index、logs:page下的每个目录代表一个页面

通常一个页面有4个文件:.js、.json、.wxss、.wxml(文件名称系统会默认为和文件夹的名字一致,为了整洁也方便管理)

untils下只有一个js文件:这个文件通常用来放js的公共代码

快捷查看详细文档入口:https://developers.weixin.qq.com/miniprogram/dev/framework/structure.html

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
小程序学习-支付以及调起摄像头扫描二维码发布时间:2022-07-18
下一篇:
微信小程序项目快速搭建模板发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap