/gourmet_map

微信小程序「美食地图」——“发现最地道的美食”

Primary LanguageJavaScript

项目简介

通过这个小程序,用户可以通过列表或者地图的方式,查看身边的地道美食,在美食详情页,可以点击“查看位置”,就可以导航过去,寻找地道美食。用户也可以把自己发现的地道美食推荐给大家,特别是自己家乡的特色地道美食!

项目入口

小程序二维码

截图

项目说明

功能清单

  • 美食点列表:当前位置为中心,周围top50的美食点列表。
  • 美食点详情:查看美食点详情,点击swiper可以预览图片,可以查看地理位置信息,可以评论(无回复功能)
  • 查看地图:已地图的形式显示美食点。
  • 新增美食点:发现地道美食,选择位置信息,拍至多3张照片,附上标题、地址及说明,可以新增一个美食点。

项目架构

  • 前端用微信小程序的那一套,文档地址:https://mp.weixin.qq.com/debug/wxadoc/dev/api/
  • 后端用的Bmob,就用到3个表:wxuser gourmet comment,为了灵活配置一些东西,你可以弄个config表,例如配置最多上传的图片个数 。官网:http://www.bmob.cn/
  • 小程序具体项目架构规范,请参考官网文档。

准备工作

快速开始

第一步,git clone git@github.com:LanceCong/gourmet_map.git,下载代码。
第二步,复制项目中/utils/bmob_init_pub.js,粘贴到当前路径,命名为bmob_init.js。
第三步,修改bmob_init.js,改成你的 Application ID和REST API KEY。
第四步,然后就初始化好项目了,导入微信的的“web开发者工具”,扫码运行吧。

需要帮助

  • 一个icon(有更好的创意的话)
  • Bmob更高权限(目前来看貌似够用了)
  • 一个认证的小程序账号。
  • 更好的UI设计(详情页面参考小程序“心邮”)

BUG

  • 发现坑欢迎修复提交合并。

TODO

  • 美食点按距离排序(貌似是Bmob的bug,near方法没用,年后再问客服)
  • UI优化