快捷搜索:  汽车  科技

微信小程序如何快速开发:开发微信小程序

微信小程序如何快速开发:开发微信小程序全局配置:app.json以我的想法为例子,我想开发一款叫做‘迷茫排解器’的小程序。主要思路是让用户匿名方式叙说自己内心的迷茫,别的用户帮助进行排解,再加上一些解压的小零件等等。当然,本文只是简单介绍框架。安装好扫码登陆就可以开始启航了我是输入AppID登录的,具体AppID怎么获取,大家可以网上进一步了解。你也可以游客方式登录,直接新建项目。app.json是对小程序的全局布置 本文的代码和效果都是在app.json中实现。

不知道大家有没有看过一个很火的TED演讲:只需20个小时,你就能学会任何事情。现在你可以花两分钟来了解以下大概思路。

我们经常想要做一件事,却总是行动艰难。是害怕失败吗?不,主要是难在‘开始’。一个无聊的下午,我突然心血来潮,想开发一个微信小程序。但是我对小程序开发一无所知,也没有接触过HTML、CSS和JavaScript。一开始有些手忙脚乱,不知所措,只能慢慢地翻阅文章,看视频教程。但是我用了短短的时间,还是做出了一个框架,来听听我是怎么入手吧。

首先,下载微信开发者工具

搜索”微信开发者“,点击稳定版Stable Build | 微信开放文档。也可以在微信公众平台进入。

微信小程序如何快速开发:开发微信小程序(1)

我下载的是稳定版Stable Build windows 64版本

微信小程序如何快速开发:开发微信小程序(2)

安装好扫码登陆就可以开始启航了

微信小程序如何快速开发:开发微信小程序(3)

开始编写小程序

我是输入AppID登录的,具体AppID怎么获取,大家可以网上进一步了解。你也可以游客方式登录,直接新建项目。

微信小程序如何快速开发:开发微信小程序(4)

app.json是对小程序的全局布置 本文的代码和效果都是在app.json中实现。

微信小程序如何快速开发:开发微信小程序(5)


以我的想法为例子,我想开发一款叫做‘迷茫排解器’的小程序。主要思路是让用户匿名方式叙说自己内心的迷茫,别的用户帮助进行排解,再加上一些解压的小零件等等。当然,本文只是简单介绍框架。


全局配置:app.json

  • “page”是设置页面路径,我设置了两个标签栏,分别是(home[index标签栏]、house[logs标签栏]);
  • “window”是设置默认页面窗口表现,对导航条颜色#EEE000、文本内容“迷茫排解器”的设置等;
  • “tabBar"是设置底部tab的表现,对pagePath页面路径、selectedIconPath选中时图片路径的设置等;

{ "pages":[ "pages/index/index" "pages/logs/logs" ] "window":{ "backgroundTextStyle":"light" "navigationBarBackgroundColor":"#EEE000" "navigationBarTitleText":"迷茫排解器" "navigationBarTextStyle":"black" } "debug":true "tabBar":{ "color":"#444" "selectedColor":"#219bf3" "backgroundColor":"#EEE001" "borderStyle": "black" "list":[ { "text":"Home" "pagePath": "pages/index/index" "selectedIconPath":"images/3.png" } { "text":"house" "pagePath": "pages/logs/logs" "selectedIconPath":"images/2.png" } ] }

以上代码呈现如下效果,虽然还是个空壳,但是等我再无聊的时候,利用我学过C语言和python的基础,再进一步学习前端语言,争取填满这个空壳。

微信小程序如何快速开发:开发微信小程序(6)

大家有没有开发小程序的欲望,欢迎评论区留言

猜您喜欢: