找回密码
 立即注册

QQ登录

只需一步,快速开始

[Demo源码] 微信小程序「美食地图」——“发现最地道的美食”

[复制链接]
查看: 1583|回复: 4
最佳答案
1 

17

主题

21

帖子

856

积分

专家路上

积分
856
 楼主| 发表于 2017-2-13 19:17:02 | 显示全部楼层 |阅读模式
本帖最后由 peoples 于 2017-2-13 19:22 编辑

92e6a7067.jpg

项目说明

功能清单

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

gourmet_map-master.zip (109.53 KB, 下载次数: 65)
回复

使用道具 举报

最佳答案
0 

0

主题

7

帖子

89

积分

新人求带

积分
89
发表于 2017-2-13 23:52:51 | 显示全部楼层
用Bmob的话,不用自己开发后台?
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

2

帖子

79

积分

新人求带

积分
79
发表于 2017-2-14 09:52:42 | 显示全部楼层
怎么赚币啊。。。。。。。
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

9

帖子

39

积分

新人求带

积分
39
发表于 2017-2-14 10:54:07 | 显示全部楼层
耳热特让他热轧
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

2

帖子

48

积分

新人求带

积分
48
发表于 2017-2-14 16:05:09 | 显示全部楼层
牛人啊,学习中...
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /2 下一条


易域网-您身边的域名管家

henkuai.com是专业的第三方微信开发者平台,为生态而生。


本站为第三方微信开发者平台,非腾讯官方网站。

天津市滨海新区
中新生态城中成大道生态建设公寓9号楼3层301

欢迎来这里一起喝喝茶,
聊聊你的产品。

微信公众号gongzhongkaifa

工作日12小时内回复。

网站业务
zhongcong@henkuai.com

工作日12小时内回复。

市场合作
songchang@henkuai.com