微信小程序傻瓜制作_微信小程序傻瓜式入门教程和开发总结分享,真的很傻瓜!...

给小程序零基础的开发者的傻瓜式教程。

开发小程序基础:HTML、CSS、JavaScript。不过本文暂不考虑这些,我们来大体介绍一下

首先,要开发小程序你需要申请一个微信公众平台账号,在微信公众平台用自己的微信号直接申请就可以了。

然后就要下载开发者工具来写代码、上传、预览。微信公众平台有提供登录。

项目目录是你的代码存放地;AppID是小程序的账号,需要申请,且每个邮箱只能申请一个,我们可以先体验小程序来跳过输入AppID(远程调试等功能会不能使用,但不影响我们写和编译);项目名称是在开发工具上显示的名字,和小程序内容无关,就是个昵称。

快速启动模板是微信为了让使用者快速入门提供的一个简单的Hello World!程序,内容代码包含很多注释,可以快速上手。

打开以后长这样。开发工具的具体各种功能都是傻瓜式的,与一些开发工具差别不大,自己探究吧!

可以看到快速启动模板上有两个文件夹和四个文件:pages和utils,app.js、app.json、app.wxss、project.config.json。

pages文件夹里面存放的文件是要显示的各页面,每个子文件夹就是一个页面的内容,子文件夹又包含4个文件,.js、.json、.wxss、.wxml。

.wxml文件是界面文件;

.js是事件交互文件,用于进行逻辑处理;

.wxss为界面美化文件,控制界面格式;

.json为每页配置文件,可以修改导航栏显示样式;

其实整个小程序就是由这四种文件构成的各个页面。

utils文件夹 主要用于存放一些全局调用的.js文件,比如需要用到的外部API等。

在根目录下的app.js、app.json、app.wxss等文件主要功能也如上面所说,但app文件主要负责全局调控。

app.js : 方法处理文件,进行程序刚开始运行时事件处理,处理小程序的生命周期函数;

app.json : 全局配置文件,配置小程序的所有页面(所有页面必须先在这里声明),小程序背景色,导航条样式,标题(注意该文件不可添加任何注释);

app.wxss : 全局的界面美化,配置页面默认样式,当加载其他页面时,当前页面的wxss文件会覆盖app.wxss文件;

由于名字叫小程序,所以程序一定要小,官方规定代码不可以超过5M。

如果对你有帮助,赶快关注吧!

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值