资讯专栏INFORMATION COLUMN

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

xietao3 / 1716人阅读

摘要:两者的结合通过中的组件以及依赖实现。在项目正式上线后会将本地服务器的内容打包成包发布到服务器中。数据库部分数据库使用关系型数据库管理系统,在其中建立了店铺,商品,商品类目三个表,通过其中的特定字段使两表关联,从而实现了简单的联表查询。

ESMap-Indoor-navigation

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

github链接:https://github.com/ShimmerPig...

项目实现的简要概述 服务器部分

测试阶段使用的是双系统的开发模式,在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更多功能仍在完善...

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/101611.html

相关文章

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

    摘要:两者的结合通过中的组件以及依赖实现。在项目正式上线后会将本地服务器的内容打包成包发布到服务器中。数据库部分数据库使用关系型数据库管理系统,在其中建立了店铺,商品,商品类目三个表,通过其中的特定字段使两表关联,从而实现了简单的联表查询。 ESMap-Indoor-navigation ESMap+Html5+SpringBoot+FastDFS实现导航导购Appgithub链接:http...

    GitChat 评论0 收藏0
  • ESMap+Html5+SpringBoot+FastDFS实现导航导购App

    摘要:两者的结合通过中的组件以及依赖实现。在项目正式上线后会将本地服务器的内容打包成包发布到服务器中。数据库部分数据库使用关系型数据库管理系统,在其中建立了店铺,商品,商品类目三个表,通过其中的特定字段使两表关联,从而实现了简单的联表查询。 ESMap-Indoor-navigation ESMap+Html5+SpringBoot+FastDFS实现导航导购Appgithub链接:http...

    PiscesYE 评论0 收藏0
  • ESMap+Html5+SpringBoot+FastDFS实现导航导购App

    摘要:两者的结合通过中的组件以及依赖实现。在项目正式上线后会将本地服务器的内容打包成包发布到服务器中。数据库部分数据库使用关系型数据库管理系统,在其中建立了店铺,商品,商品类目三个表,通过其中的特定字段使两表关联,从而实现了简单的联表查询。 ESMap-Indoor-navigation ESMap+Html5+SpringBoot+FastDFS实现导航导购Appgithub链接:http...

    HitenDev 评论0 收藏0
  • Netty+SpringBoot+FastDFS+Html5实现聊天App详解(四)

    Netty+SpringBoot+FastDFS+Html5实现聊天App,项目介绍。Netty+SpringBoot+FastDFS+Html5实现聊天App,项目github链接。本章完整代码链接。 本章内容 (1) 查询好友列表的接口 (2)通过或忽略好友请求的接口 (3)添加好友功能展示 查询好友列表的接口 /** * @Description: 查询我的好友列表 ...

    Pocher 评论0 收藏0
  • Netty+SpringBoot+FastDFS+Html5实现聊天App详解(四)

    Netty+SpringBoot+FastDFS+Html5实现聊天App,项目介绍。Netty+SpringBoot+FastDFS+Html5实现聊天App,项目github链接。本章完整代码链接。 本章内容 (1) 查询好友列表的接口 (2)通过或忽略好友请求的接口 (3)添加好友功能展示 查询好友列表的接口 /** * @Description: 查询我的好友列表 ...

    why_rookie 评论0 收藏0

发表评论

0条评论

xietao3

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<