如上图示把稳选择TOMCAT版本
如上图示勾选天生web.xml,当然如果不勾选也行,但后续如果有须要用到配置的地方就须要再单独添加,故这里我选择一并天生。
末了点击finish按钮即可天生WEB项目
WEB项目的构造如下图示,每个部份都有解释,该图引用自网络
如上步骤也可参考更详细的教程:http://www.runoob.com/jsp/eclipse-jsp.html
二、编写一个登录静态页面(login.html),把稳静态页面(html)、动态页面(jsp)均应在WebContent目录下创建
后面采纳默认即可,末了创建好空的login.html,然后写如下示例代码:
<!DOCTYPE html><html><head><meta charset=\公众UTF-8\"大众><title>login</title></head><body> <form action=\"大众/demo2/servlet/login\"大众 method=\"大众post\公众> <div> <label for=\"大众userid\"大众>UserID:</label> <input type=\公众text\公众 name=\"大众uid\"大众 /> </div> <div> <label for=\公众pwd\公众>Password:</label> <input type=\"大众password\"大众 name=\"大众pwd\公众 /> </div> <div> <button type=\公众submit\"大众>Enter</button> </div> </form></body></html>
三、编写做事端处理逻辑类(LoginServlet),该类必需继续自HttpServlet,并按需重写干系的要求方法,例如此处是:doGet(处理GET要求)、doPost(处理POST要求)
自定义的Servlet类统一放在src目录下,按照JAVA 标准以包、类层级呈现
如上图示,包名一样平常是域名的反写,大家可能看到下面还有一个创建package-info.java的勾选项,详细用法可参考:PACKAGE-INFO.JAVA 浸染及用法详解
创建好LoginServlet类后,编写如下代码:(紧张是doPost,用于处理登录要求)
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中利用如下配置:
<servlet> <servlet-name>LoginServlet</servlet-name> <servlet-class>cn.zuowenjun.java.LoginServlet</servlet-class></servlet><servlet-mapping> <servlet-name>LoginServlet</servlet-name> <url-pattern>/servlet/login</url-pattern></servlet-mapping>
另一种办法是利用表明,在servlet类名上方利用@WebServlet表明,在里面设置参数,如下:
@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中获取表数据并显示在页面上的逻辑(即:查询数据),代码如下:
<%@ 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; } }%> <!DOCTYPE html><html><head><meta charset=\"大众utf-8\公众><title>Index页面</title><style type=\"大众text/css\"大众> 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;}</style></head><body><%ResultSet pageData=getTestData(\公众select top 100 sys_guid,FormId,EventId,MaxElapsedTime,SlowTotalCount,LastSlowRequestTime,DisabedRequest from TS_ConfigLimitRequest\"大众);int colCount=pageData.getMetaData().getColumnCount();%><table> <tr> <%for(int i=1;i<=colCount;i++) { %> <th><%=pageData.getMetaData().getColumnName(i) %></th> <%} %> <th>操作</th> </tr> <%while (pageData.next()){ %> <tr> <%for(int i=1;i<=colCount;i++) { %> <td><%=pageData.getString(i) %></td> <%} %> <td><a href=\"大众edit.jsp?sysguid=<%=pageData.getString(\"大众sys_guid\"大众)%>\"大众 target=\"大众_blank\公众>编辑</a></td> </tr> <%} %> </table> </body></html>
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空页面后,编写如下代码:
<%@ 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://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; } } /实行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; } }%> <!DOCTYPE html><html><head><meta charset=\公众UTF-8\"大众><title>edit页面</title></head><body> <% 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; } %> <form method=\"大众post\"大众> <table> <tr> <td>FormId:</td> <td><input type=\"大众text\公众 name=\"大众FormId\"大众 value=\"大众<%=itemSet.getString(\公众FormId\公众)%>\"大众 /></td> </tr> <tr> <td>EventId:</td> <td><input type=\"大众text\"大众 name=\公众EventId\"大众 value=\"大众<%=itemSet.getString(\"大众EventId\"大众)%>\"大众 /></td> </tr> <tr> <td>MaxElapsedTime:</td> <td><input type=\"大众text\公众 name=\公众MaxElapsedTime\公众 value=\"大众<%=itemSet.getString(\公众MaxElapsedTime\"大众)%>\"大众 /></td> </tr> <tr> <td>SlowTotalCount:</td> <td><input type=\"大众text\"大众 name=\"大众SlowTotalCount\公众 value=\"大众<%=itemSet.getString(\"大众SlowTotalCount\"大众)%>\"大众 /></td> </tr> <tr> <td>LastSlowRequestTime:</td> <td><input type=\"大众text\"大众 name=\"大众LastSlowRequestTime\公众 value=\"大众<%=itemSet.getString(\"大众LastSlowRequestTime\"大众)%>\公众 /></td> </tr> <tr> <td>DisabedRequest:</td> <td><select name=\公众DisabedRequest\公众> <option value=\"大众\公众 <%if (\"大众\公众.equals(itemSet.getString(\"大众DisabedRequest\公众))) {%> selected <%}%>>-空-</option> <option value=\公众true\"大众 <%if (\公众true\公众.equals(itemSet.getString(\公众DisabedRequest\公众))) {%> selected <%}%>>true</option> <option value=\"大众false\"大众 <%if (\"大众false\"大众.equals(itemSet.getString(\公众DisabedRequest\"大众))) {%> selected <%}%>>false</option> </select></td> </tr> </table> <input type=\"大众hidden\"大众 name=\公众sysguid\"大众 value=\"大众<%=sysguid%>\"大众> <button id=\公众btnSave\"大众 type=\"大众submit\"大众 name=\公众doAction\"大众 value=\公众Save\"大众>Save</button> <button id=\"大众btnSave\"大众 type=\"大众submit\"大众 name=\"大众doAction\"大众 value=\"大众Delete\公众>Delete</button> <input type=\公众hidden\公众 name=\"大众__formpost\"大众 value=\"大众POST\"大众> </form> <p style=\"大众color:<%if (!execResult.isEmpty() && execResult.startsWith(\"大众保存失落败\公众)) {%>red<%} else {%>green<%}%>\"大众> <%=execResult%> </p></body></html>
如上代码紧张涉及JDBC实行SQL语句,同时还特意利用了参数占位符以避免SQL注入,利用了事务以便可以演示事务的提交与回滚操作,详细的代码事理因篇幅有限就不先容请参摄影关文档。
六、编写一个登录验证过滤器:LoginValidationFilter,以实现对某些目录下页面进行登录限定(如:本文示例的是jsp目录),过滤器必需实现Filter接口,过滤器的紧张逻辑写在doFilter中,代码如下:
(过滤器干系知识:http://www.runoob.com/jsp/jsp-writing-filters.html)
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(\"大众<script>alert('您没有登录登录,请先登录!
need ReLogin!');this.location.href='\公众 + indexUrl + \"大众'; </script>\公众); } } / @see Filter#init(FilterConfig) / public void init(FilterConfig fConfig) throws ServletException { // TODO Auto-generated method stub } }
Filter支配(映射)有两种办法,同servlet支配类假,一种是在web.xml中利用如下配置:
<filter> <filter-name>LoginValidationFilter</filter-name> <filter-class>cn.zuowenjun.java.LoginValidationFilter</filter-class></filter><filter-mapping> <filter-name>LoginValidationFilter</filter-name> <url-pattern>/jsp/</url-pattern></filter-mapping>
另一种办法便是利用@WebFilter表明,配置如下:
@WebFilter(filterName=\"大众LoginValidationFilter\公众,urlPatterns=\"大众/jsp/\公众)public class LoginValidationFilter implements Filter {...}
如此一个大略的JSP WEB示例网站代码就写完了,包含:登录、验证登录、查看数据、编辑数据,下面贴出运行效果,把稳由于是DEMO,故没有严格按照编码规范及UI用户体验,只是为了演示结果:
当然还有一种类型没有先容,那便是监听器:Listener,紧张是用来监听 ServletContext, HttpSession, HttpServletRequest 这三个工具中的属性变更信息事宜的监听器,可参考:https://www.cnblogs.com/xdp-gacl/p/3969249.html,我们可以利用ServletRequestListener的requestInitialized、requestDestroyed方法来写一个大略的记录当前demo网站的在线用户人数,实现比较大略,在此就不再展开先容了。
七、打包支配到WEB做事器(Tomcat)
1.打包WAR包:直接参考这篇文章即可:https://www.cnblogs.com/yjq520/p/7323934.html,本身也大略便是导出时选择WAR包类型即可,在此就不先容了。
2.支配到TOMCAT:只需将打包好的WAR包复制到tomcat的webapps目录下即可,在第一次运行时tomcat会自动解包并天生一个目录,本DEMO的示例发布到TOMCAT的效果:
末了就直接在浏览器中访问URL即可:localhost:8080/demo2/xxxx;
附加2个编码小技巧:
1.创建一个JSP文件,默认字符编码并不是UTF-8,故须要手动调度一下设置,如下图所示:
2.在eclipse中运行调试JSP网站,如果本地安装了TOMCAT且后台一贯运行着默认实例,那么可能调试时会报端口被占用,如果被占用了,就须要修正一下项眼前的端口,方法如下图所示:
把稳server.xml中有好几种Connector配置,一样平常我们只需改protocal=\公众HTTP\公众的即可,由于我们是运行WEB项目,
其余大家也看到后面还有一个redirectPort配置项,这个的浸染是:当用户用http要求某个资源URL,而该资源本身又被设置了必须要https办法访问,此时Tomcat会自动重定向到这个redirectPort设置的https端口。
末了小结:
1.JSP WEB项目中页面类一样平常包含:HTML、JSP、Servlet,个中:HTML、JSP文件是可以直接编辑HTML,而Servlet一样平常只是用于做事端要求的逻辑处理,并没有供应直接的HTML,若需相应成HTML,得自己利用JAVA代码来动态拼出HTML,原则上不建议在Servlet类中拼大量的HTML,完备可以采取JSP来代替。JSP可以HTML与JAVA措辞稠浊,大家也看我上面的DEMO代码,有些地方我用HTML静态页面,而有些我又利用JSP动态页面。如果比拟ASP.NET项目,那么JSP文件类似ASP.NET中的ASPX文件,而Servlet类似于ASHX
2.Listener:用于监听捕获WEB运用、高下文、会话的改变,并根据每种事宜处理干系逻辑,Filter:用于拦截每一个要求,并在拦截中处理干系逻辑(如:身份验证、记日志等),这些类似于ASP.NET项目中的IIS管道事宜、global全局事宜;
3.大家有没有创造,JSP WEB,要么前后分离(HTML纯前端、Servlet纯后端),要么便是稠浊(JSP,包含HTML+Servlet),那有没有一种后端掌握前端,后端与前端无需对应,但又能各自变革呢?答案是可以的,这便是下一篇我要先容的SSM框架,在此只是引入为什么须要MVC模式;
4.以前利用VS+ASP.NET,创造微软的很多东西都是开箱即用,无需过多配置就能快速上手,而eclipse+JSP WEB须要各种配置,最紧张是eclipse的编码体验确实与VS相差太远。后续考虑会学习基于IDEA或VS CODE IDE来写JAVA WEB项目,到时候再来分享。