当前位置: 首页 > Web前端 > HTML5

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

时间:2023-04-05 15:01:58 HTML5

ESMap-Indoor-navigationESMap+Html5+SpringBoot+FastDFS实现导航导购Appgithub链接:https://github.com/ShimmerPig...简要概述项目实现服务器部分测试阶段采用双机开发模式,在Linux服务器上部署轻量级分布式文件系统fastdfs,集成高性能HTTP和反向代理服务器nginx;在本地服务器上使用SpringBoot框架,使用其内置的tomcat作为Web服务器。两者的结合是通过SpringBoot中的组件和依赖来实现的。项目正式上线后,会将本地服务器的内容打包成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)导购数据库区域表这里的房间指的是门店中的门店,或者超市中的区域商品。后端结构和接口控制器包提供如下接口:(1)searchRoom——扫描门店二维码传给后端id,后端从数据库中查询对应门店并返回给前端(2)searchProduct——扫描商品二维码传给后端id,后端从数据库中查询对应的商品返回给前端(3)productCategoryList——抓取商品分类列表(4)productList——导入商品Category,查询该分类下的所有商品(5)productInfo-通过商品名称查询商品的所有信息测试效果导航模块图预览【以华发易角为示例】导航功能搜索功能扫码定位功能导购模块地图预览商品搜索功能导购功能app更多功能还在完善中...