ESMap+HBuilder+SpringBoot+FastDFS实现导航导购App

2019-02-12 admin

ESMap+HBuilder+SpringBoot+FastDFS实现导航导购App github链接:https://github.com/ShimmerPig…

功能介绍

(1)搜索定位

(2)扫码定位

(3)图像识别店铺商标定位

(4)导航

(5)导购

数据库

图片描述

区域表

这里的room表示商店中的一个店铺,或者是超市中的一个区域 图片描述

商品表

图片描述

商品类目表

图片描述

后端结构与接口

图片描述

controller包提供如下接口:

(1)searchRoom —— 扫描店铺二维码后传给后端id,后端从数据库中查询对应的店铺,并返回给前端

(2)searchProduct —— 扫描商品二维码后传给后端id,后端从数据库中查询对应的商品,并返回给前端

(3)productCategoryList —— 取商品类目列表

(4)productList —— 传入商品类目,查询该类目的所有商品

(5)productInfo —— 通过商品的名称查询商品的所有信息

测试效果

导航模块地图预览[以华发一角为例]

图片描述

导航功能

图片描述

搜索功能

图片描述

扫码定位功能

图片描述

导购模块地图预览

图片描述

商品搜索功能

图片描述 图片描述 图片描述

导购功能

图片描述 图片描述

App更多功能仍在完善…

原文链接:https://segmentfault.com/a/1190000018129016

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-53606.html

文章标题:ESMap+HBuilder+SpringBoot+FastDFS实现导航导购App

相关文章
js实现鼠标左右移动,图片也跟着移动效果
效果:鼠标往左移,图片对应右移,鼠标往右移,图片就左移动。图片距离越远偏移距离越大。 思路:首先获取图片原先的距离。设置一个变化值,图片的最终距离等于原先的距离加上变化值 布局:大盒子里面是图片,大盒子position:relative;图...
2017-02-17
vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据
直接贴代码了: 先上输入前的样子: <style> #example{margin:100px auto;width:600px;} .show{margin:10px;} #searchText{display: block...
2017-03-17
js实现文字向上轮播功能
话不多说,请看实现代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...
2017-03-10
纯css实现窗户玻璃雨滴逼真效果
这里仅是用CSS技术来演示这样的一个场景,可能并不太实用。然而这是一个探索CSS新功能的最佳机会。可以让你尝试使用一些新特性和新工具。并且逐渐将在工作中实践。在制作窗口雨滴效果,将使用到HAML和Sass。 案例效果 看到上面的效果是不是...
2017-03-29
HTML5渐行渐近 APP还能走多远
鎽樿�侊細浠讳綍浜嬬墿閮界洓鏋佽€岃“锛孉PP涔熶笉渚嬪�栥€傚湪鍙栧緱杈夌厡鎴愮哗鐨勫悓鏃讹紝APP涔熷悓鏍烽潰涓寸潃璇稿�氶毦浠ラ€捐秺鐨勯殰纰嶃€� 鍦ㄧ粡鍘嗕簡闀胯揪8骞寸殑闀胯窇鍚庯紝HTML5瑙勮寖缁堜簬鐡滅啛钂傝惤銆佹�e紡瀹...
2015-11-12
canvas实现流星雨的背景效果
看到一个很棒的流星雨效果。修改一下样式就可以作为网页背景了。。! <!DOCTYPE html> <html> <head> <meta charset="utf-8&quot...
2017-03-09
JavaScript实现简单的数字倒计时
这里是一个JavaScript中显示倒计时的方法,从10一秒一秒地往下减直到计时结束(即0),代码如下: runCount(10); function runCount(t){ if(t>0){ document.getE...
2017-03-23
js实现的tab标签切换效果代码分享
这是一款基于js实现的tab标签切换效果,是一款无需jQuery,原生javascript制作的tab切换效果源码。点击上面的标题即可实现对应页面的切换功能,非常具有实用价值。 为大家分享的js实现的tab标签切换效果代码如下 <!...
2017-03-31
js实现文字跑马灯效果
本示例将实现文字跑马灯效果:文字超过显示宽度每间隔1s自动向左滚动显示,话不多说,请看代码 <!doctype html> <html> <head> <meta charset="U...
2017-03-15
Bootstrap显示与隐藏简单实现代码
本文实例为大家分享了bootstrap显示隐藏的具体代码,供大家参考,具体内容如下 <html> <head> <meta charset="utf-8"> <meta http...
2017-03-14
回到顶部