本帖记录小程序从思路到开发结束的全过程。

一个微信小程序的的诞生

记得七月底回家时候,我老姐说:“哎呀现在这个记忆力越来越差了,连你的生日都记不住了”,咱也不知道是真的记忆力退化还是选择性的记忆退化,咱也不敢问啊,所以就有了一个微信小程序的诞生。反正我不管你是不是真记不住(哼 我估计就是没准备礼物给自己找台阶下呢)以后每年到日子它就帮我提醒你。想想就觉得好贴心(可能我姐并不这么想),那就话不多说撸起袖子就是干。

开始总是简单的

已经有了终极目标,那就细化一下具体功能。初步的设想就只有两个功能第一是记录时间,比如《我的生日》,还有纪念日,还有倒计时等等...  这时突然想到老姐总吐槽我不够关心她,然后临决定添加一个愿望清单的功能,想象一个场景老姐在1000公里之外的老家刚许下一个愿望,我在千里之外马上给他实现了,那她一定很开心吧。最后整体思路和功能点确定,下面就开始为期不知道多少天的码农生活。

过程总是曲折的

本以为一个叱咤前端3年的大(小)神(虾)开发这样一个简单的小程序那还不是手到擒来,嗯 历史总是惊人的相似,开发上一个小程序的时候我也是这么想的。实际上坑位还是一个接着一个来等着我跳下去。说来话长让我们从头捋一捋。

先说一下我选的技术栈,因为想要三端发布(微信,Android , IOS),在uni-app和Taro两个里面纠结了好久,最后选了uni-app,因为我的vue要比react强一点...

技术栈确定下来,然后开始一路傻瓜式创建,创建微信小程序,创建uni-app项目,下面是我的项目目录。

整个项目有14个页面,下面是部分页面路由。

下面是一些项目功能点的截图。

是不是很好看,本来也没什么审美,更没有ui设计的功底,所以能做到这个地步我惊觉得很欣慰了。然后就到了我遇到的第一个坑了,就是在iOS系统里所有的时间都是NAN ,本大神(小虾)还是第一次遇到这个情况,后来经多方验证后明确问题出在时间分隔符上,iOS不支持 ‘-’分割时间 , 只支持 ‘/’来分割时间。

因为之前开发的小程序后端是自己写的node服务,所以这是我云开发,云数据库,所以后台开发部分还是很曲折的。还在小程序功能点不是很多,所以数据库两也不是很大,一共就5张表,4个云函数就搞定。唯一卡壳的地方是定时任务清算。到这不得不吹一波腾讯的云开发,个人觉得有了云开发彻底拯救了很多不会后台语言的前端小同学,关键是云开发不需要你有服务器,和域名。而且我也觉得只要小程序整体服务量不是很大的情况下,基本都可以尝试一下云开发。现在有一种被腾讯游戏坑哭之后,来云开发这里找安慰的感觉。

结局总是美好的

不管怎么说明年老姐一定不会忘了我的生日了,而且还可以悄无声息的帮她实现愿望,时不时的给她惊喜。

好啦,现在我来发表一下获奖感言,这个小程序总体大概开发了14天左右,因为白天一直在上班,只能用一些碎片化的时间来做,所以相对慢一点。整体还是很满意的,也很开心,通过自己的技能来给家人和朋友做一些方便的小工具啊,小脚本啊,小程序啊什么的。这也是我当初选择做程序员的原因之一。

最后附上小程序码,欢迎大家点评!!!

记录我开发的第三个小程序的心路历程相关推荐

  1. 小程序云开发从前端到后台实战记录,开发一个完整功能的小程序

    小程序云开发从前端到后台,开发一个完整功能的小程序 一.编程基本知识要求 有vue 或wpf经验者很好理解 有mongodb经验者很好理解云后台 二.理解微信体系 微信有三个平台 1.开放平台 2.公 ...

  2. android开发资料!4年小Android的心路历程,附大厂真题面经

    前言 经常在群里听到大家对Android抱有一些消极的态度,说Android凉了,想要换个方向,但是如果换个方向就能变成大牛的话,那大家都换就好了. 其实任何方向都存在"二八"定律 ...

  3. 抢饭碗?这位 05 后开发三款小程序!

    整理 | 伍杏玲 出品 | CSDN(ID:CSDNnews) 2017 年 1 月 9 日,微信小程序横空出世.而后,支付宝小程序.百度小程序.12大厂商联盟的快应用等纷纷入局,在短短两年的时间里, ...

  4. Android 音乐播放器的开发教程(三) 小卷毛播放器的主界面开发 ---- 小达

    Android 音乐播放器的开发教程(三) 小卷毛播放器的主界面开发 拿好素材之后,打开你们的开发工具,小达这里用的是android studio1.0, 新建一个项目,打开activity_main ...

  5. 微信小程序开发系列七:微信小程序的页面跳转

    微信小程序开发系列教程 微信小程序开发系列一:微信小程序的申请和开发环境的搭建 微信小程序开发系列二:微信小程序的视图设计 微信小程序开发系列三:微信小程序的调试方法 微信小程序开发系列四:微信小程序 ...

  6. 小程序·云开发实战 - 校园约拍小程序

    创意来源于生活,之所以开发这个校园约拍小程序,是因为在摄影选修课上常听老师抱怨外出写生老找不到模特,许多大学生都想拥有一套专属自己记忆的摄影作品,记录下不会磨灭的美好回忆,可如何找到让自己满意的摄影师 ...

  7. 云开发制作二手商城微信小程序

    从零到有云开发制作二手商城微信小程序 步入大三,和几个小伙伴用三周时间一起制作了一个小程序. 我们刚开始尝试了微信JS前端+JAVA后台的方法,但是由于缺少前端后台传数据的知识,最终选择了云开发的方式 ...

  8. 微信小程序开发系列 (四) :微信小程序的页面跳转路由设计

    笔者由于工作需要,曾经参加过一个微信小程序同 SAP 系统集成的项目,因此从零开始学习了微信小程序的开发知识.这里通过系列文章把自己所学分享出来,希望对相关学习者有所帮助. 本教程前面三篇文章: 微信 ...

  9. 有三AI小程序上线,把你的代码show给世界

    文/编辑 | 言有三 五一期间不发技术文影响大家休假,不过经过有三这几天的折腾,今天有三AI小程序上线了,虽然是很粗糙的一个版本,但是哆哆嗦嗦,勉勉强强地也能用了,给大家介绍一下,体验码如上. 为什么 ...

最新文章

  1. xebium周末启动_我如何在周末建立和启动聊天机器人
  2. python web-2019年Python Web五大主流框架
  3. UA MATH566 统计理论 QE练习题2.2
  4. 【IDEA】怎么把idea的目录结构,以文本形式输出?
  5. SAP Commerce配置属性的优先级
  6. jni数组使用(一)
  7. 缺失magisk正常工作所需的文件_magisk常见错误日志代码 面具模块报错解决措施...
  8. css 压缩后出现了问题,觉得js或css压缩后不好调试?你应该认识一下source map了...
  9. 创业1年半,烧光130万:我总结了哪些教训?
  10. 计算机只报数字怎么调成音乐,电脑怎么设置一锁屏音乐就停?
  11. 一起来学SpringBoot(十)缓存的使用
  12. 用transform:scale();缩放
  13. python while true try except_Python为true时,Try/Except,返回valu
  14. Coreldraw支持的所有文件格式
  15. 前端工程师必备九大网站
  16. 【腾讯云 Finops Crane 集训营】深入了解 Crane 开源项目,集训营实验操作指南,体验过程总结
  17. JAVA捕获异常小结
  18. 综合 | 分工,方法学可讨论的点
  19. 如何看计算机网络中的“节点”和“结点”
  20. vue 分页查询条件的缓存

热门文章

  1. 华清远见上海中心22071班 8.25作业
  2. 绘制近红外光谱特征选择筛选出的变量分布图
  3. 安全技术系列之反弹Shell
  4. IND-wks-第三周
  5. 烂了大街的 Spring 循环依赖问题,你以为自己就真会了吗?
  6. 从Apollo看长轮询
  7. 学习大数据的第47天(HDFS以及Zookeeper)——HDFS的重要架构知识点以及zookeeper的安装和基本命令
  8. Hololens安装教程
  9. 2021年中国体育彩票销售现状及全媒体时代体育彩票的营销策略分析[图]
  10. 互联网体育大爆发,中国巨头顺势而为