美文网首页
小程序项目整体结构介绍

小程序项目整体结构介绍

作者: 名聪小先生 | 来源:发表于2019-11-19 17:33 被阅读0次

    自我介绍

    首先我先自我介绍一下,在学习小程序之前我是一直在做本职的工作,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:是否允许被微信索引,比如说用户输入某个关键字的时候是否展现出当前小程序给用户看。;

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

    相关文章

      网友评论

          本文标题:小程序项目整体结构介绍

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