美文网首页
微信小程序之新建项目

微信小程序之新建项目

作者: 骑码走天涯 | 来源:发表于2021-11-05 05:27 被阅读0次

一、申请小程序

1.打开小程序API文档页面
2.下载小程序开发工具,按照对应自己电脑得版本下载即可。


安装开发工具

二、创建项目

1.文件夹创建项目和项目名称。
2.AppId是自己小程序独有的,我这里就选择测试号的。
3.直接选择确定,开发工具就会帮我们自己创建脚手架了。


创建项目

三、脚手架项目

1.新建成功以后,我们就可以看到以下的界面。

(1).新建成功以后,我们就可以看到以下的界面。我们稍微讲解以下。小程序就分为了3层(2层),我将其命名为App层,页面层,还有组件层(可以把组件层归为页面层)。
(2).形象一点描述就是,App层是一部手机,页面层就是我们看到的页面,例如点开手机看到的锁屏页等。组件层可以理解为页面里面放的一些app,比如手机首页放了一个微信,那么微信就可以当成是一个组件。
(3).App层有三个文件,分别是app.js,app.json,app.wxss。而页面层有四个文件,分别是.js文件,.json文件,.wxss文件,.wxml文件。
(4).App层的文件名是固定的,只能叫app.***。页面层的文件的文件名是根据页面名称决定的。

2.文件区别

(1).js文件就是存一些方法,一些逻辑交互等。例如页面跳转可以在js里面写。这个js与前端的js其实是一个东西,语法什么的都完全一样。
(2).json文件就是存一些配置,例如在app.json文件中,会存放一些页面数据,即有多少个页面之类的。
(3).wxss文件,就是前端的css,存放样式。
(4).wxml文件,就是前端的html,但是一些组件的名称会有所不同。

3.个人理解

app层只有三种文件,但页面层却有四种文件,我个人认为,应该是app层不需要页面。比如手机只是一块废铁,我们手机本身是不用页面的,所以就不用wxml这个文件。但是为什么要wxss页面呢,这就是由于我们需要设置一些全局的样式,例如我想全部页面的按钮都是红色的,我们就需要在app.wxss里面修改,想要本页面按钮都是红色的,那就在自己的wxss设置即可,主要区分全局和私有。

开发工具主界面

五、技术栈

1.阅读小程序API文档里面的指南、框架、组件和API熟悉下,开发便可快速上手,提高效率!
2.轻量级,组件化开发,拥有强大API方法,开发成本低,无需下载占用内存,有自己的社区活动。
3.小程序某值想更新,得通过this.setData异步赋值完成更新。

相关文章

网友评论

      本文标题:微信小程序之新建项目

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