美文网首页
Spring Boot+Thymeleaf+Fastjson练手

Spring Boot+Thymeleaf+Fastjson练手

作者: CaptainXero | 来源:发表于2018-05-30 21:15 被阅读560次

      最近接触到了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,项目就创建完成了。


      添加初始依赖
  • 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无法提供相应的代码提示功能。
<!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的相关知识,以后得人生理想就是做一名全栈工程师,哈哈。

相关文章

网友评论

      本文标题:Spring Boot+Thymeleaf+Fastjson练手

      本文链接:https://www.haomeiwen.com/subject/vobxsftx.html