开工啦-耗时4天写了一个小程序 - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 小程序相关 >

开工啦-耗时4天写了一个小程序

发表时间:2021-2-20

发布人:葵宇科技

浏览次数:41

开工啦!新的一年新的气象;首先祝愿大家在新的一年财运滚滚。在过春节的这几天笔者花了大约 4 天 时间做了一个简易版本的【日程安排吧】微信小程序。做此程序的主要目的有两个:

  1. 给女朋友情人节一个礼物;
  2. 想记录一下自己每次出游的日程安排以及照片

假如女朋友让你安排一下周末出去玩儿的攻略,我们可能会搜索一堆资料,然后大致的在微信里面回复她说,什么什么时间做什么;其实很多时候,我们做了一堆攻略,拍了一堆照片;照片和记录没有更好的关联起来,其次朋友找我们要起去某某地方的攻略时,我们不得不翻箱倒柜的去找自己之前的记录;在我们遇到手机损坏图片没有来得及存放在云端时,一部分珍贵的照片就会消失掉。

诚然,现如今有一堆类似于【小红书】类型的 App 或者软件去做攻略分享的软件;此类App功能及广告比较多,无法集中精力去做指定的事情;还有就是想做一个自己的小程序记录一下自己/对象的出游。

前言: 此小程序共计耗时 4 天初步完成,有诸多不足之处敬请谅解。

首页主要功能:

  1. 展示个人创建的日程安排以及别人公开的日程安排;
  2. 查看个人相关的功能

首页-个人创建的首页-公开个人信息页
如何创建一个日程?


日程创建主要分为三个步骤:

  1. 填写日程名称;
  2. 选择日程时间
  3. 填写内容

之所以如此设计的原因主要因为,想减少一下手机端编写列表;做成类似于 xmind 的形式,也许更加直观。

创建-填写名称创建-选择时间创建-填写安排

预览日程主要有一下几个特点:

  1. 背景全屏自动播放自己上传的图片;
  2. 背景图片点击进入图片预览模式,长按可以下载图片;
  3. 可以查看日程安排详情,点击左侧按钮可以将详情收缩到 mini 模式;
  4. 可以点赞或则编辑日程
日程详情-全预览日程详情-mini 模式

在我们已经创建日程之后,想要上传一些图片可以选择编辑日程;日程的编辑中您可以再次对名称,时间,内容等进行修改;也可以点击上传自己的图片。

除了以上功能,还有一些简单的点:

  1. 自定义首页和详情页展示顺序;
  2. 给程序员小哥提需求
自定义顺序程序员小哥提需求

此公众号做了一个技术博文,且作为一个合格的程序员小哥肯定是要聊聊整个程序是什么做的?

此小程序共计耗时 4 天初步完成,有诸多不足之处敬请谅解。

微信 小程序端 主要使用了:

  1. 微信原生小程序开发;(不要问我为啥,因为小程序原生开发真的不难);
  2. 组件库部分使用 vant 组件;其余为自定义组件

项目目录如下:

后端程序的技术栈为: Koa2+mysql+sequlizejs+cls-hooked+redis+typescript

功能点:

cls-hooked
sequlize
koa-static
redis

项目目录如下:

相关案例查看更多