微信小程序开发-耗时4天写了一个小程序

开工啦！新的一年新的气象;首先祝愿大家在新的一年财运滚滚。在过春节的这几天笔者花了大约 **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 , ORM 框架操作 sql;

* koa-static 处理静态资源;

* 支持单文件+多文件上传

* redis 查询缓存

项目目录如下:

# 体验一下

最后，需要来体验一下吗？欢迎各位在小程序内或者底部留言