uni-app怎么写多个checkbox只能选择一个_全栈开发小程序开发过程全记录(二):技术选型, uniapp测评...

本文记录了从零开始开发小程序的过程,包括技术选型的考量。作者对比了原生小程序和uni-app+uniCloud方案,并强调uni-app的跨平台优势和uniCloud的serverless特性,认为它们能提升开发效率。
摘要由CSDN通过智能技术生成

微信小程序火了很久了,不用安装APP,随用随走,确实很方便

从零开始开发一款小程序,要经过什么样的过程呢?

从确定需求-》功能设计-》开发测试-》审核发布,将深度复盘整个小程序开发的全过程。持续关注这个系列的推文,希望有所收获。

喜欢写程序的董GaGa

d9bfbac8ee5a82cfd3e53a06900dfe9a.png

明白了小程序要实现什么样的功能之后,就进入到了下一个阶段,技术选型。

简单说来,就是用什么样的技术框架来开发出满足上述需求的小程序。

00734deeaae17fa8add376dd06bc17c6.gif

中午想吃宫保鸡丁,在下厨房上找菜谱,会通过有多少人做过,做出来好不好吃,都需要用什么材料,加工过程复不复杂等考虑因素,选择一个适合自己的菜谱,然后“照猫画虎”做出这道菜。

写程序在本质上和做菜是一样一样滴。

接下来,先列出几个技术实现的候选方案,我们一一评估一下,看看哪个更适合。

方案一:

原生小程序——微信提供的开发小程序的技术方案,不使用任何第三方框架

SpringBoot——基于java语言的后端框架

方案二:

uni-app——第三方框架,uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台,解决了多个平台,分别需要些多套代码,开发效率低,开发成本高的问题。

uniCloud——uniCloud 是 DCloud 联合阿里云、腾讯云,为开发者提供的基于 serverless 模式和 js 编程的云开发平台。

方案三:(多了解这类工具是特别好的习惯)

变色龙云、上线了等非技术人员可以制作出小程序和APP的工具

7feac7f95ca652fe10848e994559df92.gif

第一套方案一直是我以前所采用的开发小程序的方案。

所以在这次技术选型的时候,我们先评估一下第二套方案的可行性。然后再把第一套方案和第二套方案做对比,最终确定选择哪一个。

接下来的复盘内容,主要是了解、学习、评估uniApp+uniCloud。

我自己了解一套新的技术框架的第1步:

就是跑通——hello world!!(如果跑通这最简单的一个东东都会耗费你很多的时间和精力,建议这个技术方案就pass掉,现在是敏捷开发的时代,易用性一定是很重要的考量指标) 

先来体验一下,uni-app,按照下面提供的攻略,一步一步来:

1注册 根据微信官方指引填写信息后者百度一下,小程序注册,有很多的教程或者视频,按照提示步骤,一步一步来,就可以完成小程序的注册。(有事儿找度娘,准没错)2安装开发工具 因为要试用uni-app,必须安装HBuilderX工具,这个是捆绑的,没得选择。 当然微信小程序的微信开发者工具也是要安装的,微信开发者工具呢建议还是安装最新版的,原因当然是最新版的会不断加入很多新特性。 可以跟着B站上的教学视频,学习怎么安装这两个开发工具。

《Uni-App从入门到实战-黑马程序员杭州校区出品》的第二节课讲的还是比较清楚的。

3Hello world 一下

《Uni-App从入门到实战-黑马程序员杭州校区出品》的第二节课的后半部分,详细的讲解了,怎么创建一个最简单的Uni-App项目。

小结uni-app,值得学习和使用

eb055c452d7f0fdd0cdfb59d5e6ef909.png

参考资料: uni-app官网 : https://uniapp.dcloud.io/手把手带你实战uni-app小程序项目 (点我,可以直接跳过去) B站教学视频《 Uni-App从入门到实战-黑马程序员杭州校区出品 》

 ✏️作者:董GaGa 一个很懒的人,喜欢变着法的找到工作中那些讨厌的重复性事项,运用工具+个样的解决方案,让工作这件事儿更有意思;她学习的目标是:学了就得用的上,用不上的懒得去学。

31a72731ab0e796d5129f6dc510ec5bf.gif b1fe6c9f24813ee694a73e086fe6409f.gif
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值