微信小程序实战 《跨时空》旅行日记小程序
来源:互联网 发布:erp软件好学吗 编辑:程序博客网 时间:2024/04/29 09:39
题外话
我喜欢旅行,在正文开始前,先向有共同兴趣的朋友推荐一个自己每次出行前必装的 APP —— 面包旅行。我主要用它来写旅行日志,每天行程结束,我都会将当天拍的照片上传并做简单的文字记录,记录是回顾一天行程的最好方式,也方便日后回忆。由于面包旅行的旅行日记基于旅行爱好者分享(UGC),相对比较纯粹,我平时还会在上面浏览旅记,常常能在不经意间找到打动自己的图片或文字。
小程序由来
但后来发现,APP 的记录和浏览两部分功能,应用场景分别是旅行中和非旅行中。而对于和我一样的大多数普通人,大部分时间并不是在旅途中,而是在工作、生活里。也就是说,这个 APP 我同一时间点几乎只会用到一半的功能。于是我就在想会不会有一天官方把两部分功能独立成两个 APP ,但这件事至今没有发生。小程序的出现让我想起了这个心结,“一个小程序只做一件事” 、 ”无需安装,用完即走“ 的理念不正是为此量身定制么?大部分时间里我想要的无非是在排队或等车的碎片时间里,翻翻旅记消遣和排解一下,不需要消息推送的打扰,也不想一遍遍重复 APP loading 界面。
开发过程似乎并不艰辛(毕竟 “我是我的产品经理” 的感觉和面对工作任务完全是两码事),倒是多次审核被拒有些失落,从审核之严亦可见微信对小程序期望之高,不过这对于用户而言其实是好事。开发和审核展开说的话篇幅较大,后续可能单独拎出来说,这里主要介绍“跨时空”小程序的几个功能界面。
功能介绍
1.首页:旅记推荐
首页是“推荐”旅记,从面包旅行随机拉取质量较高的旅行日记列表。适合漫无目的的浏览。每个 banner 背景图是旅记封面,还包含的标题、访次、作者昵称等基本信息;
跨时空小程序-首页
跨时空小程序-旅记详情页
跨时空小程序-卡片页
点击查看旅记详情页,一篇旅记是由许多照片+配文的卡片所组成,标题边上是作者头像,点击可以进入个人主页。点击卡片则查看卡片的互动情况,类似朋友圈的点赞和评价数。
推荐模块的信息结构是:旅记列表 - 旅记 - 卡片
2.发现:旅行地点分类
首页底部第二个导航“发现”,这里按照地域和主题分类的旅行目的地列表。如果你对某个地点的旅记感兴趣,这里会是不错的去处。
跨时空小程序-‘发现’导航
跨时空小程序-‘目的地’列表
跨时空小程序-‘精品游记’列表
点击方块进入”热门地点”,地点详情页还未完成,所以目前还只能查看到”旅行地点”列表。和“精品游记”列表中的旅记,这里和首页类似,只不过所有游记都是在指定旅行目的地发生的。
”发现”模块的信息结构:目的地列表 - 热门地点/旅行地点分类/精品游记
3.我的:个人中心
以及第三个导航“我的”:这部分是最晚开发的,目前做了个任务列表,微信登陆后可保存和同步任务信息。
跨时空小程序-‘精品游记’列表
跨时空小程序-旅记详情页
跨时空小程序-分享消息
如果遇到喜欢的内容,还可以分享到聊天会话中,召唤小伙伴一起欣赏。如截图所示,目前小程序分享内容时会自动截取当前页面,作为分享链接的封面,这样接收到分享的人就可以很直观的了解到你所希望传递的信息啦。
广召天下英雄
正如你所看到,目前“跨时空”还有许多待完善的细节和功能点。要知道目前实现的,还只是本人作为一名开发者所能想到的,而内容展现亦非小程序大施拳脚之地,结合小程序提供的 LBS 、线下扫码能力,将有无限可能待你我发掘。所以借此发个英雄贴【请谅解一名开发者的狗(kai)粮(yuan)情节 —— 觉的自己做的狗粮好吃,就一定要向全世界宣布制作方法】
对“跨时空”小程序感兴趣也希望一同改进的朋友:如果你有想法又懂编码,欢迎 fork ( https://github.com/FJUT/weapp-demo-breadtrip/fork ) 和提 PR;对于有想法但不会编程的可以把想法和意见提到 issue;对于纯粹热爱旅行、喜欢小程序的朋友,如果你认可我们所做的努力和付出,请点击右上角菜单按钮,将喜欢的旅记/卡片分享到志趣相投的微信群/好友
- 微信小程序实战 《跨时空》旅行日记小程序
- 微信小程序 实战小程序实例
- 程序时空局部性访问
- T001-你好,小程序-《微信小程序项目实战教程》
- 微信小程序,引爆新热点!JEECG社区小程序实战培训,业内首发,实战干货!
- 携程旅行(小程序,旅游类)原型设计
- 小程序实战--仿bilibil(哔哩哔哩)小程序
- 微信小程序开发实战
- 微信小程序实战
- 微信小程序实战-仿盒马鲜生
- 微信小程序日记(二)
- 微信小程序踩坑日记
- python 实战:文件备份小程序
- swift实战小程序1天气预报
- Python实战小程序——字符串
- 微信小程序实战(1)——微信公众平台小程序开放公测
- 微信小程序实战(2)——注册、预览小程序
- T002-小程序背后的野心-《微信小程序项目实战教程》
- 微信小程序 canvas API
- javaWEB总结(16):jsp错误页面的处理
- Linux&&Android命令
- Fragment在生命周期中是如何走到onCreateView的(一)
- 织梦系统(DEDECMS)后台模板修改3
- 微信小程序实战 《跨时空》旅行日记小程序
- 343. Integer Break 类别:动态规划 难度:medium
- mysql免安装版1067错误终极解决办法
- 在UE4中使用Module
- A child container failed during start,Caused by: java.lang.ClassNotFoundException
- 操作系统总结(七)死锁
- 《生活中的脚本》- 过年回家如何省钱地给孩子们发红包~
- LibSVM for Python 使用
- 【编程之美】之初探Struts1