继续奉上小程序源码——美食地图小程序源码

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

功能清单
美食点列表:当前位置为中心,周围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开发者工具”,扫码运行吧。

1.jpg

Bmob上源码下载地址:http://doc.bmob.cn/data/wechat_app/index.html#_8
Github地址:https://github.com/LanceCong/gourmet_map

更多信息可查看:http://doc.bmob.cn/data/wechat_app/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,919评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,810评论 19 139
  • box-sizing可以分为三个值:center-box,border和padding不计算入width之内pad...
    DecadeHeart阅读 2,773评论 1 0

友情链接更多精彩内容