![](/uploads/image/0754.jpg)
SpringBoot+Hibernate+JPA实现百度地图定位实例⼩编是使⽤SpringBoot+JPA+实现⼀个百度地图定位 第⼆步导⼊依赖:
<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>
效果展⽰: