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://www.mzph.cn/news/275635.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

你不知道的 Chrome DevTools 玩法

大家好,我是若川。今天再分享一篇 chrome devtools 的文章。之前分享过多篇。Chrome DevTools 全攻略!助力高效开发 前端容易忽略的 debugger 调试技巧‍笔者在前段时间的开发时,需要通过 Chrome DevTools来分析一个接口,调试中发…

matlab拟合四次函数表达式,用matlab编写程序求以幂函数作基函数的3次、4次多项式的最小二乘曲线拟合,画出数据散点图及拟合曲线图...

共回答了18个问题采纳率:83.3%x[0.0 0.1 0.2 0.3 0.5 0.8 1.0]; %输入数组>> y[1.0 0.41 0.50 0.61 0.91 2.02 2.46];>> f1inline(poly2sym(polyfit(x,y,3))); %polyfit拟合得到系数,poly2sym由系数得到多项式,inline转换内联函数>> f2inline(pol…

排版人员 快速排版_选择排版前应了解的事项

排版人员 快速排版Design is everywhere, and with design comes text and the content that you’re trying to reach the user with. But before creating your design and choosing what font you want to use, there are some things you should know that will help you a…

matlab光顺拐点,基于MATLAB的最大误差双圆弧逼近曲线的算法及实现.pdf

基于MATLAB的最大误差双圆弧逼近曲线的算法及实现.pdf第31卷第6期 基于MⅢB的最大误差双圆弧逼近曲线的算法及实现文章编号:1004—2539120町】06一唧一∞基于MAⅡ.AB的最大误差双圆弧逼近曲线的算法及实现淮海工学院机械工程系,扛苏连云港笠a…

若川诚邀你加源码共读群,帮助更多人学会看源码~

小提醒:若川视野公众号面试、源码等文章合集在菜单栏中间【源码精选】按钮,欢迎点击阅读,也可以星标我的公众号,便于查找。回复pdf,可以获取前端优质书籍。最近我创建了一个源码共读的前端交流群,希望尝试帮…

体育木地板的施工

文章来源:http://www.bjfhrd.com 体育木地板上有许多暗门,以制造特殊效果,如火焰、烟雾,使房屋、树木、山或人物在一瞬间出现或销售。这种特殊的要求,对于专业体育木地板德施工就有了一定的要求。 专业体育木地板施工&…

imessage_重新设计iMessage以获得更好的用户体验— UX案例研究

imessage体验设计 (EXPERIENCE DESIGN) Communication is a vital part of our everyday lives. We almost don’t even have to think about it. With social media and our devices as prime tools, we’re constantly finding new ways to stay connected. Instant messagin…

mysql 生成时间轴,MYSQL 时间轴数据 获取同一天数据的前3条

创建表数据CREATE TABLE praise_info (id bigint(20) NOT NULL AUTO_INCREMENT COMMENT ID,pic_id varchar(64) DEFAULT NULL COMMENT 图片ID,created_time datetime DEFAULT CURRENT_TIMESTAMP COMMENT 创建时间,PRIMARY KEY (id),KEY pic_id (pic_id) USING BTREE) ENGINEInn…

【招聘】永辉招前端

大家好,我是若川。这应该招聘第六期。友情帮好友宣传招聘。之前在跟各位读者朋友分享下公众号运营策略 文中提到 公众号主旨是帮助5年内前端小伙伴提升,找到好工作,所以有招聘文。上海 高级前端 本科 25k-50k 16薪岗位职责:1、…

C语身教程第三章: C说话挨次筹算匹面(1)

C说话挨次筹算本课先容C说话挨次筹算的根基要领和根基的挨次语句。从挨次流程的角度来看,挨次可以分为三种根基构造, 即挨次构造、分支构造、循环构造。 这三种根基构造可以组玉成部的种种重年夜挨次。C说话供给了多种…

插图 引用 同一行两个插图_插图的目的

插图 引用 同一行两个插图If you’re a designer in tech you’ve likely come across them. Any search for UI or product design on Dribbble will yield at least a few. Amid the sea of pastel blues and pinks, accented neon purples and gamboge yellows, these facel…

php 转码iconv,PHP iconv()函数转字符编码的问题(转)

在php函数库有一个函数:iconv(),iconv函数库能够完成各种字符集间的转换,是php编程中不可缺少的基础函数库。最近在做一个小偷程序,需要用到iconv函数把抓取来过的utf-8编码的页面转成gb2312,发现只有用iconv函数把抓取…

VSCode 竟然可以无缝调试浏览器了!

大家好,我是若川。今天周末,分享一篇相对比较简单的文章。学习源码系列、面试、年度总结、JS基础系列。2021-07-16 微软发布了一篇博客专门介绍了这个功能,VSCode 牛逼!在此之前,你想要在 vscode 内调试 chrome 或者 e…

最少的编码

Knowing how to code HTML email can bring you many opportunities, such as working as a digital designer, collaborating with front end developers, finding freelancing projects.知道如何对HTML电子邮件进行编码可以为您带来许多机会,例如担任数字设计师&a…

Hulu CEO预计网站本年营收将达5亿美元

网易科技讯 3月2日动静,据国外媒体报道,美国在线视频网站Hulu CEO杰森吉拉尔(Jason Kilar)明天不日发挥分析,Hulu本年告白及订阅营收将达5亿美元,是去年的两倍。吉拉尔周一在由互联网告白局举办的“2011年年…

webRTC——浏览器里的音视频通话

背景 webRTC是Google在2010年收购GIP公司之后获得的一项技术。如下图所示,它提供了音视频的采集、处理(降噪,回声消除等)、编解码、传输等技术。webRTC的目标是实现无需安装任何插件就可以通过浏览器进行P2P的实时音视频通话及文件传输,来看看…

面对 this 指向丢失,尤雨溪在 Vuex 源码中是怎么处理的

1. 前言大家好,我是若川。好久以前我有写过《面试官问系列》,旨在帮助读者提升JS基础知识,包含new、call、apply、this、继承相关知识。其中写了 面试官问:this 指向 文章。在掘金等平台收获了还算不错的反馈。最近有小伙伴看我的…

转:Python: threading.local是全局变量但是它的值却在当前调用它的线程当中

原文地址:http://www.cnblogs.com/fengmk2/archive/2008/06/04/1213958.html 在threading module中,有一个非常特别的类local。一旦在主线程实例化了一个local,它会一直活在主线程中,并且又主线程启动的子线程调用这个local实例时&#xff0c…

matlab的边缘检测方法,常用图像边缘检测方法及Matlab研究

2011 年 2 月 15 日第 34 卷第 4 期 现代电子技术 Modern Electronics Technique Feb. 2011 Vol. 34 No. 4 常用图像边缘检测方法及 Matlab 研究 韦  炜 (西安文理学院 , 陕西 西安   710065) 摘  要 :边缘检测在数字图像处理中有着重要的作用。为了在实际应用中能够选择最佳…

单选按钮步骤流程向导 js_创建令人愉快的按钮的6个步骤

单选按钮步骤流程向导 jsThere is no modern interactive UI without buttons. They are an fundamental part of every digital solution. Learn how to improve the style of your buttons and delight users with perfect style.没有按钮,就没有现代的交互式UI。…