基于 IntelliJ IDEA 模擬 Servlet 網絡請求示例

更新時間：2018年04月21日 11:52:11 作者：uniapp

這篇文章主要介紹了基于 IntelliJ IDEA 模擬 Servlet 網絡請求示例，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

最近觀看 Android 開發(fā)視頻，里面使用的集成開發(fā)工具為 Eclipse 。使用 Eclipse 可以很快捷的編寫 Web 項目，而我使用的 Androi Studio 因為專業(yè)就把建立其他工程的功能給閹割了。所以，不能忍受只能聽老師講而不能實際操作時望洋興嘆般的尷尬，我選擇了使用 IntelliJ IDEA 來替代 Eclipse 模擬網絡請求。下面結合一個簡單網絡請求的實現，來介紹 IntelliJ IDEA 的使用。

首先當然是下載 IntelliJ IDEA 集成工具，這個 Google/Baidu 一下，很容易就能獲得。

接下來配置 Tomcat 服務器，以 Mac 電腦為例，參考：Mac上tomcat服務器安裝配置。

然后打開 IntelliJ IDEA ，選擇右邊的 Java Enterprise 項目類型，選擇剛裝的 Tomcat 服務器，勾選 Web Application 選項。

新建工程

點選 next，輸入自定義工程名稱 demo:

工程

然后我們就能看到新建工程的全貌：

工程

至此，一個 Web 應用工程的框架已經做好。但是要順利部署到 Tomcat 服務器，還需要我們添加處理服務的對象 Servlet。點擊 src 文件夾，添加 Servlet:

servlet

Servlet 類中能看到默認生成的 doGet 和 doPost 方法：

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    response.setCharacterEncoding("utf-8");
    response.setContentType("text/html");
    response.getWriter().print("收到 post 請求");

    String username = request.getParameter("username");
    String pwd = request.getParameter("password");

    if("admin".equals(username) && "abc123".equals(pwd)) {
      response.sendRedirect("/2.html");
    }
  }

  protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    response.setCharacterEncoding("utf-8");//設置
    response.setContentType("text/html");

    String username = request.getParameter("username");
    String pwd = request.getParameter("password");
    if("admin".equals(username) && "abc123".equals(pwd)) {
      response.sendRedirect("/2.html");
    }
  }

要想使用新建的 Servlet 類，還需要在 web.xml 中進行配置：

<web-app ...>
  <servlet>
    <servlet-name>Servlet</servlet-name>
    <servlet-class>demo.Servlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>Servlet</servlet-name>
    <url-pattern>/demo</url-pattern>
  </servlet-mapping>
</web-app>

其中 servlet-mapping 標簽設置對外訪問的路徑。

然后在 web 目錄下添加前端頁面文件，比如命名 1.html 作為起始頁面，2.html 作為跳轉的結果頁面。

頁面

在 1.html 中編輯頁面布局，設置 head 標簽，在 body 標簽中添加 form表單。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" >
  <title>MyFirst</title>
  <script type="text/javascript">
  </script>
</head>
<body>

<h1>登錄頁面（get）</h1>
<form action="/demo" method="get">

  <table>
    <tr>
      <td>
        用戶名：
      </td>
      <td>
        <input type="text" name="username">
      </td>
    </tr>
    <tr>
      <td>
        密碼：
      </td>
      <td>
        <input type="text" name="password" type="hidden">
      </td>
    </tr>
    <tr>
      <td colspan="2" style="align-items: center">
        <input type="submit" value="登錄">
      </td>
    </tr>
  </table>
</form>

<h1>登錄頁面（post）</h1>
<form action="/demo" method="post">
  <table>
    <tr>
      <td>
        用戶名：
      </td>
      <td>
        <input type="text" name="username">
      </td>
    </tr>
    <tr>
      <td>
        密碼：
      </td>
      <td>
        <input type="text" name="password" type="hidden">
      </td>
    </tr>
    <tr>
      <td colspan="2">
        <input type="submit" value="登錄">
      </td>
    </tr>
  </table>
</form>
</body>
</html>

2.html中編輯頁面：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  <h1 style="color: red">
    登錄成功?。。?
  </h1>
</body>
</html>

最后點擊 Debug 進行運行，部署到自己的 Tomcat 服務器上：