JAVA WEB快速入门之从编写一个JSP WEB网站了解JSP WEB网站的基本结构、调试、部署

接上篇《JAVA WEB快速入门之环境搭建》,在完成了环境搭建后(JDK、Tomcat、IDE),现在是万事具备,就差写代码了,今天就来从编写一个JSP WEB网站了解JSP WEB网站的基本结构、调试、部署,至于为什么要先写JSP WEB,而不是直接上SSM(Spring、SpringMVC、Mybatis),原因很简单,先得了解基础,再由浅入深,这是我的学习方法,如果一开始就写MVC,那么顶多也是照葫芦画瓢,很难深入,因为不知道原理,就无法扩展与灵活运用。好了废话不多说,开始本文的主题。 一、使用eclipse初始化一个JSP WEB项目(即:动态WEB项目),步骤如下: 如上图示注意选择TOMCAT版本 如上图示勾选生成web.xml,当然如果不勾选也行,但后续如果有需要用到配置的地方就需要再单独添加,故这里我选择一并生成。 最后点击finish按钮即可生成WEB项目 WEB项目的结构如下图示,每个部份都有说明,该图引用自网络 如上步骤也可参考更详细的教程:http://www.runoob.com/jsp/eclipse-jsp.html 二、编写一个登录静态页面(login.html),注意静态页面(html)、动态页面(jsp)均应在WebContent目录下创建 后面采取默认即可,最后创建好空的login.html,然后写如下示例代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 login
三、编写服务端处理逻辑类(LoginServlet),该类必需继承自HttpServlet,并按需重写相关的请求方法,例如此处是:doGet(处理GET请求)、doPost(处理POST请求) 自定义的Servlet类统一放在src目录下,按照JAVA 标准以包、类层级呈现 如上图示,包名一般是域名的反写,大家可能看到下面还有一个创建package-info.java的勾选项,具体用法可参考:PACKAGE-INFO.JAVA 作用及用法详解 创建好LoginServlet类后,编写如下代码:(主要是doPost,用于处理登录请求) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 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中使用如下配置: 1 2 3 4 5 6 7 8 LoginServlet cn.zuowenjun.java.LoginServlet LoginServlet /servlet/login    另一种方式是使用注解,在servlet类名上方使用@WebServlet注解,在里面设置参数,如下: 1 2 3 4 5 @WebServlet(name="LoginServlet",urlPatterns= {"/servlet/login"}) public class LoginServlet extends HttpServlet { ... ... } 这样登录页面的前后端交互写完了,如果登录成功则跳转至index.jsp页面,否则直接输出错误信息,下面就写index.jsp(动态页面): 四、编写index.jsp(动态页面),我这里将所有jsp页面统一放在jsp目录中,以区分静态页面与动态页面,创建jsp页面的方法与创建静态页面方法基本相同,只是创建类型选择jsp File即可,在此不再重复介绍。 创建好空的index.jsp页面后,编写从SQL SERVER DB中获取表数据并显示在页面上的逻辑(即:查询数据),代码如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@page import="java.sql.Connection"%> <%@page import="java.sql.DriverManager"%> <%@page import="java.sql.ResultSet"%> <%@page import="java.sql.SQLException"%> <%@page import="java.sql.Statement"%> <%!/*从SQL SERVER中获取测试数据*/ 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页面 <% ResultSet pageData=getTestData("select top 100 sys_guid,FormId,EventId,MaxElapsedTime,SlowTotalCount,LastSlowRequestTime,DisabedRequest from TS_ConfigLimitRequest"); int colCount=pageData.getMetaData().getColumnCount(); %> <%for(int i=1;i<=colCount;i++) { %> <%} %> <%while (pageData.next()){ %> <%for(int i=1;i<=colCount;i++) { %> <%} %> <%} %>
<%=pageData.getMetaData().getColumnName(i) %>操作
<%=pageData.getString(i) %>" target="_blank">编辑
 JSP生命周期及相关学习教程,可参考:http://www.runoob.com/jsp/jsp-life-cycle.html  如上代码,涉及第一个重点:引用第三方JAR包(如:SQL SERVER JDBC),如何引用步骤如下: 1.先下载所需的JAR包(如这里我需要SQL SERVER JDBC的JAR包,下载地址:https://docs.microsoft.com/zh-cn/sql/connect/jdbc/download-microsoft-jdbc-driver-for-sql-server?view=sql-server-2017) 2.下载后将JAR包复制到WebContent\WEB-INF\lib目录下,然后选中JAR包右键,选择buid path-->configure buid path,如下图示: 3.然后如下图所示在Libaraies下选择WebContent\WEB-INF\lib目录下的mssql-jdbc-7.0.0.jre8.jar包,最后点击应用即可。 可以从项目的依赖类库中看到刚添加的JAR包,如下图示: 涉及第二个重点:使用原生JDBC操作数据库,由于这块涉及的内容比较多,故我这里借别人的图来展示一下JDBC的完整结构,代码中也只是用到了最基本的查询: 五、编写edit.jsp页面,用于可修改记录或删除记录(即:增、删、改),同样参照index.jsp的创建步骤 创建好edit.jsp空页面后,编写如下代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 <%@ page language="java" contentType="text/html; charset=UTF-8" import="java.sql.*" pageEncoding="UTF-8"%> <% Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver"); %> <%! //全局定义区 /*从SQL SERVER中获取测试数据*/ private Connection getConnection() throws SQLException { Connection sqlConn = DriverManager.getConnection("jdbc:sqlserver://172.20.3.31:3341;DatabaseName=LMSKYEXPRESS", "dev07", "A5CF@#4E90$%%1F048C96BF;"); 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; } } /*执行SQL,使用事务*/ 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]);//参数是从1开始 } stmt.execute(); sqlConn.commit(); return "执行成功!"; } catch (SQLException sqlEx) { if (sqlConn != null) { try{ sqlConn.rollback(); }catch(SQLException sqlExtrn){ return "执行失败,且回滚事务失败,原因:" + sqlExtrn.getMessage(); } } return "执行失败,原因:" + sqlEx.getMessage(); } catch (Exception ex) { return "执行失败,原因:" + ex.getMessage(); } } /*是否FORM请求回调*/ private Boolean isPostBack(HttpServletRequest request) { String postValue = request.getParameter("__formpost"); if ("POST".equals(postValue)) { return true; } else { return false; } }%> edit页面 <% 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: " />
EventId: " />
MaxElapsedTime: " />
SlowTotalCount: " />
LastSlowRequestTime: " />
DisabedRequest: