打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
跟着我做一个微信小程序(1)微信开发框架

小程序开发流程:

4.跟着本系列文章一步一步实现一个小程序

至此本人默认你已经完成上述工作,并且你已经了解并具有一定的编程或者网页制作经验。

正式开始首先打开小程序开发工具,应该是如下图这个样子

第一次打开开发者工具界面

1.项目目录,选择一个目录放置你的小程序,按照国际惯例还是英文目录比较安全,虽然微信小程序支持中文。

2.Appid这个做过公众号的读者都很清楚,但这个并不是公众号的appid他是小程序独有的appid。登录你的小程序账号在开发配置里可以看到或者更改。

3.若没有appid也可以点击体验小程序或者小游戏来体验开发,但部分功能会受到限制。

4.以上都没有问题了,在这写上你想写的项目名称,然后点击确定就可以愉快的开始了。

程序自动建立的快速启动模板

如上图所示,我们启动后,系统自动为我们创建了一个快速启动模板.

1.点击获取头像按钮可以获取当前管理员微信的头像及昵称。

2.国际惯例打印一个hello word

3.圆圈圈出来的就是微信小程序的总体框架及程序结构。

4.方块画出来的是微信小程序开发过程中需要用到的调试及信息窗口。

开发微信小程序必须先要了解微信的开发框架配置,包括app.json配置、app()函数的使用、page()函数的使用、数据如何绑定到页面、条件判断和列表渲染、文件引用等等。今天我们说说app.json配置文件.

app.json是一个小程序的全局配置,有5个主要功能:

1.决定页面文件的路径。

2.配置窗口在小程序的呈现状态。

3.配置TAB标签导航.

4.设置网络超时时间.

5.配置debug模式

app.json文件

app.json的默认代码

这里我们对照代码一步一步说明app.json

1.pages函数配置了当前小程序的页面文件路径

2.windows函数配置了当前窗口的呈现模式,

详细说下windows函数的代码

1.下拉背景字体、载入图片的样式,只要两种模式drak和light

2.导航栏背景颜色.

3.导航栏标题文字内容.

4.导航栏标题颜色,只支持black/white。

对比本图很容易看出windows函数描述语句的效果

今天就到这吧,明天我们继续一起分析下配置tab导航标签。

本系列文章为原创文章今天开始若时间充足我会每天更新一个知识点,作者水平不高全程白话,每次讲解内容不会太多。希望各位可以讨论或者私信都会及时回复!

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
SAP UI5和微信小程序对比之我见
微信小程序云开发入门到发布上线
通宵吐血赶出的全球首篇微信应用号开发教程!
微信小程序教程入门篇 (1):10分钟从0开始写一个hello world,极其详细
微信小程序大神牛首款微信小程序开发源码
从微信小程序切入,布谷答题揭秘答题小程序如何开发(官方教程整理)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服