最近觀看Android 開發視頻,裡面使用的集成開發工具為Eclipse 。使用Eclipse 可以很快捷的編寫Web 項目,而我使用的Androi Studio 因為專業就把建立其他工程的功能給閹割了。所以,不能忍受只能聽老師講而不能實際操作時望洋興嘆般的尷尬,我選擇了使用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 服務器上:
Debug
最後在瀏覽器輸入網址: http://localhost:8080/1.html ,就能訪問我們部署的網站了。
網站
打開Chrome 的開發者工具,能夠看到發送請求的詳細情況:
發送請求
完工!
流程很簡單,以後就可以使用IDEA 來學習後端開發的基本知識了,比如可以在後端獲取提交的文件,對成功的請求進行跳轉,請求失敗時要告知客戶端等等,都可以進行模擬,更多知識點等你來發現了。
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。