手机版

一个基于mpvue的小程序开发和在线战斗

时间:2021-12-10 来源:互联网 编辑:宝哥软件园 浏览:

小程序名:一起打车项目地址:客户端:https://github.com/jrainlau/t.服务器:https://github.com/jrainlau/t.

小程序二维码:

经过两个晚上的努力,终于开发出了自己的第一个小程序,并在网上发布。整个过程相当顺利。因为使用的是mpvue方案进行开发,所以可以享受到与vue一致的流畅开发体验。系统在后台使用了python3 flask框架,用最少的代码完成了小程序的后台逻辑。除了开发,我还体验了一个微信小程序的开发过程,包括开发者工具的使用,体验版的发布,在线应用等等。这些开发经验非常值得记录,所以我趁热打铁写了这篇文章。

一、需求功能

由于公司里有相当多的同事住在同一个小区,上下班的时候经常会在公司群里组织拼车。但由于完全依赖聊天记录,很多同事拼车上下班,依靠群聊很容易刷掉新闻,容易造成信息混乱。在这种情况下,完全可以开发一个小工具来解决这些问题。

发起拼车的人以卡片的形式分享出发地点、目的地和出租车信息。参与拼车的人可以通过点击卡片选择参与拼车,可以看到拼车的朋友是谁,打车的信息等等。

交互过程如下:

记一次基于mpvue的小程序开发及上线实战(图1)

如你所见,逻辑很简单。我们只需要保证生成拼写列表、共享拼写列表、进入拼写列表和退出拼写列表四个功能。

并确定了要求和功能。首先根据小程序官网的介绍,注册小程序,得到appId。然后,我们可以开始开发背景逻辑。

二、后台逻辑开发

因为时间短,功能简单,没有考虑任何高并发等复杂场景,只考虑了功能的实现。从需求逻辑可以知道,实际上后台只需要维护两个列表,分别可以存储所有当前拼车列表和所有当前参与拼车的用户。数据结构如下:

所有当前拼写列表列表列表记一次基于mpvue的小程序开发及上线实战(图2)

当前参与拼车的所有用户列表:收件箱记一次基于mpvue的小程序开发及上线实战(图3)

当用户确定并共享拼写列表时,将直接创建一个新的拼写列表,该用户将被添加到当前参与拼车的所有用户的列表中,并被添加到拼写列表的成员列表中:

记一次基于mpvue的小程序开发及上线实战(图4)

只要维护好这两个列表,下一步就是具体的业务逻辑。

为了快速开发,这里我使用了python3烧瓶框架。不了解python的读者在这里看到python也不用紧张。代码非常简单明了,所以看一下也无妨。

首先,创建一个新的账单控制器类:

类别账单控制器:账单列表=[]在插图中=[]

版权声明:一个基于mpvue的小程序开发和在线战斗是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。