最近接触到了Spring Boot,计划以Spring Boot为展开对Java Web进行学习。本文利用Spring Boot初始化项目,引入Thymeleaf模板引擎,实现一个IP地址详细信息查询的简单功能。
开发工具与环境
- 开发工具 IDEA
- Spring Boot
- Thymeleaf
开发流程
-
Step1:初始化项目
- 在IDEA中点击File->New->Project来新建一个SpringBoot项目,如图所示选中
Spring Initizer
新建项目 -
填好项目的基本信息
项目基本信息 -
在选择依赖界面添加需要使用的依赖,这里我们先选中WEB依赖以及Thymeleafy依赖。然后Next->finish,项目就创建完成了。
添加初始依赖
- 在IDEA中点击File->New->Project来新建一个SpringBoot项目,如图所示选中
-
Step2:手动导入其他依赖
- 在项目中的
pom.xml
中引入FastJson与HettpClient的依赖。我们可以去WebJars(https://www.webjars.org/)网站搜索我们想要的依赖添加到pom文件中。
引入fastjson与httpclint
我们需要完成的功能是拿到用户填写的IP地址,接着访问淘宝提供的ip查询接口,获取IP地址对应的详细信息并跳转到新的页面进行显示。所以我们需要两个页面,一个控制器,一个负责解析的工具类。项目结构如图所示。
项目结构
index页面负责与用户进行交互,获取用户填写的ip地址,success页面负责展示根据接口查询后返回的json结果。IndexController负责响应并控制index页面的逻辑,SuccessController暂时没有发挥作用,在本例中可以有可无。
值得一提的是SpringBoot默认是不支持JSP的,SpringBoot官方推荐使用Thymeleaf模板引擎,我们只需要将HTML页面放在resource目录下的templates文件夹下就可以使用Thymeleaf模板引擎带来的强大功能。
- 在项目中的
-
Step3:编写页面及控制器
- 先完成功能,首先编写index页面,这里要注意添加
xmlns:th="http://www.thymeleaf.org
,否则IDEA无法提供相应的代码提示功能。
- 先完成功能,首先编写index页面,这里要注意添加
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>IP</title>
</head>
<body class="text-center">
<form class="form-signin" th:action="@{/search}" method="post">
<h1>IP归属地查询</h1>
<label>IP地址</label>
<input type="text" name="ip" placeholder=" IP address ">
<button type="submit">提交</button>
</form>
</body>
</html>
index页面效果
- 编写index页面的控制器,拿到用户提交的ip地址后,拼接成为完整的URL进行查询,调用HttpRequestUtil工具发送请求并获取到返回值,接着将返回值利用Map进行存储。
@Controller
public class IndexController {
//taobao提供的ip查询接口
private static final String searchIP = "http://ip.taobao.com/service/getIpInfo.php?ip=";
@PostMapping("/search")
public String search(@RequestParam("ip") String ip, Map<String, Object> map){
//拼接目标URL
String targetUrl = searchIP + ip;
//实例化HTTPRequestUtil
HttpRequestUtil requestUtil = new HttpRequestUtil();
//调用getJSONObjectByGet发出http请求,并获取响应信息
JSONObject myJsonObj = requestUtil.getJSONObjectByGet(targetUrl);
//Json对象转String
String jsonStr = myJsonObj.toString();
//JSON字符串存储
map.put("message",jsonStr);
//跳转页面
return "success";
}
}
工具类代码如下所示
public class HttpRequestUtil {
public JSONObject getJSONObjectByGet(String url){
JSONObject resultJsonObject=null;
//创建httpClient连接
CloseableHttpClient httpClient = HttpClients.createDefault();
StringBuilder urlStringBuilder=new StringBuilder(url);
StringBuilder entityStringBuilder=new StringBuilder();
//利用URL生成一个HttpGet请求
HttpGet httpGet=new HttpGet(urlStringBuilder.toString());
// HttpClient 发送Post请求
CloseableHttpResponse httpResponse = null;
try {
httpResponse=httpClient.execute(httpGet);
} catch (Exception e) {
e.printStackTrace();
}
//得到httpResponse的状态响应码
if (httpResponse.getStatusLine().getStatusCode()== HttpStatus.SC_OK) {
//得到httpResponse的实体数据
HttpEntity httpEntity=httpResponse.getEntity();
if (httpEntity!=null) {
BufferedReader reader=null;
try {
reader=new BufferedReader(new InputStreamReader(httpEntity.getContent(), "UTF-8"), 8*1024);
String line=null;
while ((line=reader.readLine())!=null) {
entityStringBuilder.append(line);
}
// 从HttpEntity中得到的json String数据转为json
String json=entityStringBuilder.toString();
resultJsonObject=JSON.parseObject(json);
} catch (Exception e) {
e.printStackTrace();
} finally {
if (reader != null) {
try {
//关闭流
reader.close();
} catch (IOException e) {
e.printStackTrace();
}
}
}
}
}
return resultJsonObject;
}
}
- 跳转到Success页面后,我们需要取出前面保存的值,Success页面如下所示,这里我们使用thymeleaf模板引擎的功能
<div th:text="${message}">default message</div>
将保存在map中的值通过key取出,十分方便。
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Ip查询</title>
</head>
<body>
<h1>IP 查询结果</h1>
<div th:text="${message}">default message</div>
</body>
</html>
IP查询结果
-
总结
新接触SpringBoot使我十分兴奋,然而从未搞过Web开发使我在很多问题上都是云里雾里。由于本人移动安全出身,现刚加入工作转行做了java后端,所以文章中难免存在纰漏,还请各位带头大哥不吝赐教。
粗略入门Spring Boot后发现没有扎实的Spring开发功底是不行的,最近正在努力恶补Spring 4的相关知识,以后得人生理想就是做一名全栈工程师,哈哈。