简介:
通过这个小程序,用户可以通过列表或者地图的方式,查看身边的地道美食。
在美食详情页,可以点击“查看位置”,就可以导航过去,寻找地道美食。
用户也可以把自己发现的地道美食推荐给大家,特别是自己家乡的特色地道美食!
功能清单
美食点列表:当前位置为中心,周围top50的美食点列表。
美食点详情:查看美食点详情,点击swiper可以预览图片,可以查看地理位置信息,可以评论(无回复功能)
查看地图:已地图的形式显示美食点。
新增美食点:发现地道美食,选择位置信息,拍至多3张照片,附上标题、地址及说明,可以新增一个美食点。
项目架构
前端用微信小程序的那一套,文档地址:https://mp.weixin.qq.com/debug/wxadoc/dev/api/
后端用的Bmob,就用到3个表:wxuser gourmet comment,为了灵活配置一些东西,你可以弄个config表,例如配置最多上传的图片个数 。官网:http://www.bmob.cn/
小程序具体项目架构规范,请参考官网文档。
准备工作
请注册一个Bmob账号,新建一个应用,配置微信appid和secret,并获取Bmob应用的 Application ID和REST API KEY。
登录微信公众号平台https://mp.weixin.qq.com/ ,配置小程序的请求地址。参照:http://docs.bmob.cn/data/wechatApp/a_faststart/doc/index.html
快速开始
第一步,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开发者工具”,扫码运行吧。
Bmob上源码下载地址:http://doc.bmob.cn/data/wechat_app/index.html#_8
Github地址:https://github.com/LanceCong/gourmet_map
网友评论
【小程序开发者论坛】
http://www.xiaochengxupro.com/forum.php
成都美食霸王餐来袭——VX“菁蓉生活圈”与你分享成都美食