整合營(yíng)銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          一步步實(shí)現(xiàn)web程序信息管理系統(tǒng)之二-后臺(tái)框架實(shí)現(xiàn)跳轉(zhuǎn)登陸頁面

          pringBoot

          springboot的目的是為了簡(jiǎn)化spring應(yīng)用的開發(fā)搭建以及開發(fā)過程。內(nèi)部使用了特殊的處理,使得開發(fā)人員不需要進(jìn)行額外繁鎖的xml文件配置的編寫,其內(nèi)部包含很多模塊的配置只需要添加maven依賴即可使用,這項(xiàng)功能可謂對(duì)開發(fā)人員提供了大大的好處。使用springboot只需要簡(jiǎn)單配置一下就可以完成之前復(fù)雜的配置過程。可以到https://start.spring.io/此網(wǎng)站上,下載一個(gè)最簡(jiǎn)單的springboot應(yīng)用,然后一步一步實(shí)現(xiàn)自已的應(yīng)用。

          可以看出當(dāng)前的穩(wěn)定版本為2.1.0,點(diǎn)擊Generate Project 按鈕,即可下載一個(gè)可用的springboot應(yīng)用。

          這個(gè)是我下載下來后,雙擊后出來的??梢钥闯鲆怨こ淌且粋€(gè)基于maven的項(xiàng)目。你可以將其解壓到任何一個(gè)目錄下,通過eclipse或其他IDE進(jìn)行導(dǎo)入后運(yùn)行,eclipse導(dǎo)入流程為File->import->maven->existing maven projects,查找到自己的項(xiàng)目目錄。也可以基于此工程來建立自已的maven項(xiàng)目。

          下面以建立自己的maven項(xiàng)目

          建立自己的springboot項(xiàng)目

          • 創(chuàng)建工程

          在建立項(xiàng)目時(shí),可以創(chuàng)建一個(gè)多模塊聚合項(xiàng)目,即在創(chuàng)建項(xiàng)目時(shí)選中

          選擇為pom。

          創(chuàng)建后的工程結(jié)構(gòu)為

          • jar包依賴
          • 打開從springboot官網(wǎng)中下載下來的工程目錄,打開pom.xml文件
          <parent>
           <groupId>org.springframework.boot</groupId>
           <artifactId>spring-boot-starter-parent</artifactId>
           <version>2.1.0.RELEASE</version>
           <relativePath/> <!-- lookup parent from repository -->
           </parent>
           <properties>
           <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
           <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
           <java.version>1.8</java.version>
           </properties>
          

          將此段代碼復(fù)制到 spring-boot-study工程中的pom文件中

          將下面的依賴復(fù)制到spring-boot-web工程中的pom文件中

          <dependencies>
           <dependency>
           <groupId>org.springframework.boot</groupId>
           <artifactId>spring-boot-starter</artifactId>
           </dependency>
           <dependency>
           <groupId>org.springframework.boot</groupId>
           <artifactId>spring-boot-starter-test</artifactId>
           <scope>test</scope>
           </dependency>
           </dependencies>
           <build>
           <plugins>
           <plugin>
           <groupId>org.springframework.boot</groupId>
           <artifactId>spring-boot-maven-plugin</artifactId>
           </plugin>
           </plugins>
           </build>
          

          eclipse自動(dòng)完成項(xiàng)目工程的配置。完成后項(xiàng)目中所有需要依賴的jar包自動(dòng)配置完成。

          • 代碼編寫
          • 將application.properties文件拷貝到spring-boot-study項(xiàng)目的resources目錄下。文件中的內(nèi)容暫時(shí)先不要管,編寫以下代碼
          @SpringBootApplication
          @RestController
          public class WebApplication {
           @RequestMapping("/hello")
           public String helloWorld() {
           return "Hello World";
           }
           
           public static void main(String[] args) {
           SpringApplication.run(WebApplication.class, args);
           }
           
          }
          

          HelloWold就已經(jīng)完成后??梢栽跒g覽器中輸入localhost:8080/hello即可看到效果

          springboot默認(rèn)啟動(dòng)后的端口為8080,但可以在application.properties文件中進(jìn)行修改。

          server.port=9001
          

          將端口修改為9001,重新啟動(dòng)項(xiàng)目后,在瀏覽器中輸入入localhost:9001/hello同樣可以看到相同的結(jié)果。

          • 整合login界面
          • 現(xiàn)在后臺(tái)已經(jīng)有轉(zhuǎn)發(fā)功能,具備web瀏覽功能。但我們需要訪問URL為“/”時(shí)跳轉(zhuǎn)到登陸界面,即創(chuàng)建好的登陸界面。本人也是在學(xué)習(xí)過程中,在網(wǎng)上學(xué)習(xí)好久才發(fā)現(xiàn)使用html的話就使用thymeleaf模板就好了。下面就詳細(xì)來說說如何使用thymeleaf開發(fā)html。
          • 在spring-boot-web項(xiàng)目中的pom文件中加上thymeleaf的依賴。
           <!-- 加入thymeleaf的支持 -->
           <dependency>
           <groupId>org.springframework.boot</groupId>
           <artifactId>spring-boot-starter-thymeleaf</artifactId>
           </dependency>
          

          但在Spring Boot項(xiàng)目中,一般src/main/resources/static目錄用于存放各類靜態(tài)資源文件,例如css、js和image等。src/main/resources/templates用于存放頁面文件,例如html,jsp等。所以在spring-boot-web中的resources目錄下創(chuàng)建static目錄與templates目錄,并將相應(yīng)的資源文件放置在各自的目錄下。

          配置thymeleaf

          #thymeleaf
          spring.thymeleaf.prefix=classpath:/templates/
          spring.thymeleaf.suffix=.html
          spring.thymeleaf.mode=HTML
          spring.thymeleaf.encoding=UTF-8
          spring.thymeleaf.servlet.content-type=text/html
          spring.thymeleaf.cache=false
          

          html文件修改,增加xmlns:th="http://www.thymeleaf.org" 屬性,資源文件的引入要修改。

          <link href="../static/css/style.css" th:href="@{/css/style.css}" rel="stylesheet" />
          <link href="../static/css/login.css" th:href="@{/css/login.css}" rel="stylesheet" />
          

          然后編寫 java代碼

          @Controller
          public class IndexController {
           @RequestMapping("/")
           public String index() {
           return "login";
           }
           
          }
          

          重新啟動(dòng)程序,訪問localhost:9001/就可成功跳轉(zhuǎn)至login.html登陸界面上。

          注:thymeleaf對(duì)html標(biāo)簽要求很嚴(yán)格,每一個(gè)標(biāo)簽都需要成對(duì)出現(xiàn)。

          調(diào)試過程中遇到下面異常信息

          org.thymeleaf.exceptions.TemplateInputException: Error resolving template [login], template might not exist or might not be accessible by any of the configured Template Resolvers
           at org.thymeleaf.engine.TemplateManager.resolveTemplate(TemplateManager.java:869) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
           at org.thymeleaf.engine.TemplateManager.parseAndProcess(TemplateManager.java:607) ~[thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
           at org.thymeleaf.TemplateEngine.process(TemplateEngine.java:1098) [thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
           at org.thymeleaf.TemplateEngine.process(TemplateEngine.java:1072) [thymeleaf-3.0.11.RELEASE.jar:3.0.11.RELEASE]
           at org.thymeleaf.spring5.view.ThymeleafView.renderFragment(ThymeleafView.java:362) [thymeleaf-spring5-。。。。。。。。。。。
          

          因?yàn)殄e(cuò)將templates寫成templatse導(dǎo)致。

          至此實(shí)現(xiàn)從后端服務(wù)訪問到登陸界面的搭建,還沒有具體登陸邏輯實(shí)現(xiàn)。

          ervlet 可以與 HTML form 標(biāo)簽一起使用,來允許用戶上傳文件到服務(wù)器。上傳的文件可以是文本文件或圖像文件或任何文檔。

          創(chuàng)建一個(gè)文件上傳表單

          下面的 HTML 代碼創(chuàng)建了一個(gè)文件上傳表單。以下幾點(diǎn)需要注意:

          • 表單 method 屬性應(yīng)該設(shè)置為 POST 方法,不能使用 GET 方法。
          • 表單 enctype 屬性應(yīng)該設(shè)置為 multipart/form-data.
          • 表單 action 屬性應(yīng)該設(shè)置為在后端服務(wù)器上處理文件上傳的 Servlet 文件。下面的實(shí)例使用了 UploadServlet Servlet 來上傳文件。
          • 上傳單個(gè)文件,您應(yīng)該使用單個(gè)帶有屬性 type="file" 的 <input .../> 標(biāo)簽。為了允許多個(gè)文件上傳,請(qǐng)包含多個(gè) name 屬性值不同的 input 標(biāo)簽。輸入標(biāo)簽具有不同的名稱屬性的值。瀏覽器會(huì)為每個(gè) input 標(biāo)簽關(guān)聯(lián)一個(gè)瀏覽按鈕。
          <html>
          <head>
          <title>文件上傳表單</title>
          </head>
          <body>
          <h3>文件上傳:</h3>
          請(qǐng)選擇要上傳的文件:<br />
          <form action="UploadServlet" method="post" enctype="multipart/form-data">
          <input type="file" name="file" size="50" />
          <br />
          <input type="submit" value="上傳文件" />
          </form>
          </body>
          </html>
          

          這將顯示下面的結(jié)果,允許用戶從本地計(jì)算機(jī)選擇一個(gè)文件,當(dāng)用戶點(diǎn)擊"上傳文件"時(shí),表單會(huì)連同從本地計(jì)算機(jī)選擇的文件一起提交:

           <b>文件上傳:</b> 
          請(qǐng)選擇要上傳的文件:<br /> 
          <input type="file" name="file" size="50" /> 
          <br /> 
          <input type="button" value="上傳文件" /> 
          <br /> 
          注:這只是虛擬的表單,不會(huì)正常工作。
          

          編寫后臺(tái) Servlet

          以下是 Servlet UploadServlet,會(huì)接受上傳的文件,并把它儲(chǔ)存在目錄 <Tomcat-installation-directory>/webapps/data 中。這個(gè)目錄名也可以使用外部配置來添加,比如 web.xml 中的 context-param 元素,如下所示:

          <web-app>
          ....
          <context-param> 
           <description>Location to store uploaded file</description> 
           <param-name>file-upload</param-name> 
           <param-value>
           c:\apache-tomcat-5.5.29\webapps\data\
           </param-value> 
          </context-param>
          ....
          </web-app>
          

          以下是 UploadServlet 的源代碼,可以一次處理多個(gè)文件的上傳。在繼續(xù)操作之前,請(qǐng)確認(rèn)下列各項(xiàng):

          • 下面的實(shí)例依賴于 FileUpload,所以一定要確保在您的 classpath 中有最新版本的 commons-fileupload.x.x.jar 文件??梢詮?http://commons.apache.org/fileupload/ 下載。
          • FileUpload 依賴于 Commons IO,所以一定要確保在您的 classpath 中有最新版本的 commons-io-x.x.jar 文件??梢詮?http://commons.apache.org/io/ 下載。
          • 在測(cè)試下面實(shí)例時(shí),您上傳的文件大小不能大于 maxFileSize,否則文件將無法上傳。
          • 請(qǐng)確保已經(jīng)提前創(chuàng)建好目錄 c:\temp and c:\apache-tomcat-5.5.29\webapps\data。
          // 導(dǎo)入必需的 java 庫
          import java.io.*;
          import java.util.*;
           
          import javax.servlet.ServletConfig;
          import javax.servlet.ServletException;
          import javax.servlet.http.HttpServlet;
          import javax.servlet.http.HttpServletRequest;
          import javax.servlet.http.HttpServletResponse;
           
          import org.apache.commons.fileupload.FileItem;
          import org.apache.commons.fileupload.FileUploadException;
          import org.apache.commons.fileupload.disk.DiskFileItemFactory;
          import org.apache.commons.fileupload.servlet.ServletFileUpload;
          import org.apache.commons.io.output.*;
          public class UploadServlet extends HttpServlet {
           
           private boolean isMultipart;
           private String filePath;
           private int maxFileSize = 50 * 1024;
           private int maxMemSize = 4 * 1024;
           private File file ;
           public void init( ){
           // 獲取文件將被存儲(chǔ)的位置
           filePath = 
           getServletContext().getInitParameter("file-upload"); 
           }
           public void doPost(HttpServletRequest request, 
           HttpServletResponse response)
           throws ServletException, java.io.IOException {
           // 檢查我們有一個(gè)文件上傳請(qǐng)求
           isMultipart = ServletFileUpload.isMultipartContent(request);
           response.setContentType("text/html");
           java.io.PrintWriter out = response.getWriter( );
           if( !isMultipart ){
           out.println("<html>");
           out.println("<head>");
           out.println("<title>Servlet upload</title>"); 
           out.println("</head>");
           out.println("<body>");
           out.println("<p>No file uploaded</p>"); 
           out.println("</body>");
           out.println("</html>");
           return;
           }
           DiskFileItemFactory factory = new DiskFileItemFactory();
           // 文件大小的最大值將被存儲(chǔ)在內(nèi)存中
           factory.setSizeThreshold(maxMemSize);
           // Location to save data that is larger than maxMemSize.
           factory.setRepository(new File("c:\\temp"));
           // 創(chuàng)建一個(gè)新的文件上傳處理程序
           ServletFileUpload upload = new ServletFileUpload(factory);
           // 允許上傳的文件大小的最大值
           upload.setSizeMax( maxFileSize );
           try{ 
           // 解析請(qǐng)求,獲取文件項(xiàng)
           List fileItems = upload.parseRequest(request);
           
           // 處理上傳的文件項(xiàng)
           Iterator i = fileItems.iterator();
           out.println("<html>");
           out.println("<head>");
           out.println("<title>Servlet upload</title>"); 
           out.println("</head>");
           out.println("<body>");
           while ( i.hasNext () ) 
           {
           FileItem fi = (FileItem)i.next();
           if ( !fi.isFormField () ) 
           {
           // 獲取上傳文件的參數(shù)
           String fieldName = fi.getFieldName();
           String fileName = fi.getName();
           String contentType = fi.getContentType();
           boolean isInMemory = fi.isInMemory();
           long sizeInBytes = fi.getSize();
           // 寫入文件
           if( fileName.lastIndexOf("\\") >= 0 ){
           file = new File( filePath + 
           fileName.substring( fileName.lastIndexOf("\\"))) ;
           }else{
           file = new File( filePath + 
           fileName.substring(fileName.lastIndexOf("\\")+1)) ;
           }
           fi.write( file ) ;
           out.println("Uploaded Filename: " + fileName + "<br>");
           }
           }
           out.println("</body>");
           out.println("</html>");
           }catch(Exception ex) {
           System.out.println(ex);
           }
           }
           public void doGet(HttpServletRequest request, 
           HttpServletResponse response)
           throws ServletException, java.io.IOException {
           
           throw new ServletException("GET method used with " +
           getClass( ).getName( )+": POST method required.");
           } 
          }
          

          編譯和運(yùn)行 Servlet

          編譯上面的 Servlet UploadServlet,并在 web.xml 文件中創(chuàng)建所需的條目,如下所示:

          <servlet>
           <servlet-name>UploadServlet</servlet-name>
           <servlet-class>UploadServlet</servlet-class>
          </servlet>
          <servlet-mapping>
           <servlet-name>UploadServlet</servlet-name>
           <url-pattern>/UploadServlet</url-pattern>
          </servlet-mapping>
          

          現(xiàn)在嘗試使用您在上面創(chuàng)建的 HTML 表單來上傳文件。當(dāng)您在瀏覽器中訪問:http://localhost:8080/UploadFile.htm 時(shí),它會(huì)顯示下面的結(jié)果,這將有助于您從本地計(jì)算機(jī)上傳任何文件。

          <b>文件上傳:</b> 
          請(qǐng)選擇要上傳的文件:<br /> 
          <input type="file" name="file" size="50" /> 
          <br /> 
          <input type="button" value="上傳文件" /> 
          

          如果您的 Servelt 腳本能正常工作,那么您的文件會(huì)被上傳到 c:\apache-tomcat-5.5.29\webapps\data\ 目錄中。

          么是JSP

          JSP全名為Java Server Pages,java服務(wù)器頁面。JSP是一種基于文本的程序,其特點(diǎn)就是HTML和Java代碼共同存在!

          為什么需要JSP

          JSP是為了簡(jiǎn)化Servlet的工作出現(xiàn)的替代品,Servlet輸出HTML非常困難,JSP就是替代Servlet輸出HTML的。

          簡(jiǎn)單使用一下JSP

          • 在idea下生成一個(gè)JSP,我們來看一下JSP長(zhǎng)什么樣子

          • 看起來就像一個(gè)HTML頁面,前面也說了:JSP的特點(diǎn)就是HTML和Java代碼共同存在
          • 我們向?yàn)g覽器輸出一句HelloWorld,至于<%%>這個(gè)東西,我先不解釋!

          JSP的工作原理

          • 在Tomcat博客中我提到過:Tomcat訪問任何的資源都是在訪問Servlet!,當(dāng)然了,JSP也不例外!JSP本身就是一種Servlet。為什么我說JSP本身就是一種Servlet呢?其實(shí)JSP在第一次被訪問的時(shí)候會(huì)被編譯為HttpJspPage類(該類是HttpServlet的一個(gè)子類)
          • 剛才我簡(jiǎn)單使用了一下JSP,它被編譯成了這么一個(gè)Servlet:

          • 編譯過程是這樣子的:瀏覽器第一次請(qǐng)求1.jsp時(shí),Tomcat會(huì)將1.jsp轉(zhuǎn)化成1_jsp.java這么一個(gè)類,并將該文件編譯成class文件。編譯完畢后再運(yùn)行class文件來響應(yīng)瀏覽器的請(qǐng)求。
          • 以后訪問1.jsp就不再重新編譯jsp文件了,直接調(diào)用class文件來響應(yīng)瀏覽器。當(dāng)然了,如果Tomcat檢測(cè)到JSP頁面改動(dòng)了的話,會(huì)重新編譯的。
          • 既然JSP是一個(gè)Servlet,那JSP頁面中的HTML排版標(biāo)簽是怎么樣被發(fā)送到瀏覽器的?我們來看下上面1_jsp.java的源碼就知道了。原來就是用write()出去的罷了。說到底,JSP就是封裝了Servlet的java程序罷了。

          • 有人可能也會(huì)問:JSP頁面的代碼服務(wù)器是怎么執(zhí)行的?再看回1_jsp.java文件,java代碼就直接在類中的service()中。
          String s = "HelloWorda";
          out.println(s);
          
          • JSP比Servlet更方便更簡(jiǎn)單的一個(gè)重要原因就是:內(nèi)置了9個(gè)對(duì)象!內(nèi)置對(duì)象有:out、session、response、request、config、page、application、pageContext、exception,這幾個(gè)內(nèi)置對(duì)象不在這里講。現(xiàn)在先知道一下即可!

          JSP生命周期

          JSP也是Servlet,運(yùn)行時(shí)只有一個(gè)實(shí)例,JSP初始化和銷毀時(shí)也會(huì)調(diào)用Servlet的init()和destroy()方法。另外,JSP還有自己初始化和銷毀的方法

          JSP的語法

          JSP代碼可以分為兩部分:

          1. 模板數(shù)據(jù):就是HTML代碼
          2. 元素:JSP頁面中的java代碼、JSP指令、JSP標(biāo)簽


          JSP腳本

          • JSP的腳本就是JSP頁面中的java代碼,也叫做scriptlet。JSP的腳本必須使用<%%>括起來,不然會(huì)被當(dāng)成是模板數(shù)據(jù)的!
          • JSP腳本有三種方式:
          • <%%>【定義局部變量,編寫語句】
          • <%!%>【定義類或方法,但是沒人這樣用!
          • <%=%>(也稱之為表達(dá)式輸出)【輸出各種類型的變量,int、double、String、Object等】
          • 如果過多地使用<%%>會(huì)導(dǎo)致代碼混亂,JSP還提供了一種scriptlet標(biāo)簽,使用此標(biāo)簽和<%%>有相同的功能,只不過它更美觀了一些
          <jsp:scriptlet>
           String s = "HelloWorld";
           out.println(s);
          </jsp:scriptlet>
          

          JSP注釋

          <%--這是JSP注釋--%>
          <%--%>
          //這是java的當(dāng)行注釋
          //
          /*這是java的多行注釋*/
          /**/
          

          JSP指令

          JSP指令用來聲明JSP頁面的相關(guān)屬性,例如編碼方式、文檔類型等等

          JSP指令的語法:

          <%@指令 屬性名="值" %>
          


          page指令

          • 我在idea生成的JSP頁面就有page指令了。
          <%@ page contentType="text/html;charset=UTF-8" language="java" %>
          


          • page指令常見屬性:
          • language="java"
          • extends="package.class"
          • import="{package.class | package.*}, …"
          • session="true | false"
          • buffer="none | 8kb | sizekb"
          • autoFlush="true | false"
          • isThreadSafe="true | false"
          • info="text"
          • errorPage="relative_url"
          • isErrorPage="true | false"
          • contentType="mimeType ;charset=characterSet " | "text/html ; charset=ISO-8859-1"
          • pageEncoding="characterSet | ISO-8859-1"
          • isELIgnored="true | false"
          • 一般地,在eclipse或idea這些高級(jí)開發(fā)工具上開發(fā),我們只需要在page指令中指定contentType="text/html;charset=UTF-8",就不會(huì)出現(xiàn)中文亂碼問題!
          • 當(dāng)然了contentType 不僅僅可以指定以text/html的方式顯示,還可以使用其他的形式顯示出來。在conf/web.xml文件中可以查詢出來

          • 比如,我以doc形式顯示jsp的數(shù)據(jù)
          <%@ page contentType="application/msword;charset=UTF-8" language="java" %>
          <html>
          <head>
           <title>簡(jiǎn)單使用JSP</title>
          </head>
          <body>
           1111
          </body>
          </html>
          
          • 我們上網(wǎng)的時(shí)候,如果我們操作不當(dāng),或者服務(wù)器出錯(cuò)了,頁面都是會(huì)出現(xiàn)友好提示的!這個(gè)也能通過page指令來實(shí)現(xiàn)跳轉(zhuǎn)到友好提示頁面上!
          • page指令errorPage=和isErrorPage這兩個(gè)屬性,下面我們來看一下怎么使用!
          • 1.jsp出現(xiàn)了錯(cuò)誤,通過page指令的errorPage屬性跳轉(zhuǎn)到error.jsp頁面
          <%@ page contentType="text/html;charset=UTF-8" language="java" errorPage="error.jsp" %>
          <html>
          <head>
           <title>該頁面出錯(cuò)了!</title>
          </head>
          <body>
           <%--模擬頁面出錯(cuò)了?。?!--%>
           <%
           int result = 2 / 0;
           %>
           你好呀
          </body>
          </html>
          
          • error.jsp頁面要通過page指令的isErrorPage屬性設(shè)置頁面就是錯(cuò)誤頁面
          <%@ page contentType="text/html;charset=UTF-8" language="java" isErrorPage="true" %>
          <html>
           <head>
           <title>友好提示頁面</title>
           </head>
           <body>
           服務(wù)器正忙著呢!
           </body>
          </html>
          
          • 下面是效果:

          • 當(dāng)然了,細(xì)心的朋友可以發(fā)現(xiàn)地址欄是沒有變化的,所以屬于是服務(wù)器跳轉(zhuǎn)。以上的做法是單個(gè)頁面設(shè)置的,如果我會(huì)有很多錯(cuò)誤(JSP多的情況下,錯(cuò)誤就會(huì)多),單個(gè)設(shè)置太麻煩了!
          • 我們可以在web.xml文件中全局設(shè)置錯(cuò)誤頁,只要發(fā)生了404錯(cuò)誤或者空指針異常的錯(cuò)誤都會(huì)跳轉(zhuǎn)到error.jsp頁面上
          <error-page>
           <error-code>404</error-code>
           <location>/error.jsp</location>
          </error-page>
          <error-page>
           <exception-type>java.lang.NullPointerException</exception-type>
           <location>/error.jsp</location>
          </error-page>
          
          • 隨便輸個(gè)資源進(jìn)行,會(huì)發(fā)生發(fā)404錯(cuò)誤的,跳轉(zhuǎn)到錯(cuò)誤頁面。下面是效果:


          include指令

          • 在講解request對(duì)象的時(shí)候,我們?cè)?jīng)使用過request.getRequestDispatcher(String url).include(request,response)來對(duì)頁頭和頁尾面進(jìn)行包含
          • inclue指令也是做這樣的事情,我們來試驗(yàn)一下吧!
          • 這是頁頭
          <%@ page contentType="text/html;charset=UTF-8" language="java" %>
          <html>
           <head>
           <title>頁頭</title>
           </head>
           <body>
           我是頁頭
           <br>
           <br>
           <br>
           </body>
          </html>
          
          • 這是頁尾
          <%@ page contentType="text/html;charset=UTF-8" language="java" %>
          <html>
          <head>
           <title>頁尾</title>
          </head>
          <body>
          我是頁尾
          </body>
          </html>
          
          • 在1.jsp中把頁頭和頁尾包含進(jìn)來
          <%@ page contentType="text/html;charset=UTF-8" language="java" %>
          <html>
          <head>
           <title>包含頁頭和頁尾進(jìn)來</title>
          </head>
          <body>
          <%@include file="head.jsp" %>
          <%@include file="foot.jsp" %>
          </body>
          </html>
          
          • 訪問1.jsp

          • include指令是靜態(tài)包含。靜態(tài)包含的意思就是:把文件的代碼內(nèi)容都包含進(jìn)來,再編譯!,看一下jsp的源代碼就知道了!

          • jsp還提供另一種包含文件的方式:JSP行為---動(dòng)態(tài)包含。jsp行為在下面會(huì)講到!



          taglib指令

          • JSP支持標(biāo)簽技術(shù),要使用標(biāo)簽技術(shù)就先得聲明標(biāo)簽庫和標(biāo)簽前綴。taglib指令就是用來指明JSP頁面內(nèi)使用標(biāo)簽庫技術(shù)。
          • 這里就不詳細(xì)說明了,等到學(xué)習(xí)JSP標(biāo)簽的時(shí)候再使用吧!現(xiàn)在記住有這個(gè)指令即可。



          JSP行為

          JSP行為(JSP Actions)是一組JSP內(nèi)置的標(biāo)簽,只書寫少量的標(biāo)記代碼就能夠使用JSP提供豐富的功能,JSP行為是對(duì)常用的JSP功能的抽象和封裝。

          為什么我不把它直接稱為JSP標(biāo)簽?zāi)兀?strong>我把這些JSP內(nèi)置的標(biāo)簽稱之為JSP行為,能夠和JSTL標(biāo)簽區(qū)分開來。當(dāng)然了,你也可以把它稱之為JSP標(biāo)簽,你不要搞混就行了。我個(gè)人喜歡把這些JSP內(nèi)置標(biāo)簽稱之為JSP行為。

          include行為

          • 上面已經(jīng)提及到了,include指令是靜態(tài)包含,include行為是動(dòng)態(tài)包含。其實(shí)include行為就是封裝了request.getRequestDispatcher(String url).include(request,response)
          • include行為語法是這個(gè)樣子的
           <jsp:include page=""/>
          
          • 我們先來使用一下把,在1.jsp頁面中也將頁頭和頁尾包含進(jìn)來。
          <%@ page contentType="text/html;charset=UTF-8" language="java" %>
          <html>
          <head>
           <title>包含頁頭和頁尾進(jìn)來</title>
          </head>
          <body>
           <jsp:include page="head.jsp"/>
           <jsp:include page="foot.jsp"/>
          </body>
          </html>
          
          • 訪問1.jsp頁面看一下效果:

          • 使用jsp行為來包含文件,jsp源文件是這樣子的:

          • jsp行為包含文件就是先編譯被包含的頁面,再將頁面的結(jié)果寫入到包含的頁面中(1.jsp)
          • 當(dāng)然了,現(xiàn)在有靜態(tài)包含和動(dòng)態(tài)包含,使用哪一個(gè)更好呢?答案是:動(dòng)態(tài)包含。
          • 動(dòng)態(tài)包含可以向被包含的頁面?zhèn)鬟f參數(shù)(用處不大),并且是分別處理包含頁面的(將被包含頁面編譯后得出的結(jié)果再寫進(jìn)包含頁面)【如果有相同名稱的參數(shù),使用靜態(tài)包含就會(huì)報(bào)錯(cuò)!】
          • 模擬一下場(chǎng)景吧,現(xiàn)在我的頭頁面有個(gè)名為s的字符串變量
          <%@ page contentType="text/html;charset=UTF-8" language="java" %>
          <html>
           <head>
           <title>頁頭</title>
           </head>
           <body>
           <%
           String s = "zhongfucheng";
           %>
           我是頁頭呀
           <br>
           <br>
           <br>
           </body>
          </html>
          
          • 我的頁尾也有個(gè)名為s的字符串變量
          <%@ page contentType="text/html;charset=UTF-8" language="java" %>
          <html>
          <head>
           <title>頁尾</title>
          </head>
          <body>
          <%
           String s = "zhongfucheng";
          %>
          我是頁尾呀
          </body>
          </html>
          
          • 現(xiàn)在我使用靜態(tài)包含看看會(huì)發(fā)生什么,出現(xiàn)異常了。

          • 出現(xiàn)異常的原因很簡(jiǎn)單,就是同一個(gè)文件中有兩個(gè)相同的變量s

          • 使用動(dòng)態(tài)包含就可以避免這種情況


          param行為

          • 當(dāng)使用和行為引入或?qū)⒄?qǐng)求轉(zhuǎn)發(fā)給其它資源時(shí),可以使用行為向這個(gè)資源傳遞參數(shù)。


          forward行為

          • 在講解request對(duì)象的時(shí)候,我們使用request.getRequestDispatcher(String url).forward(request,response)進(jìn)行跳轉(zhuǎn)。其實(shí)forward行為就是對(duì)其封裝!
          • 我們來看一下forward的語法:
          <jsp:forward page=""/>
          
          • 好的,我們來使用一下吧。訪問1.jsp頁面就跳轉(zhuǎn)到head.jsp頁面中
          <%@ page contentType="text/html;charset=UTF-8" language="java" %>
          <html>
          <head>
           <title>訪問1.jsp就跳轉(zhuǎn)到head.jsp</title>
          </head>
          <body>
          <jsp:forward page="head.jsp"/>
          </body>
          </html>
          
          • 看一下效果

          • 如果我要傳遞參數(shù),就要在forward行為嵌套param行為
          • 在跳轉(zhuǎn)到head.jsp時(shí)傳入?yún)?shù)username值為zhongfucheng
          <jsp:forward page="head.jsp">
           <jsp:param name="username" value="zhongfucheng"/>
          </jsp:forward>
          
          • 在head.jsp頁面中獲取到傳遞過來的參數(shù)
          <%
           String ss = request.getParameter("username");
          %>
          獲取到的參數(shù)是:
          <%=ss%>
          
          • 效果如下圖所示

          directive行為

          • directive的中文意思就是指令。該行為就是替代指令<%@%>的語法的
          • 相當(dāng)于<%@include file="" %>
          • 相當(dāng)于<%@page %>
          • 相當(dāng)于<%@taglib %>
          • 我們來試一下能不能用的
          <jsp:directive.include file="head.jsp"></jsp:directive.include>
          <jsp:directive.include file="foot.jsp"></jsp:directive.include>
          
          • 看下效果,正??梢园撁妫?/li>

          • 使用該指令可以讓JSP頁面更加美觀!
          • 使用scriptlet行為替代<%%>是同樣一個(gè)道理


          javaBean行為

          • JSP還提供了操作javaBean對(duì)象的行為,在這里就不詳細(xì)說明了,后面會(huì)講到的!現(xiàn)在記住JSP提供了javaBean行為來操作簡(jiǎn)單類即可!
          <jsp:useBean id=""/>
          <jsp:setProperty name="" property=""/>
          <jsp:getProperty name="" property=""/>
          

          文章來源:https://dwz.cn/OtXvyvh3

          作者:Java3y


          主站蜘蛛池模板: 无码丰满熟妇一区二区| 国产AⅤ精品一区二区三区久久| 午夜影视日本亚洲欧洲精品一区 | 精品福利一区二区三| 丰满爆乳一区二区三区| 日产亚洲一区二区三区| 国内自拍视频一区二区三区| 精品国产高清自在线一区二区三区| 国产精品无码一区二区三区毛片| 国产伦精品一区二区三区四区| 三上悠亚精品一区二区久久| 3d动漫精品一区视频在线观看| 国产激情一区二区三区小说| 一区在线免费观看| 一区二区三区国产精品| 国产成人精品一区二区A片带套| 无码少妇一区二区浪潮av| 福利一区二区三区视频在线观看| 亚洲AV香蕉一区区二区三区| 国产一区二区免费在线| 天堂国产一区二区三区| 国产成人精品无码一区二区老年人 | 福利在线一区二区| 亚洲AV本道一区二区三区四区| 无码人妻精品一区二区三区不卡| 人妻无码一区二区三区| 亚洲视频一区二区三区四区| 精品视频一区二区三区在线播放| 亚洲av日韩综合一区在线观看 | 精品乱码一区二区三区在线| 国产suv精品一区二区33| 无码视频免费一区二三区| 国产在线精品一区二区三区直播| 亚洲AV无码一区二区大桥未久| 中文字幕乱码一区二区免费 | 亚洲AV无码一区二区三区久久精品 | 视频一区二区三区免费观看| 日韩一区二区三区无码影院| 亚洲一区二区视频在线观看| 一区二区三区观看免费中文视频在线播放 | 日本一道一区二区免费看|