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

分享于 

3分钟阅读

GitHub

  繁體
微信小程序-美食地图(开发中)——“发现最地道的美食”
  • 源代码名称:gourmet_map
  • 源代码网址:http://www.github.com/LanceCong/gourmet_map
  • gourmet_map源代码文档
  • gourmet_map源代码下载
  • Git URL:
    git://www.github.com/LanceCong/gourmet_map.git
    Git Clone代码到本地:
    git clone http://www.github.com/LanceCong/gourmet_map
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/LanceCong/gourmet_map
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    项目简介

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

    项目入口

    小程序二维码

    截图

    项目说明

    功能清单

    • 美食点列表:当前位置为中心,周围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优化

    相关文章