【微信小程序企业级开发教程】微信小程序目录结构
文章目录
- 1 项目路径下的文件:
- 2 pages/index 文件夹下:
- 3 pages/logs 文件夹下:
- 4 utils 文件夹下
- 5 总结
1 项目路径下的文件:
app.js : 小程序逻辑
app.json : 全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。
app.wxss : 小程序公共样式表
project.config.json : 在每个项目的根目录都会生成一个 project.config.json,你在工具上做的任何配置都会写入到这个文件,当你重新安装工具或者换电脑工作时,你只要载入同一个项目的代码包,开发者工具就自动会帮你恢复到当时你开发项目时的个性化配置,其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。
2 pages/index 文件夹下:
index.js : index页面逻辑,用于创建页面对象,以及处理页面生命周期控制和数据处理
index.wxml : index页面结构,语法遵循XML语法
index.wxss : index页面样式表,语法遵循CSS语法,扩展了CSS基本用法和长度单位
3 pages/logs 文件夹下:
log.js : log页面逻辑
logs.json : logs页面配置,此处会覆盖 app.json 中window 设置,也就是说可以设置windows 在设置的属性
logs.wxml : logs页面结构
logs.wxss : logs样式表
4 utils 文件夹下
utils.js : 公共脚本目录
5 总结
一个小程序页面由四个文件组成,分别是:文件类型 必填 作用js 是 页面逻辑wxml 是 页面结构wxss 否 页面样式表json 否 页面配置
【微信小程序企业级开发教程】微信小程序目录结构相关推荐
- 【微信小程序企业级开发教程】小程序的配置详解
文章目录 1 开发文档 2 页面配置 3 全局配置 1 开发文档 https://developers.weixin.qq.com/miniprogram/dev/reference/configur ...
- 微信小程序云开发教程-微信小程序框架的介绍
同学们大家好,我是小伊同学,今天我们来学习微信小程序框架. 微信小程序实质上是一款基于web技术的应用程序,他和我们平常所接触到的前端网页是大同小异的.相同点在于他们使用的开发语言,代码结构以及代码的 ...
- uniapp同步获取用户信息_微信小程序云开发教程微信小程序的API入门获取用户身份信息系列API...
同学们大家好,我是小伊同学,上一节我们介绍了一些常用API,今天我们接着来学习一组API,那就是获取用户身份信息的API. 在微信小程序中,我们往往需要获取用户的身份信息,比如昵称.头像.性别.地区等 ...
- 【微信小程序企业级开发教程】界面刷新获取新更新数据
在微信小程序开发的过程中,在一个页面中对数据操作之后我们大多数时间都需要刷新一下当前界面以把操作之后的结果显示出来,但是如何在执行操作后进行本页面的刷新就成了一个问题很大但是很需要的操作.下面介绍一下 ...
- 【微信小程序企业级开发教程】订阅消息功能
文章目录 1 功能介绍 2 使用说明 1 功能介绍 消息能力是小程序能力中的重要组成,我们为开发者提供了订阅消息能力,以便实现服务的闭环和更优的体验. 订阅消息推送位置:服务通知 订阅消息下发条件:用 ...
- 【微信小程序企业级开发教程】如何搭建服务器(tomcat)后台
文章目录 1 条件 2 步骤 2.1 获取AppID 2.2 服务器.域名(需备案).ssl证书(可免费申请) 2.3 域名备案 2.4 SSL证书(申请与安装配置) 3 微信公众平台中配置域名信息 ...
- 【微信小程序企业级开发教程】事件相关详解
文章目录 1 事件类别 2 事件绑定 3 事件对象 1 事件类别 冒泡事件和非冒泡事件 为什么会有target和currentTarget之分呢,这是由于事件分为两类,冒泡事件和非冒泡事件 冒泡事件: ...
- 【微信小程序企业级开发教程】界面跳转方法总结
文章目录 1 wx.navigateTo(OBJECT) 2 wx.redirectTo(OBJECT) 3 wx.switchTab(OBJECT) 从跳转的方式(或说成打开新页面的方式)来说大致可 ...
- 【微信小程序企业级开发教程】前台收集数据更新数据库表方法
文章目录 这是一个没有目录只有代码的文章哦 感觉大家都能理解代码 就不仔细描述了 前台 后台 这是一个没有目录只有代码的文章哦 感觉大家都能理解代码 就不仔细描述了 前台 <!--pages/l ...
最新文章
- 数据维度爆炸怎么办?详解5大常用的特征选择方法
- 建立实体-关系模型2
- linux中的fg命令
- python logging使用_Python实战之logging模块使用详解
- spark job生成的时间驱动
- 基于单片机的超市储物柜设计_毕业设计论-单片机储物柜
- php表单提交的时候验证失败,解决有时首页表单提交“安全验证失败,请刷新页面后重新提交!”问题...
- gulp打包报错 “Error: Unhandled ‘error‘ event at new JS_Parse_Error”
- cpu和显卡瓶颈测试软件,CPU与GPU瓶颈的详述
- sudo vim找不到
- DSm安装mysql_黑群辉DSM6.17安装图文教程 - 诗风个人博客
- php 用户名长度,Discuz! X2修改注册用户名长度限制解决方案
- 多表查询时,执行速度耗时太多
- ios kb转m_超圣iOS下载
- 小米智能插座监控设备耗电,并自动断电
- 聚合支付行业术语,你get到了吗?
- mac 改键工具 keyremap4macbook or Karabiner
- C++ 字符串格式化
- 无挑战,不 Geek!TiDB 性能挑战赛等你来战
- 高德地图获取坐标距离_利用java、js或mysql计算高德地图中两坐标之间的距离
热门文章
- xface 远程桌面 无法使用tab键盘
- module 'yaml' has no attribute 'FullLoader'
- pytorch permute维度转换
- 在编程和算法领域,有哪些经典问题
- jsp打印日志完整配置
- css3 html5宽高不变,html – CSS圆圈,不使用固定的宽度和高度
- python第一章测试题_第一章 测试【含答案】 Python大数据分析
- 测试规范包括哪些_光学会自动化测试还不够?还差最后这一步!
- 小程序provisional headers are shown_万圣节~英语早教绘本Five Little Pumpkins五个小南瓜...
- idea设置类注释和方法注释