jsp的簡單應用

Yu_lumingfei發表於2020-09-28

JSP簡介

  • JSP(Java Server Pages)是JavaWeb伺服器端的動態資源,它與html頁面的作用是相同的,顯示資料和獲取資料。

     jsp = html + java指令碼 + jsp標籤(指令)
     3種java指令碼:
     <%…%>:寫java程式碼片段,(類似方法)
     <%=…%>:用於輸出,用於輸出一條表示式(或變數)的結果。
     <%!…%>:宣告,用來建立類的成員變數和成員方法(類似與類)
     jsp註釋:<%– … –%>
     當伺服器把jsp編譯成java檔案時已經忽略了註釋部分!
    

jsp的簡單應用
for迴圈
在這裡插入圖片描述

<body>
	<%
			for (int i = 0; i < 11; i++) {
				if (i % 2 == 0) {%>
			<%=i %>是奇數   <br>
				<% } else {%>
			<%=i %>是偶數  <br>
				<% }
			}
		%>
		</body>

在瀏覽器上實現查詢sql的資料並用表單展示

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@page import="java.sql.*" %>
<%@ page import="jdbc.DBUtil"%>
<%@page import="java.sql.Connection"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.ResultSet"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>My JSP 'index.jsp' starting page</title>
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	</head>
<!--詳情資訊頁,登陸成功跳轉  -->
		<table>
			<tr>
				<td>姓名</td>
				<td>使用者名稱</td>
				<td>密碼</td>
				<td>年齡</td>
			</tr>
			<%--資料庫查詢功能 --%>
			<%
				Connection conn = DBUtil.getConn();
				String sql = "select * from students";
				PreparedStatement ps = conn.prepareStatement(sql);
				ResultSet rs = ps.executeQuery();
				while (rs.next()) {
			%><tr>
			<!-- 頁面顯示列表 -->
				<td><%=rs.getString("name")%></td>
				<td><%=rs.getString("pwd")%></td>
				<td><%=rs.getString("userName")%></td>
				<td><%=rs.getInt("age")%></td>
			</tr>
			<%
				}
			%>
		</table>
	</body>
</html>

在這裡插入圖片描述

暫時遇見錯誤,沒解決,等待解惑後在更新

相關文章