接上篇《JAVA WEB快速入門之環(huán)境搭建》，在完成了環(huán)境搭建后(JDK、Tomcat、IDE)，現(xiàn)在是萬(wàn)事具備，就差寫代碼了，今天就來(lái)從編寫一個(gè)JSP WEB網(wǎng)站了解JSP WEB網(wǎng)站的基本結(jié)構(gòu)、調(diào)試、部署，至于為什么要先寫JSP WEB，而不是直接上SSM(Spring、SpringMVC、Mybatis)，原因很簡(jiǎn)單，先得了解基礎(chǔ)，再由淺入深，這是我的學(xué)習(xí)方法，如果一開始就寫MVC，那么頂多也是照葫蘆畫瓢，很難深入，因?yàn)椴恢涝?#xff0c;就無(wú)法擴(kuò)展與靈活運(yùn)用。好了廢話不多說(shuō)，開始本文的主題。

一、使用eclipse初始化一個(gè)JSP WEB項(xiàng)目(即：動(dòng)態(tài)WEB項(xiàng)目)，步驟如下：

如上圖示注意選擇TOMCAT版本

如上圖示勾選生成web.xml，當(dāng)然如果不勾選也行，但后續(xù)如果有需要用到配置的地方就需要再單獨(dú)添加，故這里我選擇一并生成。

最后點(diǎn)擊finish按鈕即可生成WEB項(xiàng)目

WEB項(xiàng)目的結(jié)構(gòu)如下圖示，每個(gè)部份都有說(shuō)明，該圖引用自網(wǎng)絡(luò)

二、編寫一個(gè)登錄靜態(tài)頁(yè)面(login.html)，注意靜態(tài)頁(yè)面(html)、動(dòng)態(tài)頁(yè)面(jsp)均應(yīng)在WebContent目錄下創(chuàng)建

后面采取默認(rèn)即可，最后創(chuàng)建好空的login.html，然后寫如下示例代碼：

login

UserID:

Password:

Enter

三、編寫服務(wù)端處理邏輯類(LoginServlet)，該類必需繼承自HttpServlet，并按需重寫相關(guān)的請(qǐng)求方法，例如此處是：doGet(處理GET請(qǐng)求)、doPost(處理POST請(qǐng)求)

自定義的Servlet類統(tǒng)一放在src目錄下，按照J(rèn)AVA 標(biāo)準(zhǔn)以包、類層級(jí)呈現(xiàn)

如上圖示，包名一般是域名的反寫，大家可能看到下面還有一個(gè)創(chuàng)建package-info.java的勾選項(xiàng)，具體用法可參考：PACKAGE-INFO.JAVA 作用及用法詳解

創(chuàng)建好LoginServlet類后，編寫如下代碼：(主要是doPost，用于處理登錄請(qǐng)求)

package cn.zuowenjun.java;

import java.io.IOException;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import javax.servlet.http.HttpSession;

/**

* Servlet implementation class LoginServlet

*/

@WebServlet(name="LoginServlet",urlPatterns= {"/servlet/login"})

public class LoginServlet extends HttpServlet {

private static final long serialVersionUID = 1L;

/**

* @see HttpServlet#HttpServlet()

*/

public LoginServlet() {

super();

// TODO Auto-generated constructor stub

}

/**

* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse

* response)

*/

protected void doGet(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

// TODO Auto-generated method stub

response.getWriter().append("Served at: ").append(request.getContextPath());

}

/**

* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse

* response)

*/

protected void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

// TODO Auto-generated method stub

String uid = request.getParameter("uid");

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

if (uid.isEmpty() || pwd.isEmpty()) {

response.getWriter().append("the UserID and Passwrod cannot be empty!");

return;

}

if(uid.equals("admin") && pwd.equals("java.web")) {

HttpSession session= request.getSession();

session.setAttribute("loginid", uid);

String indexUrl= request.getContextPath()+"/jsp/index.jsp";

response.sendRedirect(indexUrl);

return;

}

else {

response.getWriter().append("the UserID or Passwrod is wrong!");

}

}

}

servlet部署(映射)有兩種方式，一種是在web.xml中使用如下配置：

LoginServlet

cn.zuowenjun.java.LoginServlet

LoginServlet

/servlet/login

另一種方式是使用注解，在servlet類名上方使用@WebServlet注解，在里面設(shè)置參數(shù)，如下：

@WebServlet(name="LoginServlet",urlPatterns= {"/servlet/login"})

public class LoginServlet extends HttpServlet {

... ...

}

這樣登錄頁(yè)面的前后端交互寫完了，如果登錄成功則跳轉(zhuǎn)至index.jsp頁(yè)面，否則直接輸出錯(cuò)誤信息，下面就寫index.jsp(動(dòng)態(tài)頁(yè)面)：

四、編寫index.jsp(動(dòng)態(tài)頁(yè)面)，我這里將所有jsp頁(yè)面統(tǒng)一放在jsp目錄中，以區(qū)分靜態(tài)頁(yè)面與動(dòng)態(tài)頁(yè)面，創(chuàng)建jsp頁(yè)面的方法與創(chuàng)建靜態(tài)頁(yè)面方法基本相同，只是創(chuàng)建類型選擇jsp File即可，在此不再重復(fù)介紹。

創(chuàng)建好空的index.jsp頁(yè)面后，編寫從SQL SERVER DB中獲取表數(shù)據(jù)并顯示在頁(yè)面上的邏輯(即：查詢數(shù)據(jù))，代碼如下：

pageEncoding="utf-8"%>

private ResultSet getTestData(String sql) {

try {

Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");

Connection sqlConn = DriverManager.getConnection(

"jdbc:sqlserver://xxxxxxx;DatabaseName=testDB", "dbuser", "password");

Statement statement = sqlConn.createStatement();

ResultSet set = statement.executeQuery(sql);

return set;

} catch (Exception ex) {

ex.printStackTrace();

return null;

}

}%>

Index頁(yè)面

table{border:solid 2px black;border-collapse:collapse;}

table th{color:blue;background-color:orange;border:solid 1px gray;padding:3px;}

table td{border:solid 1px gray;padding:3px;}

ResultSet pageData=getTestData("select top 100 sys_guid,FormId,EventId,MaxElapsedTime,SlowTotalCount,LastSlowRequestTime,DisabedRequest from TS_ConfigLimitRequest");

int colCount=pageData.getMetaData().getColumnCount();

%>

操作

	" target="_blank">編輯

如上代碼，涉及第一個(gè)重點(diǎn)：引用第三方JAR包(如：SQL SERVER JDBC)，如何引用步驟如下：

2.下載后將JAR包復(fù)制到WebContent\WEB-INF\lib目錄下，然后選中JAR包右鍵，選擇buid path-->configure buid path，如下圖示：

3.然后如下圖所示在Libaraies下選擇WebContent\WEB-INF\lib目錄下的mssql-jdbc-7.0.0.jre8.jar包，最后點(diǎn)擊應(yīng)用即可。

可以從項(xiàng)目的依賴類庫(kù)中看到剛添加的JAR包，如下圖示：

涉及第二個(gè)重點(diǎn)：使用原生JDBC操作數(shù)據(jù)庫(kù)，由于這塊涉及的內(nèi)容比較多，故我這里借別人的圖來(lái)展示一下JDBC的完整結(jié)構(gòu)，代碼中也只是用到了最基本的查詢：

五、編寫edit.jsp頁(yè)面，用于可修改記錄或刪除記錄(即：增、刪、改)，同樣參照index.jsp的創(chuàng)建步驟

創(chuàng)建好edit.jsp空頁(yè)面后，編寫如下代碼：

import="java.sql.*" pageEncoding="UTF-8"%>

Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");

%>

/*從SQL SERVER中獲取測(cè)試數(shù)據(jù)*/

private Connection getConnection() throws SQLException {

Connection sqlConn = DriverManager.getConnection("jdbc:sqlserver://serverIP;DatabaseName=testDB",

"user", "password");

return sqlConn;

}

private ResultSet getItemData(String sql, String sysguid) {

try {

Connection sqlConn = getConnection();

PreparedStatement stmt = sqlConn.prepareStatement(sql);

stmt.setString(1, sysguid);

ResultSet set = stmt.executeQuery();

return set;

} catch (Exception ex) {

ex.printStackTrace();

return null;

}

}

/*執(zhí)行SQL,使用事務(wù)*/

private String executeSql(String sql, String[] params) {

Connection sqlConn = null;

try {

sqlConn = getConnection();

sqlConn.setAutoCommit(false);

PreparedStatement stmt = sqlConn.prepareStatement(sql);

for (int i = 0; i < params.length; i++) {

stmt.setObject(i + 1, params[i]);//參數(shù)是從1開始

}

stmt.execute();

sqlConn.commit();

return "執(zhí)行成功！";

} catch (SQLException sqlEx) {

if (sqlConn != null) {

try{

sqlConn.rollback();

}catch(SQLException sqlExtrn){

return "執(zhí)行失敗，且回滾事務(wù)失敗，原因：" + sqlExtrn.getMessage();

}

}

return "執(zhí)行失敗，原因：" + sqlEx.getMessage();

} catch (Exception ex) {

return "執(zhí)行失敗，原因：" + ex.getMessage();

}

}

/*是否FORM請(qǐng)求回調(diào)*/

private Boolean isPostBack(HttpServletRequest request) {

String postValue = request.getParameter("__formpost");

if ("POST".equals(postValue)) {

return true;

} else {

return false;

}

}%>

edit頁(yè)面

String execResult = "";

if (isPostBack(request)) {

String sysguid = request.getParameter("sysguid");

String doAction = request.getParameter("doAction");

String formId = request.getParameter("FormId");

String eventId = request.getParameter("EventId");

String maxElapsedTime = request.getParameter("MaxElapsedTime");

String slowTotalCount = request.getParameter("SlowTotalCount");

String lastSlowRequestTime = request.getParameter("LastSlowRequestTime");

String disabedRequest = request.getParameter("DisabedRequest");

String sql=null;

if("Save".equals(doAction)){

sql = "update TS_ConfigLimitRequest set FormId=?,EventId=?,MaxElapsedTime=?,SlowTotalCount=?,LastSlowRequestTime=?,DisabedRequest=? where sys_guid=?";

execResult = executeSql(sql, new String[] { formId, eventId, maxElapsedTime, slowTotalCount,

lastSlowRequestTime, disabedRequest, sysguid });

}else if("Delete".equals(doAction)) {

sql="delete from TS_ConfigLimitRequest where sys_guid=?";

execResult = executeSql(sql, new String[] { sysguid });

}

}

String sysguid = request.getParameter("sysguid");

ResultSet itemSet = getItemData(

"select sys_guid,FormId,EventId,MaxElapsedTime,SlowTotalCount,LastSlowRequestTime,DisabedRequest from TS_ConfigLimitRequest where sys_guid=?",

sysguid);

if (!itemSet.next()) {

out.println("不存在該條記錄！");

return;

}

%>

FormId:	value="" />
EventId:	value="" />
MaxElapsedTime:	value="" />
SlowTotalCount:	value="" />
LastSlowRequestTime:	value="" />
DisabedRequest:	selected >-空- selected >true selected >false

Save

Delete

style="color:redgreen">

如上代碼主要涉及JDBC執(zhí)行SQL語(yǔ)句，同時(shí)還特意使用了參數(shù)占位符以避免SQL注入，使用了事務(wù)以便可以演示事務(wù)的提交與回滾操作，具體的代碼原理因篇幅有限就不介紹請(qǐng)參照相關(guān)文檔。

六、編寫一個(gè)登錄驗(yàn)證過(guò)濾器：LoginValidationFilter，以實(shí)現(xiàn)對(duì)某些目錄下頁(yè)面進(jìn)行登錄限制(如：本文示例的是jsp目錄)，過(guò)濾器必需實(shí)現(xiàn)Filter接口，過(guò)濾器的主要邏輯寫在doFilter中，代碼如下：

package cn.zuowenjun.java;

import java.io.IOException;

import java.io.PrintWriter;

import javax.servlet.Filter;

import javax.servlet.FilterChain;

import javax.servlet.FilterConfig;

import javax.servlet.ServletException;

import javax.servlet.ServletRequest;

import javax.servlet.ServletResponse;

import javax.servlet.annotation.WebFilter;

import javax.servlet.http.*;

/**

* Servlet Filter implementation class LoginValidationFilter

*/

@WebFilter(filterName="LoginValidationFilter",urlPatterns="/jsp/*")

public class LoginValidationFilter implements Filter {

/**

* Default constructor.

*/

public LoginValidationFilter() {

// TODO Auto-generated constructor stub

}

/**

* @see Filter#destroy()

*/

public void destroy() {

// TODO Auto-generated method stub

}

/**

* @see Filter#doFilter(ServletRequest, ServletResponse, FilterChain)

*/

public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)

throws IOException, ServletException {

HttpServletRequest req = (HttpServletRequest) request;

HttpServletResponse res = (HttpServletResponse) response;

res.setCharacterEncoding("utf-8");

res.setHeader("Pragma", "No-cache");// 禁止緩存

res.setHeader("Cache-Control", "no-cache");

res.setHeader("Expires", "0");

PrintWriter out = res.getWriter();

HttpSession session = req.getSession();

if (session.getAttribute("loginid") != null) {

chain.doFilter(request, response);

} else {

String indexUrl = req.getContextPath() + "/login.html";

out.println("");

}

}

/**

* @see Filter#init(FilterConfig)

*/

public void init(FilterConfig fConfig) throws ServletException {

// TODO Auto-generated method stub

}

}

Filter部署(映射)有兩種方式，同servlet部署類假，一種是在web.xml中使用如下配置：

LoginValidationFilter

cn.zuowenjun.java.LoginValidationFilter

LoginValidationFilter

/jsp/*

另一種方式就是使用@WebFilter注解，配置如下：

@WebFilter(filterName="LoginValidationFilter",urlPatterns="/jsp/*")

public class LoginValidationFilter implements Filter {

...

}

如此一個(gè)簡(jiǎn)單的JSP WEB示例網(wǎng)站代碼就寫完了，包含：登錄、驗(yàn)證登錄、查看數(shù)據(jù)、編輯數(shù)據(jù)，下面貼出運(yùn)行效果，注意由于是DEMO，故沒有嚴(yán)格按照編碼規(guī)范及UI用戶體驗(yàn)，只是為了演示結(jié)果：

當(dāng)然還有一種類型沒有介紹，那就是監(jiān)聽器：Listener，主要是用來(lái)監(jiān)聽 ServletContext, HttpSession, HttpServletRequest 這三個(gè)對(duì)象中的屬性變更信息事件的監(jiān)聽器，可參考：https://www.cnblogs.com/xdp-gacl/p/3969249.html,我們可以使用ServletRequestListener的requestInitialized、requestDestroyed方法來(lái)寫一個(gè)簡(jiǎn)單的記錄當(dāng)前demo網(wǎng)站的在線用戶人數(shù)，實(shí)現(xiàn)比較簡(jiǎn)單，在此就不再展開介紹了。

七、打包部署到WEB服務(wù)器(Tomcat)

1.打包WAR包：直接參考這篇文章即可：https://www.cnblogs.com/yjq520/p/7323934.html，本身也簡(jiǎn)單就是導(dǎo)出時(shí)選擇WAR包類型即可，在此就不介紹了。

2.部署到TOMCAT：只需將打包好的WAR包復(fù)制到tomcat的webapps目錄下即可，在第一次運(yùn)行時(shí)tomcat會(huì)自動(dòng)解包并生成一個(gè)目錄，本DEMO的示例發(fā)布到TOMCAT的效果：

最后就直接在瀏覽器中訪問(wèn)URL即可：localhost:8080/demo2/xxxx;

附加2個(gè)編碼小技巧：

1.創(chuàng)建一個(gè)JSP文件，默認(rèn)字符編碼并不是UTF-8，故需要手動(dòng)調(diào)整一下設(shè)置，如下圖所示：

2.在eclipse中運(yùn)行調(diào)試JSP網(wǎng)站，如果本地安裝了TOMCAT且后臺(tái)一直運(yùn)行著默認(rèn)實(shí)例，那么可能調(diào)試時(shí)會(huì)報(bào)端口被占用，如果被占用了，就需要修改一下項(xiàng)目下的端口，方法如下圖所示：

注意server.xml中有好幾種Connector配置，一般我們只需改protocal="HTTP"的即可，因?yàn)槲覀兪沁\(yùn)行WEB項(xiàng)目,

另外大家也看到后面還有一個(gè)redirectPort配置項(xiàng)，這個(gè)的作用是：當(dāng)用戶用http請(qǐng)求某個(gè)資源URL，而該資源本身又被設(shè)置了必須要https方式訪問(wèn)，此時(shí)Tomcat會(huì)自動(dòng)重定向到這個(gè)redirectPort設(shè)置的https端口。

最后小結(jié)：

1.JSP WEB項(xiàng)目中頁(yè)面類一般包含：HTML、JSP、Servlet，其中：HTML、JSP文件是可以直接編輯HTML，而Servlet一般只是用于服務(wù)端請(qǐng)求的邏輯處理，并沒有提供直接的HTML，若需響應(yīng)成HTML，得自己使用JAVA代碼來(lái)動(dòng)態(tài)拼出HTML，原則上不建議在Servlet類中拼大量的HTML，完全可以采用JSP來(lái)代替。JSP可以HTML與JAVA語(yǔ)言混合，大家也看我上面的DEMO代碼，有些地方我用HTML靜態(tài)頁(yè)面，而有些我又使用JSP動(dòng)態(tài)頁(yè)面。如果對(duì)比ASP.NET項(xiàng)目，那么JSP文件類似ASP.NET中的ASPX文件，而Servlet類似于ASHX

2.Listener：用于監(jiān)聽捕獲WEB應(yīng)用、上下文、會(huì)話的改變，并根據(jù)每種事件處理相關(guān)邏輯，Filter：用于攔截每一個(gè)請(qǐng)求，并在攔截中處理相關(guān)邏輯(如：身份驗(yàn)證、記日志等)，這些類似于ASP.NET項(xiàng)目中的IIS管道事件、global全局事件；

3.大家有沒有發(fā)現(xiàn)，JSP WEB，要么前后分離(HTML純前端、Servlet純后端)，要么就是混合(JSP，包含HTML+Servlet)，那有沒有一種后端控制前端，后端與前端無(wú)需對(duì)應(yīng)，但又能各自變化呢？答案是可以的，這就是下一篇我要介紹的SSM框架，在此只是引入為什么需要MVC模式；

4.以前使用VS+ASP.NET，發(fā)現(xiàn)微軟的很多東西都是開箱即用，無(wú)需過(guò)多配置就能快速上手，而eclipse+JSP WEB需要各種配置，最主要是eclipse的編碼體驗(yàn)確實(shí)與VS相差太遠(yuǎn)。后續(xù)考慮會(huì)學(xué)習(xí)基于IDEA或VS CODE IDE來(lái)寫JAVA WEB項(xiàng)目，到時(shí)候再來(lái)分享。

總結(jié)

以上是生活随笔為你收集整理的java8生成jsp页面内容组装到jsp中_JAVA WEB快速入门之从编写一个JSP WEB网站了解JSP WEB网站的基本结构、调试、部署...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。