JavaWeb快速入门 页面跳转&JDBC交互

目录

一、思维导图

二、页面的跳转方式

         1.通过HTML超链接的方式进行跳转

         

         2.通过js的location对象进行页面跳转

             

         3.通过java方式跳转

                     3.1 请求转发:

                                getRequestDispatch(String path).forward(request,response)

                     3.2 重定向:

                                sendRedirect(url)

        1.请求转发:

        2.重定向:

        3.转发和重定向的区别

                1.请求转发属于内部跳转

                2.重定向则是站外跳转

                3…取值

                        请求转发(站内跳转):可以获取保存在request作用域中的数据

                        重定向(站外跳转): 不能获取保存在request作用域中的数据

                4.地址栏

                请求转发(站内跳转):地址栏不发生变化

                重定向(站外跳转):地址栏显示跳转页面路径

                5.请求次数

                        请求转发(站内跳转):仅发起一次请求,所以可以获取到保存在request中的数据

                        重定向(站外跳转):发起多次请求,所以不能获取request中的数据

                6.性能(效率)

                        (站外跳转): 不能获取保存在request作用域中的数据

        4.地址栏

                请求转发(站内跳转):地址栏不发生变化(

                重定向(站外跳转):地址栏显示跳转页面路径

        5.请求次数

                请求转发(站内跳转):仅发起一次请求,所以可以获取到保存在request中的数据

                重定向(站外跳转):发起多次请求,所以不能获取request中的数据

        6.性能(效率)

                请求转发(站内跳转) > 重定向(站外跳转)

三、 JavaWeb实现与Oracle数据库的数据交互


一、思维导图

二、页面的跳转方式

         1.通过HTML超链接的方式进行跳转

                        <a href = "路径">资源地址</a>

         2.通过js的location对象进行页面跳转

                        window.location.href = "路径";
  
                     通过超链接跳转到index.jsp页面
                    通过超链接实现跳转时可以携带参数吗?  可以携带参数,并且可以在目的地通过request对象进行获取该参数-->
                   注意事项:  第一个参数之前 (?)  参数与参数之间使用(&) 

<a href = "index.jsp?username=admin&password=123">跳转到主页</a>
    
    <!-- js跳转 -->
    <hr/>
    <!-- 通过location跳转可以携带参数    后面可以通过request对象进行获取 -->
    <button onclick = "add();">跳转到index.jsp</button>
    <script type="text/javascript">
        function add(){
            /* 通过js的location对象进行页面跳转  */
            location.href = "index.jsp?result=123";
        }
    </script>

        中转页面:

                        作用:
                                1.获取页面提交的数据
                                2.进行数据库交互
                                3.判断是否提交到指定的页面去

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 <!-- 通过request对象获取数据  脚本区域 -->
 <%
 	//设置编码格式(解决不兼容中文的问题)
 	request.setCharacterEncoding("utf-8");
 	//获取用户名和密码
 	String username = request.getParameter("username");
 	String password = request.getParameter("password");
 	//out.println("username="+username+"     password = "+password);
 	
 	//模拟:假设有admin用户,再次注册无效   返回注册页面重登陆   如果不是admin直接注册
 	if("admin".equals(username)){//我目前注册的账号admin在数据库中已存在 不能注册的
 		//告诉用户  数据库已存在用户名  不能再次注册  跳回register.jsp页面重写进行注册
 		//超链接   location跳转   out对象可以拼接标签代码(html js)
 		out.println("<script>");
 		out.println("alert('该用户已被注册,请重新进行注册');");
 		out.println("location.href='register.jsp'");
 		out.println("</script>");
 	}else{//可以注册
 		//直接可以跳转到index.jsp
 		/* 通过location页面跳转 */
 		
 		//out.println("<script>");
 		//out.println("location.href='index.jsp'");
 		//out.println("</script>"); 
 		
 		/* 通过Java的方式  转发进行跳转 */
 		/* 
 			1.转发  是有服务端发起的跳转
 			2.转发 跳转页面后,地址栏不会发生改变
 			3.转发 跳转页面后,上一个页面的数据会保留下来  可以在跳转后的页面上进行获取  通过reuqest对象获取
 		*/
 		//response 内置对象  响应
		//request.getRequestDispatcher("index.jsp").forward(request, response); 	
 		
 		
 		/* 通过Java的方式   重定向进行跳转 */
 		/*
 		(1)地址栏:显示新的地址
		(2)请求次数:2次
		(3)根目录:http://localhost:8080/ 没有项目的名字
		(4)请求域中的数据会丢失,因为是2次请求
 		*/
 		response.sendRedirect("index.jsp");
 		
 	}
 
 %>

 总结:页面跳转方式  4种    超链接这种跳转方式不适合在java中进行
          lcoation和重定向(response.sendRedirect("index.jsp");)是一样
             地址栏发生改变,数据不会保留
          转发:request.getRequestDispatcher("index.jsp").forward(request, response); 
             地址栏不会发生改变,数据会保留  可以通过request对象进行获取。

        3.通过java方式跳转

                     3.1 请求转发:

                                getRequestDispatch(String path).forward(request,response)

                     3.2 重定向:

                                sendRedirect(url)

out.print("<script>alert('账号或密码错误');location.href='login.jsp'</script>");
//属于重定向

请求转发和重定向都是页面跳转

        1.请求转发:

                相当于是张三找李四借钱,但是李四没钱,李四就跑去银行借钱,再把钱借给张三,这里张三值发送了一次请求,但是至少经历了两次转发才拿到钱,但是是从李四手里拿到的钱,所以他的借钱目的人就是李四,向银行借钱这部操作是李四自身进行的,与张三无关

        2.重定向:

                相当于是张三找李四借钱,但是李四没钱,李四告诉李三可以去银行借钱,张三又跑去银行把钱借了出来,这里张三发送了两次借钱的请求,但是第一次没有借钱成功,第二次才从银行里拿到钱,所以他的借钱人就是银行.

3.转发和重定向的区别

        1.请求转发属于内部跳转,服务器内部转发,整个过程处于同一个请求当中,不可以跳到其他网站,只能在同一个网站内跳不同的页面

        2.重定向则是站外跳转,浏览器将会得到跳转的地址,并重新发送请求链接。这样,从浏览器的地址栏中可以看到跳转后的链接地址。不在同一个请求。重定向,实际上客户端会向服务器端发送两个请求

        3…取值

                请求转发(站内跳转):可以获取保存在request作用域中的数据

                重定向(站外跳转): 不能获取保存在request作用域中的数据

        4.地址栏

                请求转发(站内跳转):地址栏不发生变化

                重定向(站外跳转):地址栏显示跳转页面路径

        5.请求次数

                请求转发(站内跳转):仅发起一次请求,所以可以获取到保存在request中的数据

                重定向(站外跳转):发起多次请求,所以不能获取request中的数据

        6.性能(效率)

                (站外跳转): 不能获取保存在request作用域中的数据

        4.地址栏

                请求转发(站内跳转):地址栏不发生变化(

                重定向(站外跳转):地址栏显示跳转页面路径

        5.请求次数

                请求转发(站内跳转):仅发起一次请求,所以可以获取到保存在request中的数据

                重定向(站外跳转):发起多次请求,所以不能获取request中的数据

        6.性能(效率)

                请求转发(站内跳转) > 重定向(站外跳转)

三、 JavaWeb实现与Oracle数据库的数据交互

        1.首先:在Oracle中创建数据表并插入数据

--创建用户表
create table tb_users
(
       user_id number primary key,--用户编号
       username varchar2(100),--用户名
       password varchar2(100)--密码
)
--插入默认的数据
insert into tb_users values(1,'zkingzz','123');
insert into tb_users values(2,'admin','123');
commit;--事务提交  数据永久保存下来,web程序可以访问得到。

select * from tb_users;

--如果web应用程序与Oracle进行数据交互,那么在Oracle中手动添加的数据或者修改的数据或者删除的数据
--必须做处理???提交 commit   
--如果不提交事物,意味着web应用程序中访问不到这些手动添加,修改,删除的数据

       2. 将指定的Oracle的jar包导入项目(jar包根据自己的需求可在浏览器进行下载)

       3.在JavaWeb中的jsp文件中步骤如下:

                        1.加载驱动Class.forName
                        2.建立连接 Connection
                        3.创建执行对象    PreparedStatement
                        4.影响的行数或者结果集   ResultSet
                        5.关闭连接   close();

        1~5:

<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.DriverManager"%>
<%@page import="java.sql.Connection"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

    <%
    	/* 作用:登录页面提交后的处理数据的页面 */
    	
    	//1.设置编码
    	request.setCharacterEncoding("utf-8");
    	//2.获取数据
    	String username = request.getParameter("username");
    	String password = request.getParameter("password");
    	
    	//3.进行Oracle数据库交互
    	//定义两个变量存储用户名以及密码
    	String uname = "";
    	String pwd = "";
    	
    	
    	//连接对象定义
    	Connection conn = null;
    	PreparedStatement ps = null;//执行对象
    	//结果集对象
    	ResultSet rs = null;
    	try{
    		//a.加载驱动
    		//快捷方式   倒入驱动路径     OracleDriver
    		Class.forName("oracle.jdbc.driver.OracleDriver");
    		//b.建立连接
    		String url = "jdbc:oracle:thin:@localhost:1521:orcl";//强调一下  每个人的url值的最后不一样
    		//但是大部分人是一样         服务窗口中查看OracleServiceORCL  这个服务   ORCL后面有没有字母
    		conn = DriverManager.getConnection(url, "scott", "123");
	    	//c.编写sql语句传入执行方法返回执行对象
	    	String sql = "select * from tb_users where username = ? and password = ?";
	    	ps = conn.prepareStatement(sql);
	    	//d.占位符赋值
	    	ps.setString(1, username);
	    	ps.setString(2, password);
	    	//e.返回结果集对象
	    	rs = ps.executeQuery();
	    	//d.遍历或者判断
	    	if(rs.next()){//如果结果集中存在下一条数据
	    		//有用户返回出来了   用变量接收
	    		uname = rs.getString(2);
	    		pwd = rs.getString(3);
	    	}
    	}catch(Exception e){
    		e.printStackTrace();
    	}finally{
    		if(conn!=null&&!conn.isClosed()){
    			conn.close();
    		}
    		if(ps!=null){
    			ps.close();
    		}
    		if(rs!=null){
    			rs.close();
    		}
    	}
    	//4.页面跳转
    	out.println(uname+"             "+pwd);
    	//数据交互后,如何判断进行页面你跳转
    	//只要判断uname和pwd中是否存在值   如果存在  说明登录成功   跳转到主页面
    	//如果没有值   返回登录页面继续登录即可。
    	
    	//""  与  null  是有区别的。
    	
    	if(uname!="" && pwd!=""){
    		//System.out.println("ok");
    		//使用转发的技术跳转到主页面   主页面显示当前登录的账号
    		request.getRequestDispatcher("home.jsp").forward(request, response);
    	}else{
    		//System.out.println("no ok");
    		out.println("<script>alert('账号或密码错误');location.href='login.jsp';</script>");
    	}	
    
    %>

home.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>Insert title here</title>
</head>
<body>
	<h2>这是新闻发布系统的主页面</h2>
	<b>欢迎<%=request.getParameter("username") %>  回家</b>
</body>
</html>

login.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>Insert title here</title>
</head>
<body>
	<h3>用户登录</h3>
	<hr/>
	<form action = "doLogin.jsp" method = "post">
		账号 <input type = "text" name = "username"/>
		<br/><br/>
		密码 <input type = "password" name = "password"/>
		<br/><br/>
		<input type = "submit" value = "登录"/>
	</form>
</body>
</html>

  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值