【融职培训】Web前端学习第10章小程序开发3 目录结构介绍

作者: lmonkey_01 | 来源:发表于2020-07-08 14:25 被阅读0次

【融职培训】Web前端学习第10章小程序开发3 目录结构介绍
【融职培训】Web前端学习第10章小程序开发4 小程序开发
【融职培训】Web前端学习第10章小程序开发5 常用接口介绍
小程序商城开发
【1Day】Joshua—初识html+css学习笔记（1）
好程序员Web前端培训分享程序的三大结构
Servlet基础学习(一)
什么是前端，什么是后端？小程序是用哪个？
好程序员web前端培训分享web开发概况
2018-05-16

一、项目目录

当我们创建好一个项目时，项目的目录如下所示：

可以看出小程序根目录下，有三个app开头的文件(app.js/app.json/app.wxss)，和两个文件目录pages、utils.

其中，utils文件下存放工具类文件，后续用到了，我们再做进一步的介绍。下面我们对其他文件的作用进行介绍

根目录下的三个文件app.js/app.json/app.wxss是对小程序全局的设置。

其中,pages文件下存放的小程序的每个页面

二、项目页面

所有的项目页面都是存放在pages文件夹下面的，小程序的初始项目为我们创建了两个文件夹，也就是两个页面。文件结构如下所示：

文件必填作用

页面的名称.js是本页面的逻辑

页面的名称.wxml是本页面的结构

页面的名称.wxss否本页面的样式表

页面的名称.json否本页面的配置

注意:为了方便开发者减少配置项，描述页面的四个文件必须具有相同的路径与文件名。

三、文件拓展名解释

.json为配置文件

.wxml 为模板文件，相当于HTML模板

.wxss 为样式文件，相当于HTML的CSS样式表

.js 为JS 脚本逻辑文件，相当于HTML的js脚本

【融职教育】在工作中学习，在学习中工作

网友评论

本文标题：【融职培训】Web前端学习第10章小程序开发3 目录结构介绍

本文链接：https://www.haomeiwen.com/subject/tmqccktx.html

延伸阅读

深度阅读

您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

【融职培训】Web前端学习第10章小程序开发3 目录结构介绍

相关文章