博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ESMap+Html5+SpringBoot+FastDFS实现导航导购App
阅读量:6701 次
发布时间:2019-06-25

本文共 1142 字,大约阅读时间需要 3 分钟。

ESMap-Indoor-navigation

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

github链接:

项目实现的简要概述

服务器部分

测试阶段使用的是双系统的开发模式,在Linux服务器上部署了轻量级分布式文件系统fastdfs,且整合了高性能的HTTP和反向代理服务器nginx;在本地的服务器上使用Spring Boot框架,使用其内置的tomcat作为web服务器。两者的结合通过Spring Boot中的组件以及依赖实现。在项目正式上线后会将本地服务器的内容打包成jar包发布到Linux服务器中。

项目的开发使用的是领域模型中的贫血模型,可以将整个项目分为controller,service,mapper三层,POJO作为载体,mapper作为数据持久层,service作逻辑处理,controller作请求处理。向前端提供了扫码定位,获取商品类目列表,通过商品类目查询对应商品,通过商品名称查询商品信息等接口。

数据库部分

数据库使用关系型数据库管理系统mySQL,在其中建立了店铺,商品,商品类目三个表,通过其中的特定字段使两表关联,从而实现了简单的联表查询。

前端部分

App前端的开发使用的是轻量级的HBuilder编辑器,解决了碎片化的语法定义和传统App开发的臃肿性问题,在本App中融合了html5,css,JavaScript,jQuery等语言,主要功能为地图的展示,以及适时地向服务器发送请求。

地图部分

地图的绘制使用的是ESMap提供的地图编辑器进行绘制的,实现了对地图的房间,POI,路径,楼层,主题的自定义,使地图开发过程变得高效而灵活,可以充分考虑业主与开发商的需求。

功能介绍

(1)搜索定位

(2)扫码定位

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

(4)导航

(5)导购

数据库

图片描述

区域表

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

图片描述

商品表

图片描述

商品类目表

图片描述

后端结构与接口

图片描述

controller包提供如下接口:

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

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

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

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

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

测试效果

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

图片描述

导航功能

图片描述

搜索功能

图片描述

扫码定位功能

图片描述

导购模块地图预览

图片描述

商品搜索功能

图片描述

图片描述
图片描述

导购功能

图片描述

图片描述

App更多功能仍在完善...

转载地址:http://knwlo.baihongyu.com/

你可能感兴趣的文章
Android组件化搭建分享
查看>>
[译] TypeScript:拥有超能力的 JavaScript (上)
查看>>
XXL-JOB v2.0.1 发布,分布式任务调度平台
查看>>
Canvas API
查看>>
Android进程保活-自“裁”或者耍流氓
查看>>
iOS流式即时通讯教程
查看>>
reactor-rabbitmq小试牛刀
查看>>
ios 笔记
查看>>
WEEX-EROS | 入门指南
查看>>
盘点 CSS Selectors Level 4 中新增的选择器
查看>>
iOS UITableView上下滑动控制底部按钮出现
查看>>
Preference_Android原生设置界面
查看>>
Ofo开锁界面仿写
查看>>
大型分布式网站架构:缓存在分布式系统中的应用
查看>>
Javascript 面向对象编程(二)
查看>>
Java四种引用解析以及在Android的应用
查看>>
iOS 在控制器间跳转实现过渡动画
查看>>
Docker的持久化存储和数据共享(四)
查看>>
电商网站项目总结:Vuex 带来全新的编程体验
查看>>
总结Java开发面试常问的问题,持续更新中~
查看>>