主頁 > 企業開發 > JSP_5.16_課堂筆記

JSP_5.16_課堂筆記

2023-05-19 09:46:19 企業開發

完整的可以與資料庫連接的登錄界面的代碼

login.jsp

<%@ page language="java" contentType="text/html; UTF-8"
    pageEncoding="UTF-8"%>
    
<!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>登錄頁面</title>
            <script src="https://www.cnblogs.com/ningbaby/archive/2023/05/18/js/jquery-3.3.1.min.js"></script>
            <style type="text/css">
                #diceng{
                    width:430px;
                    height:380px;
                    background-color:#FFFFFF33;
                    position:absolute;
                    left:50%;
                    top:50%;
                    margin-left:-215px;
                    margin-top:-190px;
                    border-radius:5px;
                }
                #zhongceng{
                    width:400px;
                    height:350px;
                    background-color:#FFFFFFFF;
                    position:absolute;
                    left:50%;
                    top:50%;
                    margin-left:-200px;
                    margin-top:-175px;
                    border-radius:5px;
                }
                #d1{
                    width:400px;
                    height:60px;
                    font-size:30px;
                    font-family:Avenir,Helvetica,Arial,sans-serif;
                    color:black;
                    display:block;
                    margin-left:40px;
                    margin-top:20px;
                    
                }
                #d2{
                    width:400px;
                    height:35px;
                    font-size:20px;
                    font-family:Avenir,Helvetica,Arial,sans-serif;
                    color:black;
                    display:block;
                    margin-left:40px;
                    
                }
                #d3{
                    width:400px;
                    height:35px;
                    font-size:20px;
                    font-family:Avenir,Helvetica,Arial,sans-serif;
                    color:black;
                    display:block;
                    margin-left:40px;
                    
                }
                #username{
                    width:280px;
                    height:40px;
                    font-size:30px;
                    font-family:Avenir,Helvetica,Arial,sans-serif;
                    color:black;
                    display:block;
                    margin-left:40px;
                    border-radius:5px;
                    
                }
                #password{
                    width:280px;
                    height:40px;
                    font-size:30px;
                    font-family:Avenir,Helvetica,Arial,sans-serif;
                    color:black;
                    display:block;
                    margin-left:40px;
                    border-radius:5px;
                    
                    
                }
                #submit{
                    width:237px;
                    height:40px;
                    margin-top: 5px;
                    background-color: #47a0fc;
                    border: 1px solid #47a0fc;
                    color: #fff;
                    font-size: 14px;
                    cursor: pointer;
                    outline: none;
                    border-radius: 2px;
                    display:block;
                    margin-left:65px;
                    margin-top:15px;
                    border-radius:5px;
                    
                }
                .bjimg {
                    position: fixed;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    min-width: 1000px;
                    z-index: -10;
                    zoom: 1;
                    background-color: #fff;
                    background-repeat: no-repeat;
                    background-size: cover;
                    -webkit-background-size: cover;
                    -o-background-size: cover;
                    background-position: center 0;
                    background-image:url("https://w.wallhaven.cc/full/ex/wallhaven-ex9ork.jpg")
                    }
            </style>
        </head>
    <body>
        <div ></div>
        <div id=diceng>
            <div id=zhongceng>
            
                    <div id=d1>歡迎登錄優逸客實訓平臺</div>
                    <div id=d2>用戶名</div>
                    <input id=username type='text' placeholder="請輸入用戶名"></input>
                    <div id=d3>密碼</div>
                    <input id=password type="password" placeholder="請輸入密碼"></input>
                    <button id=submit>登錄</button>
            </div>
        </div>
        <script>
    $(document).ready(function(){
        $("#submit").click(function(){
            var username = $("#username").val(); // 獲取用戶名
            var password = $("#password").val(); // 獲取密碼
            if(username == "" || password == ""){
                alert("請輸入用戶名和密碼！"); // 輸入為空，提示用戶
                return;
            }
            $.ajax({
                url: "jdbclogin.jsp?username="+username+"&password="+password, // 后端處理jsp檔案
                type: "GET",
                dataType:'json',
                success: function(res){
                    if(res.msg== "success"){
                        window.location.href = "https://www.cnblogs.com/ningbaby/archive/2023/05/18/main.jsp"; // 登錄成功，跳轉到主頁
                    }else{
                        alert("用戶名或密碼錯誤！"); // 登錄失敗，提示用戶
                    }
                }
            });
        });
    });
</script>
    </body>
</html>

jdbclogin.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.sql.*" %>
<%@page import="java.io.PrintWriter"%>
<%
    String username = request.getParameter("username"); // 獲取用戶名
    String password = request.getParameter("password"); // 獲取密碼
    PrintWriter writer = response.getWriter();
    response.setCharacterEncoding("UTF-8");
	Class.forName("com.mysql.cj.jdbc.Driver");
	Connection conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/study?serverTimezone=UTC&useSSL=false&useUnicode=true&characterEncoding=utf8", "root", "000000"); // 建立資料庫連接
	Statement stat = conn.createStatement();
	String sql = "SELECT * FROM user WHERE username='"+username+"' AND password='"+password+"'";
	ResultSet rs = stat.executeQuery(sql); // 執行查詢
	if(rs.next()){
		   writer.write("{\"msg\":\"success\"}");
		   writer.flush();
		 }else{
		   writer.write("{\"msg\":\"fail\"}");
		   writer.flush();
		 }
   	rs.close();
   	stat.close();
   	conn.close();

%>

register.jsp

<%@ page language="java" contentType="text/html; UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
	<html>
		<head>
			<meta charset="UTF-8">
			<title>注冊頁面</title>
			<script src="https://www.cnblogs.com/ningbaby/archive/2023/05/18/js/jquery-3.3.1.min.js"></script>
			<style type="text/css">
				#diceng{
					width:430px;
					height:380px;
					background-color:#FFFFFF33;
					position:absolute;
					left:50%;
					top:50%;
					margin-left:-215px;
					margin-top:-190px;
					border-radius:5px;
				}
				#zhongceng{
					width:400px;
					height:350px;
					background-color:#FFFFFFFF;
					position:absolute;
					left:50%;
					top:50%;
					margin-left:-200px;
					margin-top:-175px;
					border-radius:5px;
				}
				#d1{
					width:400px;
					height:40px;
					font-size:30px;
					font-family:Avenir,Helvetica,Arial,sans-serif;
					color:black;
					display:block;
					margin-left:40px;
					margin-top:20px;
					
				}
				#d2{
					width:400px;
					height:35px;
					font-size:20px;
					font-family:Avenir,Helvetica,Arial,sans-serif;
					color:black;
					display:block;
					margin-left:40px;
					
				}
				#d3{
					width:400px;
					height:35px;
					font-size:20px;
					font-family:Avenir,Helvetica,Arial,sans-serif;
					color:black;
					display:block;
					margin-left:40px;
					
				}
				#d7{
					width:400px;
					height:35px;
					font-size:20px;
					font-family:Avenir,Helvetica,Arial,sans-serif;
					color:black;
					display:block;
					margin-left:40px;
					
				}
				#username{
					width:280px;
					height:30px;
					font-size:30px;
					font-family:Avenir,Helvetica,Arial,sans-serif;
					color:black;
					display:block;
					margin-left:40px;
					border-radius:5px;
					
				}
				#password1{
					width:280px;
					height:30px;
					font-size:30px;
					font-family:Avenir,Helvetica,Arial,sans-serif;
					color:black;
					display:block;
					margin-left:40px;
					border-radius:5px;
					
					
				}
				#password2{
					width:280px;
					height:30px;
					font-size:30px;
					font-family:Avenir,Helvetica,Arial,sans-serif;
					color:black;
					display:block;
					margin-left:40px;
					border-radius:5px;
					
					
				}
				#submit{
					width:237px;
					height:40px;
				    margin-top: 5px;
				    background-color: #47a0fc;
				    border: 1px solid #47a0fc;
				    color: #fff;
				    font-size: 20px;
				    cursor: pointer;
				    outline: none;
				    border-radius: 2px;
					display:block;
					margin-left:65px;
					margin-top:15px;
					border-radius:5px;
					
				}
				.bjimg {
				    position: fixed;
				    top: 0;
				    left: 0;
				    width: 100%;
				    height: 100%;
				    min-width: 1000px;
				    z-index: -10;
				    zoom: 1;
				    background-color: #fff;
				    background-repeat: no-repeat;
				    background-size: cover;
				    -webkit-background-size: cover;
				    -o-background-size: cover;
				    background-position: center 0;
					background-image:url("https://w.wallhaven.cc/full/ex/wallhaven-ex9ork.jpg")
					}
			</style>
		</head>
	<body>
		<div ></div>
		<div id=diceng>
			<div id=zhongceng>
					<div id=d1>歡迎注冊優逸客實訓平臺</div>
					<div id=d2>用戶名</div>
					<input type='text' placeholder="請輸入用戶名" id="username"></input>
					<div id=d3>密碼</div>
					<input type="password" placeholder="請輸入密碼" id="password1"></input>
					<div id=d7>再次輸入密碼</div>
					<input type="password" placeholder="請重新輸入密碼" id="password2"></input>
					<button id=submit onclick="register()">注冊</button>
			</div>
		</div>
	<script type="text/javascript">
    		function register(){
    			var username = $("#username")[0].value;
    			var password1 = $("#password1")[0].value;
    			var password2 = $("#password2")[0].value;
            $.ajax({
                url: "jdbcregister.jsp?username="+username+"&password1="+password1+"&password2="+password2,
                type: "GET",
                dataType:"json",
                success: function(res){
                	
                    if(res.msg == "success"){
                        window.location.href = "https://www.cnblogs.com/ningbaby/archive/2023/05/18/login.jsp";
                    }else{
                        alert("注冊失敗！");
                    }
                }
            })
    }
</script>
	</body>
</html>

jdbcregister.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.Statement"%>
<%@page import="java.sql.DriverManager"%>
<%@page import="java.sql.Connection"%>
<%@page import="java.io.PrintWriter"%>
<%
    String username = request.getParameter("username");
    String password1 = request.getParameter("password1");
    String password2 = request.getParameter("password2");
    response.setCharacterEncoding("UTF-8"); //設定交換資料時的資料格式
    PrintWriter writer = response.getWriter();
    if(password1.equals(password2)){
	    Class.forName("com.mysql.jdbc.Driver");
	    
	    Connection conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/study?serverTimezone=UTC&useSSL=false&useUnicode=true&characterEncoding=utf8", "root", "000000");
	    String sql = "Select * from user where username='"+username+"'";
	    Statement stat = conn.createStatement();
	    ResultSet rs = stat.executeQuery(sql);
	        if(rs.next()){
	        	 writer.write("{\"msg\":\"fail\"}");
	             writer.flush();
	        	}else{
	    		String sql2 ="insert into user(username,password) values('"+username+"','"+password1+"')";
	    		int num = stat.executeUpdate(sql2);
	            if(num > 0){
	               		writer.write("{\"msg\":\"success\"}");
	               		writer.flush();
	             	}else{
	               		writer.write("{\"msg\":\"fail\"}");
	               		writer.flush();
	             	}
	            }
	    	}
	        else{
	        	   writer.write("{\"msg\":\"fail\"}");
	        	   writer.flush();
	            }
             
%>

main.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<title>登陸成功</title>
		<style>
		body {
		background-image: url("https://w.wallhaven.cc/full/j3/wallhaven-j3m8y5.png");
		background-size: cover;
		background-position: center center;
		font-family: 'Microsoft YaHei', sans-serif;
		color: white;
		}
		#header {
		background-color: rgba(0, 0, 0, 0.5);
		padding: 20px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		}
		#header img {
		height: 80px;
		border-radius: 50%;
		margin-right: 20px;
		}
		h1 {
		font-size: 48px;
		margin: 0;
		font-weight: bold;
		font-style: italic;
		text-shadow: 2px 2px 4px #000000;
		}
		nav {
		background-color: rgba(0, 0, 0, 0.5);
		padding: 10px;
		display: flex;
		justify-content: center;
		}
		nav a {
		color: white;
		text-decoration: none;
		margin: 0 10px;
		font-size: 24px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 2px;
		transition: all 0.3s ease;
		}
		nav a:hover {
		color: #00ff00;
		}
		</style>
	</head>
	<body>
		<header id="header">
			<img src="http://mms2.baidu.com/it/u=983221791,942132541&fm=253&app=138&f=JPEG&fmt=auto&q=75?w=320&h=307" alt="Avatar">
			<h1>登陸成功！</h1>
		</header>
			<nav>
			<a href="https://www.cnblogs.com/ningbaby/archive/2023/05/18/#">首頁</a>
			<a href="https://www.cnblogs.com/ningbaby/archive/2023/05/18/#">關于</a>
			<a href="https://www.cnblogs.com/ningbaby/archive/2023/05/18/#">聯系我</a>
			<a href="https://www.cnblogs.com/ningbaby/archive/2023/05/18/#">QQ</a>
			<a href="https://www.cnblogs.com/ningbaby/archive/2023/05/18/#">微信</a>
			</nav>
		<main>
			<p style="font-size: 60px; font-weight: bold;"></p>
		</main>
	</body>
</html>
Avatar

5.16筆記

一、JDBC回顧

JDBC技術Java用來連接操作資料庫的工具，JDBC嚴格意義上屬于Java的一種技術，JDBC連接操作資料庫時，整體一共分為七步（需要引入編程依賴），

1、加載驅動（告訴JDBC程式，連接的是哪一個資料庫）

Class.forName(“驅動程式名”);
MySQL: com.mysql.jdbc.Driver com.mysql.cj.jdbc.Driver
Oracle: oracle.jdbc.driver.OracleDriver
SQL Server: com.microsoft.jdbc.sqlserver.SQLServerDriver

2、獲取和資料庫之間的連接—java.sql.DriverManager

Connection conn = DriverManager.getConnection(三個引數);
三個引數也成為資料庫連接三要素：
① URL：資料庫的地址、連接的資料庫的名字、連接資料庫使用的引數
MySQL： jdbc:mysql://ip:port/databaseName?key=value&key=value
Oracle: jdbc:oracle:thin:@IP地址:埠號:資料庫名
SQL Server: jdbc:microsoft:sqlserver://IP地址:埠號;DatabaseName=資料庫名
② 用戶名： 資料庫的用戶名
③ 密碼：資料庫的密碼

3、準備SQL陳述句

String sql = “xxxxx”;
JDBC操作資料庫時，一般執行的SQL陳述句都是DML和DQL型別的語言，
SQL陳述句中存在一些字串，字串最好使用單引號，

4、創建小推車—java.sql.Statement

Statement stat = conn.createStatement();
小推車是JDBC的核心，SQL陳述句的執行以及執行結果的回傳都是Statement實作的

5、小推車帶著SQL陳述句去資料庫執行SQL陳述句，并且回傳執行結果

JDBC操作SQL，SQL一般分為兩類：DML、DQL，兩類SQL陳述句的執行方式以及回傳結果都是不同的，
執行DML型別的SQL：--回傳的是一個數字，這個數字代表資料庫受影響的行數
int num = stat.executeUpdate(DMLSQL);
執行DQL型別SQL—回傳的是一個ResultSet結果集，結果集就是查詢回來的虛擬表格，
ResultSet rs = stat.executeQuery(DQLSQL);

6、Java程式處理邏輯

如果執行的是DML型別的SQL陳述句，Java程式只需要判斷是否執行成功即可
如果執行的是DQL型別的SQL陳述句，Java程式需要獲取ResultSet結果集當中封裝的虛擬表格資料，

7、釋放JDBC程式使用的資源

ResultSet Statement Connection
如果執行的是DML型別的SQL，只需要釋放兩個Statement Connection
如果執行的是DQL型別的SQL，需要釋放這三個

釋放順序：先創建的后釋放、后創建的先釋放
釋放呼叫這三者的close()方法即可，

本文來自博客園，作者：qi_fen_zhong，轉載請注明原文鏈接：https://www.cnblogs.com/ningbaby/p/17411003.html

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/552862.html

標籤：其他

上一篇：HTTP1.0、HTTP1.1、HTTP2.0 協議的特點

下一篇：返回列表

標籤雲
其他(159314) Python(38156) JavaScript(25439) Java(18070) C(15228) 區塊鏈(8267) C＃(7972) AI(7469) 爪哇(7425) MySQL(7197) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5871) 数组(5741) R(5409) Linux(5340) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4573) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2433) ASP.NET(2403) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) .NET技术(1975) 功能(1967) Web開發(1951) HtmlCss(1940) python-3.x(1918) C++(1917) 弹簧靴(1913) xml(1889) PostgreSQL(1878) .NETCore(1861) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • IEEE1588PTP在數字化變電站時鐘同步方面的應用

    IEEE1588ptp在數字化變電站時鐘同步方面的應用 京準電子科技官微——ahjzsz 一、電力系統時間同步基本概況 隨著對IEC 61850標準研究的不斷深入，國內外學者提出基于IEC61850通信標準體系建設數字化變電站的發展思路。數字化變電站與常規變電站的顯著區別在于程序層傳統的電流/電壓互 ......

    uj5u.com 2020-09-10 03:51:52 more
  • HTTP request smuggling CL.TE

    CL.TE 簡介 前端通過Content-Length處理請求，通過反向代理或者負載均衡將請求轉發到后端，后端Transfer-Encoding優先級較高，以TE處理請求造成安全問題。 檢測 發送如下資料包 POST / HTTP/1.1 Host: ac391f7e1e9af821806e890 ......

    uj5u.com 2020-09-10 03:52:11 more
  • 網路滲透資料大全單——漏洞庫篇

    網路滲透資料大全單——漏洞庫篇漏洞庫 NVD ——美國國家漏洞庫 →http://nvd.nist.gov/。 CERT ——美國國家應急回應中心 →https://www.us-cert.gov/ OSVDB ——開源漏洞庫 →http://osvdb.org Bugtraq ——賽門鐵克 →ht ......

    uj5u.com 2020-09-10 03:52:15 more
  • 京準講述NTP時鐘服務器應用及原理

    京準講述NTP時鐘服務器應用及原理京準講述NTP時鐘服務器應用及原理 安徽京準電子科技官微——ahjzsz 北斗授時原理 授時是指接識訓通過某種方式獲得本地時間與北斗標準時間的鐘差，然后調整本地時鐘使時差控制在一定的精度范圍內。 衛星導航系統通常由三部分組成：導航授時衛星、地面檢測校正維護系統和用戶 ......

    uj5u.com 2020-09-10 03:52:25 more
  • 利用北斗衛星系統設計NTP網路時間服務器

    利用北斗衛星系統設計NTP網路時間服務器 利用北斗衛星系統設計NTP網路時間服務器 安徽京準電子科技官微——ahjzsz 概述 NTP網路時間服務器是一款支持NTP和SNTP網路時間同步協議，高精度、大容量、高品質的高科技時鐘產品。 NTP網路時間服務器設備采用冗余架構設計，高精度時鐘直接來源于北斗 ......

    uj5u.com 2020-09-10 03:52:35 more
  • 詳細解讀電力系統各種對時方式

    詳細解讀電力系統各種對時方式 詳細解讀電力系統各種對時方式 安徽京準電子科技官微——ahjzsz，更多資料請添加VX 衛星同步時鐘是我京準公司開發研制的應用衛星授時時技術的標準時間顯示和發送的裝置，該裝置以M國全球定位系統（GLOBAL POSITIONING SYSTEM,縮寫為GPS）或者我國北 ......

    uj5u.com 2020-09-10 03:52:45 more
  • 如何保證外包團隊接入企業內網安全

    不管企業規模的大小，只要企業想省錢，那么企業的某些服務就一定會采用外包的形式，然而看似美好又經濟的策略，其實也有不好的一面。下面我通過安全的角度來聊聊使用外包團的安全隱患問題。 先看看什么服務會使用外包的，最常見的就是話務/客服這種需要大量重復性、無技術性的服務，或者是一些銷售外包、特殊的職能外包等 ......

    uj5u.com 2020-09-10 03:52:57 more
  • PHP漏洞之【整型數字型SQL注入】

    0x01 什么是SQL注入 SQL是一種注入攻擊，通過前端帶入后端資料庫進行惡意的SQL陳述句查詢。 0x02 SQL整型注入原理 SQL注入一般發生在動態網站URL地址里，當然也會發生在其它地發，如登錄框等等也會存在注入，只要是和資料庫打交道的地方都有可能存在。 如這里http://192.168. ......

    uj5u.com 2020-09-10 03:55:40 more
  • [GXYCTF2019]禁止套娃

    git泄露獲取原始碼 使用GET傳參，引數為exp 經過三層過濾執行 第一層過濾偽協議，第二層過濾帶引數的函式，第三層過濾一些函式 preg_replace('/[a-z,_]+\((?R)?\)/', NULL, $_GET['exp'] (?R)參考當前正則運算式，相當于匹配函式里的引數 因此傳遞 ......

    uj5u.com 2020-09-10 03:56:07 more
  • 等保2.0實施流程

    流程 結論 ......

    uj5u.com 2020-09-10 03:56:16 more
最新发布
  • JSP_5.16_課堂筆記

    完整的可以與資料庫連接的登錄界面的代碼 login.jsp <%@ page language="java" contentType="text/html; UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta chars ......

    uj5u.com 2023-05-19 09:46:19 more
  • HTTP1.0、HTTP1.1、HTTP2.0 協議的特點

    HTTP（Hypertext Transfer Protocol）是一種用于在Web瀏覽器和Web服務器之間傳輸資料的協議。HTTP的版本有很多，其中比較常見的有 HTTP 1.0 、 HTTP 1.1 和 HTTP 2.0 ，它們有各自的特點。 HTTP 1.0 的特點： 1. 每個請求/回應需要 ......

    uj5u.com 2023-05-19 09:46:01 more
  • JS函式中的屬性

    當定義和呼叫函式時，JavaScript 函式物件會自動具有一些特定的屬性，以下是一些常見的屬性和方法。 1. arguments ： arguments 是一個類陣列物件，它包含了函式呼叫時傳遞的引數。它允許你在函式內部訪問傳遞給函式的引數串列，即使在函式定義時未明確宣告這些引數。可以通過索引訪問 ......

    uj5u.com 2023-05-19 09:45:27 more
  • Express實戰個人訂閱號實作網站登錄

    今天我們來實作一個使用個人訂閱號實作網站的功能，后端使用的是 express 。其它框架原理基本一致，只是定義路由或回傳回應資料部分代碼跟 express 有所出入。先來一波效果圖： 1. 前言 20 年 3 月在掘金寫過一篇文章，介紹了使用 express 開發微信公眾號的案例： 原文地址。當時使 ......

    uj5u.com 2023-05-19 09:45:23 more
  • 利用HTML5存盤物件：localStorage和sessionStorage決議

    HTML5引入了Web存盤機制，使得網頁可以在用戶的瀏覽器中存盤資料。這個機制包括兩個主要的存盤方式：localStorage和sessionStorage。這兩者的主要區別在于存盤的資料持久性。簡單來說，localStorage存盤的資料是永久的，即使瀏覽器關倍訓電腦重啟，資料仍然存在。而sess... ......

    uj5u.com 2023-05-19 09:45:19 more
  • JavaScript全決議——Ajax是什么(上)

    AJAX 是Asynchronous JavaScript And XML的縮寫。 它不是一種編程語言。它是一種基于HTML、CSS、JavaScript 和 XML，讓開發更好、更快和更有互動的 Web 應用的技術。 什么是ajax 認識前后端互動 前后端互動就是前端與后端的一種通訊方式，主要使用 ......

    uj5u.com 2023-05-19 09:45:15 more
  • 網站都變灰了，幾行代碼可以實作

    前言 這兩天，我們經常逛的好多網站、app首頁都變灰了，原因大家應該都知道了 網站變灰 ①B站 ②愛奇藝 ③ 騰訊視頻 ④ csdn ⑤百度 怎么實作的呢？ 難道這些網站開發商在網站開發的時候都準備一套灰色主題的UI么？ 好奇心的驅使下，開始瘋狂的詢問度娘，果真還是找到了這么一個網站。 ①官方檔案地 ......

    uj5u.com 2023-05-19 09:33:08 more
  • CSS 實作磨砂玻璃樣式

    CSS 實作磨砂玻璃（毛玻璃）效果樣式 要實作磨砂玻璃背景，可以使用 CSS3 中的 ::before 偽元素和 backdrop-filter 屬性，結合 opacity 屬性和 blur() 函式來實作。 具體實作步驟如下： 創建一個具有背景的元素，例如一個 div 元素。 div { back ......

    uj5u.com 2023-05-19 09:27:52 more
  • JSP_5.16_課堂筆記

    完整的可以與資料庫連接的登錄界面的代碼 login.jsp <%@ page language="java" contentType="text/html; UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta chars ......

    uj5u.com 2023-05-18 09:46:39 more
  • HTTP1.0、HTTP1.1、HTTP2.0 協議的特點

    HTTP（Hypertext Transfer Protocol）是一種用于在Web瀏覽器和Web服務器之間傳輸資料的協議。HTTP的版本有很多，其中比較常見的有 HTTP 1.0 、 HTTP 1.1 和 HTTP 2.0 ，它們有各自的特點。 HTTP 1.0 的特點： 1. 每個請求/回應需要 ......

    uj5u.com 2023-05-18 09:46:35 more

Copyright © 2010-2020 有解無憂