小程序项目整体结构介绍

自我介绍

首先我先自我介绍一下,在学习小程序之前我是一直在做本职的工作,android开发,因此往后可能会根据android相关的流程思想来学习小程序,先给自己打点灌点毒鸡汤,(同样是移动端我相信学习起来应该不会那么难吧)。

小程序项目整体结构

前言:思考了很久我在想要不要把新建项目步骤啥的都介绍一遍,但是我相信网上有大把的资源可以找的到,因此我在这里就不介绍了。


空的小程序项目

上图是一个新建好空的项目,接下来我介绍下每个文件夹已经每个文件的作用吧:

1,首先第一个pages文件夹:这是一个类似在Android中的java文件夹,这里需要注意的是小程序的一每个页面就一个单独的文件夹。比如有两个界面分别是start页面和login页面,则需要分别新建两个文件夹,一个是start一个是login文件夹,当然命名可以随便命名,这里只是为了方便理解;

2,pages文件夹有一个utils文件夹:这个文件夹用来存放一些公共的js文件,在需要用的时候引入就行;个人的理解是一个js的封装文件夹,减少代码的冗余,增加代码的质量,一般可能很少用到,可以根据自己的项目需求来定义。

3,app.js:官方文档介绍小程序逻辑文件;

4,app.json:小程序的配置文件,给我的个人感觉类似于android中的Mainifest文件类似,(当然也不完全是)例比如说界面的注册,权限申请;

5,app.wxss:小程序的全局公共样式表文件;

6,project.config.json:小程序整个项目的配置文件,类似android中的build文件;

7,sitemap.json:是否允许被微信索引,比如说用户输入某个关键字的时候是否展现出当前小程序给用户看。;

以上是自己的个人理解,后续可能会做修改。会加点个人理解元素在里面;

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 当我们新建好小程序项目第一眼看到目录结构,每一个文件夹或者每一个文件是做什么用的你不知道的话,就静下心来看看我写的...
    邓高鹃阅读 2,984评论 0 0
  • 转载请注明出处, 谢谢! (~ o ~)Y 1月9日,也就是今天,微信推出的“小程序”正式上线。“小程序”是一种无...
    Jimmy_P阅读 14,430评论 52 273
  • 各种帮助类汇总:https://github.com/Blankj/AndroidUtilCode 常用的 ios...
    懦弱的me阅读 1,275评论 0 51
  • 岳父及其兄弟是爱钓鱼的,我虽业余,但兴致和他们丝毫不差。昨天,就过足了瘾。 自购的船,带浆带发动机,从仓库拖到岸边...
    空游的鱼阅读 795评论 0 1
  • 一直在读笑来老师的书,今天看到笑来老师说股票市场和现实世界是两个截然不同的世界,你不能拿现实世界的准则来衡量...
    peace210阅读 247评论 1 1