iOS学小程序从0到发布(适合iOS开发看)

时间:2023-03-10 00:57:04
iOS学小程序从0到发布(适合iOS开发看)

Emmmm,最近一波失业潮。富某康、某团、摩某、京某、知某、某浪、58 某大面积裁员,那么在这个千钧一发之际,单纯iOS开发也着实不好过,回过头看一下,裁掉的都是单一选手,为了节约成本公司留下的都是身兼多职的全栈开发工程师。

那么iOS, 有些选手就要找对方向再学一手以备下次被裁员的不是自己。HTML,CSS, JS,小程序,React, React Native浮现在选手面前。 好,进入正题,今天开始从0入门小程序。咦,等等,为什么叫选手呢,因为当前环境下经济不景气都是去竞争口饭吃的,就像是在比赛,故本文称之为选手。

首先,学习小程序开发对于学习iOS开发成本实在是低,低到什么程度呢?低到你单看这篇文章就可以开发并发布小程序。

一:小程序注册

注册小程序帐号

在微信公众平台官网首页(mp.weixin.qq.com)点击右上角的“立即注册”按钮。

关于小程序账号注册填写从相关的各位选手可以去微信公众平台自己看官方文档这里不做详细介绍https://developers.weixin.qq.com/miniprogram/introduction/index.html

iOS学小程序从0到发布(适合iOS开发看)
image

二:这篇文章重点要介绍的是开发工具和代码方面的知识。

微信开发工具下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

那么现在我已经下载好了

iOS学小程序从0到发布(适合iOS开发看)
image

点击小程序项目,进入

iOS学小程序从0到发布(适合iOS开发看)
image

如图,我这是之前已经创建好的项目,会显示在图上右边,如果是本地没有小程序项目,则创建就可以了,相信我们的iOS开发们这些都不是事,emm不行,怕有些 人还是不会,老规矩上图

iOS学小程序从0到发布(适合iOS开发看)
image

好,终于看到代码了,到这里才是本文接下来要讲的重点。

先来看下我们今天要实现的效果。

iOS学小程序从0到发布(适合iOS开发看)
image

再来整体看下代码架构

iOS学小程序从0到发布(适合iOS开发看)
image

先来看四种文件,.js, .json,.wxss,.wxml。

.js处理逻辑,数据,获取网络请求的数据即在这里面

.json 配置文件,比如tabbar的配置,navigationbar的配置等

.wxml创建的控件,比如view,button,map组件

.wxss控件的修饰,比如frame,backgroudcolor等

看到这里是不是感觉有点跟MVVM设计模式相似呀,不同功能的代码分文件来写,一目了然。

好,先看示例首页搜索页面的输入框。

.wxml里

<input class="searchPut" bindconfirm="shouldDone" placeholder="输入来搜索