SpringBoot+Hibernate+JPA实现百度地图定位实例

阅读: 评论:0

SpringBoot+Hibernate+JPA实现百度地图定位实例⼩编是使⽤SpringBoot+JPA+实现⼀个百度地图定位
第⼀步:创建SpringBoot项⽬:
第⼆步导⼊依赖:
数据库驱动包:
<dependencies>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-data-jpa</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<scope>runtime</scope>
<version>5.1.47</version>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<scope>test</scope>
定州疫情最新消息今天
</dependency>
<dependency>
查询飞机航班动态的app<groupId>al.google</groupId>
<artifactId>android-json</artifactId>
<version>RELEASE</version>
<scope>compile</scope>
</dependency>
</dependencies>
创建实体类:
@Entity    //JPA语法告诉软件这是个实体类
@Table(name = "gonghuoshang")  //对应数据库表名
public class Gonghuoshang implements Serializable {
@Id//主键id
@GeneratedValue(strategy = GenerationType.IDENTITY) //我使⽤mysql数据库所有带⾃增
private Integer id;
@Column(name = "Name") //对应数据库表中的列名
private String name;
@Column(name = "Phone")
private String phone;
@Column(name = "Address")
private String address;
@Column(name = "JinYong")
private String JinYong;
@Column(name = "MoRen")
private String moRen;
创建Dao
继承上⾯类
Dao创建完成之后–创建业务逻辑层:
实现业务逻辑层,下⾯是常⽤的增删查改
@Service
public class ShangPin_Serviceimpl implements ShangPin_Service {
@Autowired  //⾃动装配
private BrandRepository brandRepository;
/**
* 查询全部
*/
public List<Gonghuoshang> getAll() {
return brandRepository.findAll();  //不⽤⾃⼰写selec语法,框架⾃动完成语法findAll()查询全部⽅法    }
/**
* 查询单条全部
*/
public Gonghuoshang getByid(Integer id) {
return brandRepository.findById(id).get();  //框架⾃带语法findById()根据id查询⽅法
}
/**
* 新增
*/
public void sava(Gonghuoshang gonghuoshang) {
brandRepository.save(gonghuoshang);  //框架⾃带语法findById()根据新增⽅法
}
创建controller控制器:
页⾯使⽤bootstrapTable表格请求数据:
引⼊css,js
引⼊Css,Js包
<link rel="stylesheet" th:href="@{/static/bootstrap-table/bootstrap.min.css}">
<link rel="stylesheet" th:href="@{/static/bootstrap-table/bootstrap-table.min.css}">
<script th:src="@{/static/bootstrap-table/jquery.min.js}"></script>
<script th:src="@{/static/bootstrap-table/bootstrap.min.js}"></script>
<script th:src="@{/static/bootstrap-table/bootstrap-table.min.js}"></script>
<script th:src="@{/static/bootstrap-table/locale/bootstrap-table-zh-CN.min.js}"></script>
<script type="text/javascript" src="api.map.baidu/api?v=2.0&ak=您的密钥"></script>    lbsyun.baidu/jsdemo.htm#a1_2 //这是百度实例官⽹
静态资源:
编写js
<script>
var $tables = $('#tables');
$(function () {
$tables.bootstrapTable({
classes:'table table-bordered table-hover',
striped:true,
columns:[
{
checkbox:true,
},{
title:'主键/编号',
field:'id',
align:'center'
},{
title:'名字',
field:'name',
align:'center'
},{
title:'⼿机号',
石景山游乐园项目价格表field:'phone',
align:'center'
},{
title:'地址',
field:'address',
align:'center'
},{
title:'状态',
field:'jinYong',
field:'jinYong',
align:'center',
},{
title:'默认',
field:'moRen',
align:'center'
},{
title:'地址定位',
align:'center',
庐山旅游景点在哪里formatter:function(value,row,index){
return "<button class='btn btn-primary'data-toggle='modal' data-target='#myModal' onclick=dingwei('"+row.address+"'//row.address意思是:获得表格数据)><span class='glyphicon glyphicon-map-marker'></span>  ;定位</button>";
}
}
],
url:'shangpin/table_list', //请求控制器路径
method:'post',
detailView:true,
dataType:'json',
idField:'id',
contentType:'application/x-www-form-urlencoded',
sidePagination:'server',
pagination:true,厦门鼓浪屿住宿海景房
pageSize:10,
async:false,
pageList:[1,2,5,10,20],
pageNumber:1,
toolbar:'#toolbar',//⼯具栏
})
});
function dingwei(address) { //接受数据
// 百度地图API功能
var map = new BMap.Map("allmap");    // 创建Map实例
//添加地图类型控件
map.addControl(new BMap.MapTypeControl({
mapTypes:[
BMAP_NORMAL_MAP,
BMAP_HYBRID_MAP
]}));
// map.setCurrentCity("北京");          // 设置地图显⽰的城市此项是必须设置的
九华山庄温泉度假村住宿价格ableScrollWheelZoom(true);    //开启⿏标滚轮缩放
// 创建地址解析器实例
var myGeo = new BMap.Geocoder();
// 将地址解析结果显⽰在地图上,并调整地图视野
if (point) {
map.addOverlay(new BMap.Marker(point));
}else{
alert("您选择地址没有解析到结果!");
}
}, "邯郸市");
}
</script>
效果展⽰:

本文发布于:2023-08-05 21:58:38,感谢您对本站的认可!

本文链接:http://www.035400.com/whly/1/567570.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:地图   创建   查询   住宿   数据库   语法
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2024-2030 Comsenz Inc.Powered by © 文化旅游网 滇ICP备2022007236号-403 联系QQ:1103060800网站地图