根據(jù)模板及表元數(shù)據(jù)生成新增jsp頁面

1），模板文件add_jsp_.ftl

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<%
String childPath = request.getContextPath();
String basePath = request.getScheme() + "://"
	+ request.getServerName() + ":" + request.getServerPort() + childPath +"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title></title>
	<%@ include file="/pub/scripts.jsp"%>

    <script type="text/javascript">

		function submit_save() {

			var varName_ = $("#name_").val();
			if(varName_ == null || varName_ == '') {
			    alert("請先輸入名稱！")
			    return false;
			} else {
                $("#addForm").submit();
			}
        }
    </script>
    
  </head>
  <body>
  		
		<!-- 標題區(qū)域 -->
		<div class="tleBg">
			<div class="title">
				<span class="txt"> <em></em><#list mapDataTableComment as listItmCom > ${listItmCom.columnComment} </#list>- 新增
				</span> <a href="javascript：;" class="search-hide"></a>
			</div>
			<div class="clr"></div>
		</div>
  		
  		<!-- 查詢維度區(qū)域 -->
		<div class="t_list" id="addtable">
			<form name="addForm" id="addForm" action="<%=childPath %>/testT00_userConter/testT00_userAddSave" method="post">

				<table border="0" cellspacing="0" width="100%" cellpadding="0" class="t_list_1">
					<tbody>
					
					
					<#list mapDataList as listItm >
						
						<tr style="line-height: 36px;">
							<td width="15%">
								 
							</td>
							<td width="20%" class="text" style="text-align: right;">
								${listItm.columnComment}：
							</td>
							<td>
								<input type="text" id="${listItm.columnName}" name="${listItm.columnName}" style="width: 300px;" class="inputStyle" value="原左大括<#list mapDataTableComment as listItmCom > ${listItmCom.columnName} </#list>.${listItm.columnName}原右大括" />
							</td>
							<td width="15%">
								 
							</td>
						</tr>
					</#list>

					
						<tr>
							<td width="15%">
								 
							</td>
							<td width="20%" class="text" style="text-align: right;">
								 
							</td>
							<td>
								<input type="button" id="btn_add" value="保 存" class="t_button_gray" onclick="return submit_save();" />
								<input type="reset" id="btn_rest" value="重 置" class="t_button_gray" />
							</td>
							<td width="15%">
								 
							</td>
						</tr>

					</tbody>
				</table>
			</form>
		</div>
  		
  </body>
</html>

（2），根據(jù)模板及表元數(shù)據(jù)生成新增jsp頁面

import freemarker.template.Configuration;
import freemarker.template.Template;

import java.io.File;
import java.io.FileOutputStream;
import java.io.OutputStreamWriter;
import java.io.Writer;
import java.sql.*;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

/**
 * @date: 2022/12/03 08:27
 * @desc: 測試入口
 */
public class TestCls {

    public static void main(String[] args) throws Exception {
        new TestCls().outTemplate();
    }

    // 輸出到模板
    private void outTemplate() throws Exception {

        Configuration configuration = new Configuration();
        configuration.setDirectoryForTemplateLoading(new File("F:\\xbl\\myResource\\temp_test_"));
        Template template = configuration.getTemplate("add_jsp_.ftl");

        Map<String, List<EntryInfoPo>> dataMap = new HashMap<String, List<EntryInfoPo>>();
        List<EntryInfoPo> listEntryInfo = new ArrayList<EntryInfoPo>();
        listEntryInfo = testMetaAddComment();
        dataMap.put("mapDataList", listEntryInfo );

        // 表注釋
        dataMap.put("mapDataTableComment", testTableComment());

        Writer outputWriter = new OutputStreamWriter(new FileOutputStream(new File("F:\\xbl\\myResource\\temp_test_\\add_.jsp") ) );
//        Writer outputWriter = new OutputStreamWriter(System.out );
        template.process(dataMap, outputWriter);
        System.out.println("輸出完成！");
        outputWriter.close();
    }

    // 表注釋
    private List<EntryInfoPo> testTableComment() throws Exception {

        List<EntryInfoPo> listTableComment = new ArrayList<EntryInfoPo>();
        EntryInfoPo entryInfoPo = new EntryInfoPo();
        entryInfoPo.setColumnName("testT00_userDto");
        entryInfoPo.setColumnComment("用戶管理");
        listTableComment.add(entryInfoPo);
        return listTableComment;
    }

    private List<EntryInfoPo> testMetaAddComment() throws Exception {

        List<EntryInfoPo> listEntryInfoPo = new ArrayList<EntryInfoPo>();
        Connection connection = getDataBaseConnection();
        Statement statement = connection.createStatement();
        ResultSet resultSet = statement.executeQuery("show full columns from t00_user ");
        while (resultSet.next()) {

            String columnComment = resultSet.getString("Comment");
            String columnName = resultSet.getString("Field");
            EntryInfoPo entryInfoPo = new EntryInfoPo();
            entryInfoPo.setColumnName(columnName);
            entryInfoPo.setColumnComment(columnComment);
            listEntryInfoPo.add(entryInfoPo);
        }
        return listEntryInfoPo;
    }
    private Connection getDataBaseConnection() throws Exception {
        // 連接數(shù)據(jù)庫
        Class.forName("com.mysql.jdbc.Driver");
        String databaseUrl = "jdbc:mysql://127.0.0.1:3306/grcdb05?useUnicode=true&characterEncoding=utf8";
        Connection connection = DriverManager.getConnection(databaseUrl, "root", "root");
        return connection;
    }
}

（3），創(chuàng)建一個空文件add_.jsp，執(zhí)行步驟（2）能生成頁面

建Web應用

這里使用IDEA構建Web應用

新建項目

添加新的Tomcat

勾選上正確的Tomcat

選擇Filsh

創(chuàng)建好目錄如下

其自動生成的Web.XML文件如下

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
</web-app>

同時還生成了一個jsp文件，生成的jsp文件如下

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/7/5
  Time: 22:39
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>
  </head>
  <body>
  $END$
  </body>
</html>

配置應用首頁

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
    <welcome-file-list>
        <welcome-file>index.jsp</welcome-file>
    </welcome-file-list>
</web-app>

啟動應用

啟動相關的應用

這樣就完成了最基本的tomcat的部署

jsp的基本語法

jsp的注釋

jsp的基本注釋如下

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/7/5
  Time: 22:39
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>
  </head>
  <body>
  <%-- 注釋內(nèi)容 --%>
  $END$
  </body>
</html>

jsp 聲明

對jsp的聲明如下

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/7/5
  Time: 22:39
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>
  </head>
  <body>
  <%!
    // 聲明一個整形變量
    public int count;
  // 聲明一個方法
    public String info(){
      return "hello";
    }
  %>
  $END$

  <%
    // 把count值輸出后加1
    out.println(count++);
  %>

  <%
    // 輸出info()方法后的返回值
    out.println(info());
  %>
  </body>
</html>

訪問的頁面結果如下

jsp 輸出表達式

jsp提供了一種簡單的輸出表達式

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/7/5
  Time: 22:39
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>
  </head>
  <body>
  <%!
    // 聲明一個整形變量
    public int count;
  // 聲明一個方法
    public String info(){
      return "hello";
    }
  %>
  $END$
`<%=count++%>
  <%=info()%>
  </body>
</html>

jsp 三個編譯指令

這里對jsp有三個編譯的指令

page 指令

page指令位于jsp頁面的頂端，一個jsp頁面可以有多個page指令，page指令的語法為

<%@ page import="java.sql.*" %>

include指令

include指令可以將一個外部文件嵌入到當前jsp文件中，同時解析這個頁面中的jsp語句。include命令既可以包含jsp頁面也可以包含靜態(tài)文本。編譯指令語法如下：

<%@ include file="要導入的jsp頁面或文本文件" %>

taglib指令

taglib指令用于引入一些特定的標簽庫,語法格式：

<%@ taglib prefix="tagPrefix" uri="tagLibraryURI" %>

如使用struts標簽庫：

<%@ taglib prefix="s" taglib="/struts-tags" %>

動作指令

forward

進行頁面跳轉(zhuǎn)的指令如果轉(zhuǎn)發(fā)的時候需要傳遞參數(shù)可以使用jsp:param</jsp:param>指令進行設置。比如，訪問index.jsp頁面時自動轉(zhuǎn)發(fā)至login.jsp，需要把username和password傳遞過去： index.jsp:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<jsp:forward page="login.jsp">
    <jsp:param value="yaopan" name="username" />
    <jsp:param value="123456" name="password" />
</jsp:forward>
<%--mac上按住comment鍵(windows下按住ctrl鍵)，再點擊login.jsp  forword以下的代碼不會被執(zhí)行 --%>

在login.jsp中可以使用getParameter方法獲取傳入的參數(shù)值：

<%
  String name=request.getParameter("username");
  String pwd=request.getParameter("password");
  out.println(name);
  out.println("<br>");
  out.println(pwd);
%>

執(zhí)行forword指令時用戶請求的地址沒有發(fā)生變化，頁面內(nèi)容被forward目標替代。

include指令

include指令用于包含某個頁面，但不會導入被include頁面的編譯指令。可以通過param指令傳遞參數(shù)：新建一個index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<jsp:include page="head.html"></jsp:include>
<jsp:include page="body.jsp">
   <jsp:param value="#1d99f6" name="bgcolor"/>
</jsp:include>
</html>

body.jsp

JSP 可以與 HTML form 標簽一起使用，來允許用戶上傳文件到服務器。上傳的文件可以是文本文件或圖像文件或任何文檔。

我們使用 Servlet 來處理文件上傳，使用到的文件有：

upload.jsp : 文件上傳表單。
message.jsp : 上傳成功后跳轉(zhuǎn)頁面。
UploadServlet.java : 上傳處理 Servlet。
需要引入的 jar 文件：commons-fileupload-1.3.2、commons-io-2.5.jar。

結構圖如下所示：

接下來我們詳細介紹。

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

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

表單 method 屬性應該設置為 POST 方法，不能使用 GET 方法。
表單 enctype 屬性應該設置為 multipart/form-data.
表單 action 屬性應該設置為在后端服務器上處理文件上傳的 Servlet 文件。下面的實例使用了 UploadServlet Servlet 來上傳文件。
上傳單個文件，您應該使用單個帶有屬性 type="file" 的 <input .../> 標簽。為了允許多個文件上傳，請包含多個 name 屬性值不同的 input 標簽。輸入標簽具有不同的名稱屬性的值。瀏覽器會為每個 input 標簽關聯(lián)一個瀏覽按鈕。

upload.jsp 文件代碼如下：

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>文件上傳實例 - 菜鳥教程</title></head><body><h1>文件上傳實例 - 菜鳥教程</h1><form method="post" action="/TomcatTest/UploadServlet" enctype="multipart/form-data">

選擇一個文件:<input type="file" name="uploadFile" />

編寫后臺 Servlet

以下是 UploadServlet 的源代碼，同于處理文件上傳，在這之前我們先確保依賴包已經(jīng)引入到項目的 WEB-INF/lib 目錄下：

下面的實例依賴于 FileUpload，所以一定要確保在您的 classpath 中有最新版本的 commons-fileupload.x.x.jar 文件。可以從http://commons.apache.org/proper/commons-fileupload/ 下載。
FileUpload 依賴于 Commons IO，所以一定要確保在您的 classpath 中有最新版本的 commons-io-x.x.jar 文件。可以從http://commons.apache.org/proper/commons-io/ 下載。

你可以直接下載本站提供的兩個依賴包：

commons-fileupload-1.3.2.jar
commons-io-2.5.jar

UploadServlet 的源代碼如下所示：

package com.runoob.test;import java.io.File;import java.io.IOException;import java.io.PrintWriter;import java.util.List;

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 org.apache.commons.fileupload.FileItem;import org.apache.commons.fileupload.disk.DiskFileItemFactory;import org.apache.commons.fileupload.servlet.ServletFileUpload;

/**

* Servlet implementation class UploadServlet

*/@WebServlet("/UploadServlet")public class UploadServlet extends HttpServlet {

private static final long serialVersionUID = 1L;

// 上傳文件存儲目錄

private static final String UPLOAD_DIRECTORY = "upload";

// 上傳配置

private static final int MEMORY_THRESHOLD = 1024 * 1024 * 3; // 3MB

private static final int MAX_FILE_SIZE = 1024 * 1024 * 40; // 40MB

private static final int MAX_REQUEST_SIZE = 1024 * 1024 * 50; // 50MB

/**

* 上傳數(shù)據(jù)及保存文件

protected void doPost(HttpServletRequest request,

HttpServletResponse response) throws ServletException, IOException {

// 檢測是否為多媒體上傳

if (!ServletFileUpload.isMultipartContent(request)) {

// 如果不是則停止

PrintWriter writer = response.getWriter();

writer.println("Error: 表單必須包含 enctype=multipart/form-data");

writer.flush();

return;

}

// 配置上傳參數(shù)

DiskFileItemFactory factory = new DiskFileItemFactory();

// 設置內(nèi)存臨界值 - 超過后將產(chǎn)生臨時文件并存儲于臨時目錄中

factory.setSizeThreshold(MEMORY_THRESHOLD);

// 設置臨時存儲目錄

factory.setRepository(new File(System.getProperty("java.io.tmpdir")));

ServletFileUpload upload = new ServletFileUpload(factory);

// 設置最大文件上傳值

upload.setFileSizeMax(MAX_FILE_SIZE);

// 設置最大請求值 (包含文件和表單數(shù)據(jù))

upload.setSizeMax(MAX_REQUEST_SIZE);

// 構造臨時路徑來存儲上傳的文件

// 這個路徑相對當前應用的目錄

String uploadPath = getServletContext().getRealPath("./") + File.separator + UPLOAD_DIRECTORY;

// 如果目錄不存在則創(chuàng)建

File uploadDir = new File(uploadPath);

if (!uploadDir.exists()) {

uploadDir.mkdir();

}

try {

// 解析請求的內(nèi)容提取文件數(shù)據(jù)

@SuppressWarnings("unchecked")

List<FileItem> formItems = upload.parseRequest(request);

if (formItems != null && formItems.size() > 0) {

// 迭代表單數(shù)據(jù)

for (FileItem item : formItems) {

// 處理不在表單中的字段

if (!item.isFormField()) {

String fileName = new File(item.getName()).getName();

String filePath = uploadPath + File.separator + fileName;

File storeFile = new File(filePath);

// 在控制臺輸出文件的上傳路徑

System.out.println(filePath);

// 保存文件到硬盤

item.write(storeFile);

request.setAttribute("message",

"文件上傳成功!");

}

} catch (Exception ex) {

request.setAttribute("message",

"錯誤信息: " + ex.getMessage());

}

// 跳轉(zhuǎn)到 message.jsp

getServletContext().getRequestDispatcher("/message.jsp").forward(

request, response);

}}

message.jsp 文件代碼如下：

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>文件上傳結果</title></head><body>

<h2>${message}</h2>

</center></body></html>

編譯和運行 Servlet

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

<?xml version="1.0" encoding="UTF-8"?><web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xmlns="http://java.sun.com/xml/ns/javaee"

xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"

xsi:schemaLocation="http://java.sun.com/xml/ns/javaee

http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"

id="WebApp_ID" version="2.5">

<display-name>UploadServlet</display-name>

<servlet-name>UploadServlet</servlet-name>

<servlet-class>com.runoob.test.UploadServlet</servlet-class>

</servlet>

<servlet-mapping>

<servlet-name>UploadServlet</servlet-name>

<url-pattern>/TomcatTest/UploadServlet</url-pattern>

</servlet-mapping></web-app>

現(xiàn)在嘗試使用您在上面創(chuàng)建的 HTML 表單來上傳文件。當您在瀏覽器中訪問：http://localhost:8080/TomcatTest/upload.jsp ，演示如下所示：

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

在線咨詢

上一篇：CSS變量 var()的用法是什么？CSS變量 var()的用法詳解
下一篇：丟掉JS，CSS也可以獨立完成許多牛掰的功能

您的項目需求

*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務商

根據(jù)模板及表元數(shù)據(jù)生成新增jsp頁面

新建項目

啟動應用

jsp的基本語法

jsp的注釋

jsp 聲明

jsp 輸出表達式

jsp 三個編譯指令

page 指令

include指令

taglib指令

動作指令

forward

include指令

您的項目需求