服务热线 400-660-8066

上海网站建设
首页 站内资讯

上海网站建设

站内资讯
上海网站建设 / 站内资讯 / 行业资讯 / 正文

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

来源: All文章
发布时间:2023-06-26 10:36:35

  随着微信的迅速发展,微信小程序也得到快速发展,现在使用的场景也越来越多,最常见的是我们都会打开健康码,行程码等的手机页面都可以使用微信小程序,下面谈谈微信小程序一些入门级的开发教程。

  首先要安装一个微信开发者工具的软件,如果没有可以到微信开发者网站去下载,一般情况我们下载稳定版就可以了,如下图所示:

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

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

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

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

  接下来我们讲一讲这些公用文件的用处,

  page:就是小程序的内容夹,所有要打开的页面都在这里,例如page/index/index.wxml就是首页的页面。

  utils:用来放置各种各样的JS文件,例如小程序的登录JS文件,调用接口的JS文件等。

  App.js:这是一个必须的文件,也就是小程序的公共的JS文件,一些小程序配置,调用接口的URL,获取设置的信息等都行。

  App.json:主要是用来限制小程序能打开哪些页面,底部的自带菜单的设置也在这里配置,如下图所示:

  Project.config.json:项目配置文件,一般默认就行,不需要设置,如果要更改AppId,可以在这里更改。

  Sitemap.json:没什么用,不用管。

  以上就是讲了小程序自带的文件和文件夹的一些作用,文件夹并不是一定要这样命名,但我们使用默认的是最方便的了。

* 文章来源于网络,如有侵权,请联系客服删除处理。
在线 咨询

添加动力小姐姐微信

微信 咨询

电话咨询

400-660-8066

我们联系您

电话 咨询
微信扫码关注动力小姐姐 X
qr