400-800-9385
网站建设资讯详细

微信小程序制作之入门级开发教程

发表日期:2022-08-04 09:35:52   作者来源:陈应信   浏览:894   标签:微信小程序制作    
随着微信的迅速发展,微信小程序也得到快速发展,现在使用的场景也越来越多,最常见的是我们都会打开健康码,行程码等的手机页面都可以使用微信小程序,下面谈谈微信小程序一些入门级的开发教程。
 
 首先要安装一个微信开发者工具的软件,如果没有可以到微信开发者网站去下载,一般情况我们下载稳定版就可以了,如下图所示:

 然后打开微信开发者工具,然后点击左上角的“项目”->“新建项目”,如下图所示:

新建项目

然后输入项目名称,还要最重要的AppId,如果还没申请微信小程序账号,可以先使用测试号,如下图所示:

创建小程序

点击确定后,就创建了一个新的小程序项目了。

 
第三,我们可以看到新的小程序界面,左边显示的是世界上的最有名的提示语”Hello World!” ,这是小程序默认的一个首页页面,右边显示的就是小程序的文件了,如下图所示:

小程序开发界面

接下来我们讲一讲这些公用文件的用处,
page:就是小程序的内容夹,所有要打开的页面都在这里,例如page/index/index.wxml就是首页的页面。
utils:用来放置各种各样的JS文件,例如小程序的登录JS文件,调用接口的JS文件等。
App.js:这是一个必须的文件,也就是小程序的公共的JS文件,一些小程序配置,调用接口的URL,获取设置的信息等都行。
App.json:主要是用来限制小程序能打开哪些页面,底部的自带菜单的设置也在这里配置,如下图所示:

json文件

Project.config.json:项目配置文件,一般默认就行,不需要设置,如果要更改AppId,可以在这里更改。
Sitemap.json:没什么用,不用管。
 
以上就是讲了小程序自带的文件和文件夹的一些作用,文件夹并不是一定要这样命名,但我们使用默认的是最方便的了。
如没特殊注明,文章均为方维网络原创,转载请注明来自https://www.szfangwei.cn/news/6499.html