html之使用session进行服务器之间的跳转以及记录

于 2022-11-01 21:23:20 发布
阅读量764 收藏 2
点赞数
分类专栏： web网页制作 html+css html 文章标签： eclipse java tomcat html web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tuweibazong/article/details/127640704
版权

从登陆页面登录成功后来到专家浏览页面，同时在会话session中创建三个属性，分别保存用户名、点击浏览的专家id和浏览的专家记录数。

（假设合法用户信息为：张三，123456）

制作处理登录的Servlet，即我这里的ZjllServlet；

我创建的第一个servlet名字叫做ZjllServlet，用于获取用户从登录页面输入的用户名和密码，下面的代码并不是全文的代码，而是文件ZjllServlet.java文件中的doGet方法中的代码，因为每个人创建的包名以及方法个数不同：

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		//response.getWriter().append("Served at: ").append(request.getContextPath());
		String yonghu=request.getParameter("yonghu");
		String mima=request.getParameter("mima");
		if (yonghu.equals("张三") && mima.equals("123456")) {  //如果用户名为admin，且密码为123456登陆成功页面
			HttpSession session=request.getSession();//获取session
			session.setAttribute("yonghu",yonghu);
			session.setAttribute("id","");
			session.setAttribute("number",0);
			String URL=response.encodeURL("Zjll");
			response.sendRedirect(URL);
		} else {
			response.sendRedirect("error.html");  //返回错误页面
		}
	}

 从上面的代码中可以看见我们写了一个名叫Zjll的URL，这个和web.xml中的配置有关，需要和下面红框的部分保持一致的名字，并且通过Zjll重定向到另一个servlet页面中，下面的就是web.xml中的这一部分的配置文件：

<servlet>
    <servlet-name>Zjll</servlet-name>
    <servlet-class>edu.servlet.request.JiluServlet</servlet-class>
</servlet>
<servlet-mapping>
    <servlet-name>Zjll</servlet-name>
    <url-pattern>/Zjll</url-pattern>
</servlet-mapping>

然后需要另一个servlet，我命的名叫做JiluServlet.java，就是登陆成功后使用session的setAttribute方法将用户名yonghu、点击浏览的专家mima（初始值为空字符串）和浏览专家数number（初始值为0）放入会话中：

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		//response.getWriter().append("Served at: ").append(request.getContextPath());
		request.setCharacterEncoding("UTF-8");  //中文乱码的处理
		response.setContentType("text/html;charset=UTF-8");
		PrintWriter out=response.getWriter();
		String[] dep= {"皮肤科","妇产科","神经内科","泌尿外科"};
		String[][] images= {{"人像1.jpg","人像2.jpg","人像3.jpg","人像4.jpg"},
							{"人像4.jpg","人像1.jpg","人像2.jpg","人像3.jpg"},
							{"人像4.jpg","人像3.jpg","人像2.jpg","人像1.jpg"},
							{"人像4.jpg","人像2.jpg","人像3.jpg","人像1.jpg"}};
		String[][] names= {{"张三","李四","王五","敖某"},
				          {"呆呆","wq","vvq","邓某"},
				          {"邓三","冷少","铁蛋","铁柱"},
				          {"刘某","梁某","冷某","敖二"}};
		HttpSession session=request.getSession();
		if (session.getAttribute("yonghu").equals("张三")) {
			String recURL=response.encodeURL("rec");
			String backURL=response.encodeURL("back");
			out.println("<!DOCTYPE html>");
			out.println("<html>");
			out.println("<head>");
			out.println("<meta charset=\'UTF-8\'>");
			out.println("<title>科室专家</title>");
			out.println("<link rel=\'stylesheet\' type=\'text/css\' href=\'erjidaohanglan.css\'>");
			out.println("<body bgcolor=\"lightblue\"></body>");
			out.println("</head>");
			out.println("<body>");
			out.println("<div class=\'top\'>欢迎光临,"+session.getAttribute("yonghu").toString()+"!&nbsp;&nbsp;&nbsp;&nbsp;您目前<a href=\""+recURL+"\">浏览的专家记录为:&nbsp;&nbsp;"+session.getAttribute("number").toString()+"&nbsp;&nbsp;条</a>"+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=\""+backURL+"\">退出</a></div>");
			out.println("<div class=\'content\'>");
			for (int k=0;k<=3;k++) {
				out.println("<div class=\"ti\">"+dep[k]+"</div>");
				int len=images[k].length;
				int rows=(len%4==0)?len/4:len/4+1;
				for (int i=0;i<rows;i++) {
					out.println("<div class=\"clearfix\">");
					for (int j=0;j<=3;j++) {
						int c=i*4+j;
						if (c<=len-1) {
							String einf="einf?pid="+k+"&eid="+c;
							String einfURL=response.encodeURL(einf);
							out.println("<div class=\"img-container\">");
							out.println("<a href=\""+einfURL+"\"><img src=\"image/"+images[k][c]+"\"></a>");
							out.println("<p><a href=\""+einfURL+"\">"+names[k][c]+"</a></p>");
							out.println("</div>");  
						} else { 
							break;
						}
					}
					out.println("</div>");
					out.println("<hr>");
				}
			}
			
			out.println("</body>");
			out.println("<html>");
			out.flush();
			out.close();
		} else {
			response.sendRedirect("denglu.html");
			return;
		}
		
	}

上面的代码所展现出来的页面如下图：

 上面的代码中有一个einf，用于点击图片或者文字跳转到另一个页面也就是单人介绍的页面DanrenServlet，所以需要在web.xml中配置该路径：

   <servlet>
    	<servlet-name>einf</servlet-name>
    	<servlet-class>edu.servlet.request.DanrenServlet</servlet-class>
   </servlet>
   <servlet-mapping>
    	<servlet-name>einf</servlet-name>
    	<url-pattern>/einf</url-pattern>
   </servlet-mapping>

配置该路径之后随意点击一个图片或者名字，都会进入下一个页面DanrenServlet：

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		//response.getWriter().append("Served at: ").append(request.getContextPath());
		request.setCharacterEncoding("UTF-8");  //中文乱码的处理
		response.setContentType("text/html;charset=UTF-8");
		PrintWriter out=response.getWriter();
		String[] dep= {"皮肤科","妇产科","神经内科","泌尿外科"};
		String[][] images= {{"人像1.jpg","人像2.jpg","人像3.jpg","人像4.jpg"},
							{"人像4.jpg","人像1.jpg","人像2.jpg","人像3.jpg"},
							{"人像4.jpg","人像3.jpg","人像2.jpg","人像1.jpg"},
							{"人像4.jpg","人像2.jpg","人像3.jpg","人像1.jpg"}};
		String[][] names= {{"张三","李四","王五","敖某"},
				          {"呆呆","wq","vvq","邓某"},
				          {"邓三","冷少","铁蛋","铁柱"},
				          {"刘某","梁某","冷某","敖二"}};
		String[][] info= {
				{"皮肤科教授，主任医师，博士，博士生导师，现任重庆医科大学附属第一医院皮肤科主任；中国现任医学会皮肤科科长，市先进人才。","皮肤科教授，主任医师，博士，博士生导师，现任重庆医科大学附属第一医院皮肤科主任；中国现任医学会皮肤科科长，市先进人才。","皮肤科教授，主任医师，博士，博士生导师，现任重庆医科大学附属第一医院皮肤科主任；中国现任医学会皮肤科科长，市先进人才。","皮肤科教授，主任医师，博士，博士生导师，现任重庆医科大学附属第一医院皮肤科主任；中国现任医学会皮肤科科长，市先进人才。"},
				{"张三","李四","王五","敖某"},
				{"邓三","冷少","铁蛋","铁柱"},
				{"刘某","梁某","冷某","敖二"}};
		HttpSession session=request.getSession();
		if(session.getAttribute("yonghu").equals("张三")) {
			String pid=request.getParameter("pid");
			String eid=request.getParameter("eid");
			String nid=pid+eid;
			String oid=(String)session.getAttribute("id");
			if(oid.indexOf(nid)==-1) {
				int number=(int)session.getAttribute("number")+1;
				session.setAttribute("number",number);
				if(!"".equals(oid)) {
					nid=oid+","+nid;
				}
				session.setAttribute("id",nid);
			}
			
			  String recURL=response.encodeURL("rec"); 
			  String backURL=response.encodeURL("back"); 
			  String URL=response.encodeURL("Zjll");
			 
			out.println("<!DOCTYPE html>");
			out.println("<html>");
			out.println("<head>");
			out.println("<meta charset=\"UTF-8\">");
			out.println("<title>显示科室专家</title>");
			out.println("<link rel=\"stylesheet\" type=\"text/css\" href=\"erjidaohanglan.css\">");
			out.println("<body bgcolor=\"lightblue\"></body>");
			out.println("</head>");
			out.println("<body>");
			out.println("<div class=\"top\">欢迎光临，"+session.getAttribute("yonghu").toString()+
					"!&nbsp;&nbsp;&nbsp;&nbsp;您目前<a href=\"" +recURL +"\">浏览的专家记录为：&nbsp;&nbsp;"+
					session.getAttribute("number").toString()+"&nbsp;&nbsp;条</a>"+
					"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=\"" +backURL +"\">退出</a></div><hr>");
			out.println("<div class=\"content\">");
			out.println("<h2>科室："+dep[Integer.parseInt(pid)]+"&nbsp;&nbsp;&nbsp;&nbsp;姓名："+names[Integer.parseInt(pid)][Integer.parseInt(eid)]+"</h2>");
			out.println("<hr><p class=\"back\"><a href=\"" +URL +"\">&lt;&lt;&lt;返回</a></p>");
			out.println("<img src=\"image/"+images[Integer.parseInt(pid)][Integer.parseInt(eid)]+"\">");
			out.println("<p class=\"info\">"+info[Integer.parseInt(pid)][Integer.parseInt(eid)]+"</p></div>");
			out.println("</body>");
			out.println("</html>");
			out.flush();
			out.close();
		}else {
			response.sendRedirect("denglu.html");
			return;
		}
	}

然后这个页面所出来的成果就是如图：

接下来我们要展示的页面就是浏览历史记录的页面，即LljlServlrt.java；

首先使用rec对页面进行跳转,每一个页面中点击浏览的链接都是进入到浏览历史的界面：

   <servlet>
    	<servlet-name>rec</servlet-name>
    	<servlet-class>edu.servlet.request.LljlServlet</servlet-class>
   </servlet>
   <servlet-mapping>
    	<servlet-name>rec</servlet-name>
    	<url-pattern>/rec</url-pattern>
   </servlet-mapping>

然后用下面的代码进行输出页面： 

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		//response.getWriter().append("Served at: ").append(request.getContextPath());
		request.setCharacterEncoding("UTF-8");  //中文乱码的处理
		response.setContentType("text/html;charset=UTF-8");
		PrintWriter out=response.getWriter();
		String[] dep= {"皮肤科","妇产科","神经内科","泌尿外科"};
		String[][] images= {{"人像1.jpg","人像2.jpg","人像3.jpg","人像4.jpg"},
							{"人像4.jpg","人像1.jpg","人像2.jpg","人像3.jpg"},
							{"人像4.jpg","人像3.jpg","人像2.jpg","人像1.jpg"},
							{"人像4.jpg","人像2.jpg","人像3.jpg","人像1.jpg"}};
		String[][] names= {{"张三","李四","王五","敖某"},
				          {"呆呆","wq","vvq","邓某"},
				          {"邓三","冷少","铁蛋","铁柱"},
				          {"刘某","梁某","冷某","敖二"}};
		HttpSession session=request.getSession();
		if (session.getAttribute("yonghu").equals("张三")) {
			String recURL = response.encodeURL("rec");
			String backURL = response.encodeURL("back");
			String URL = response.encodeURL("Zjll");
			out.println("<!DOCTYPE html><html><head><meta charset=\"UTF-8\">");
	        out.println("<title>显示科室专家</title>");
	        out.println("<body bgcolor=\"lightblue\"></body>");
	        out.println("<link type=\"text/css\" rel=\"stylesheet\" href=\"erjidaohanglan.css\">");
	        out.println("<div class=\'top\'>欢迎光临,"
	    			+session.getAttribute("yonghu").toString()+
	    			"!&nbsp;&nbsp;&nbsp;&nbsp;您目前<a href=\""+recURL+"\">浏览的专家记录为:&nbsp;&nbsp;"
	    			+session.getAttribute("number").toString()+
	    			"&nbsp;&nbsp;条</a>"+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=\""+
	    			backURL+"\">退出</a></div>");
	        out.println("<div class=\"content\">");
	        String id = (String)session.getAttribute("id");
	        if(!"".equals(id)) {
	        	String[] nid = id.split(",");
				for(int i=0;i<=nid.length-1;i++) {
					int pid = Integer.parseInt(nid[i].substring(0,1));
					int eid = Integer.parseInt(nid[i].substring(1));
					out.println("<img src=\"image/"+images[pid][eid]+"\">");
					out.println("<div class=\" message \">科室名："+dep[pid]+"---专家姓名："+names[pid][eid]+"</div><hr>");
				}
				out.println("<p class=\"back\"><a href=\""+URL+"\">&nbsp;&nbsp;&nbsp;&nbsp;返回</a></p>");
		    }else {
				out.println("<h2>用户您好，您还没有浏览记录！</h2>");   
		        out.println("<hr><p class=\"back\"><a href=\""+URL+"\">&nbsp;&nbsp;&nbsp;&nbsp;返回</a></p>");
			}
	        out.println("</div></body></html>");
		}
	}

输出的结果如图：

最后一个页面是点击退出，然后返回登录页面的代码，我创建的servlet叫做LogOutServlet.java：

依旧要使用back在web.xml中进行重定向：

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		//response.getWriter().append("Served at: ").append(request.getContextPath());
		HttpSession inv = request.getSession();
		inv.invalidate();   //废弃当前会话对象
		response.sendRedirect("denglu.html");
		return;

	}
   <servlet>
    	<servlet-name>back</servlet-name>
    	<servlet-class>edu.servlet.request.LogOutServlet</servlet-class>
   </servlet>
   <servlet-mapping>
    	<servlet-name>back</servlet-name>
    	<url-pattern>/back</url-pattern>
   </servlet-mapping>

点击退出返回登录的页面： 

还有一个我代码中涉及到的css文件内容如下，名字为erjidaohanglan.css：

@charset "UTF-8";
* {
  box-sizing: border-box;
}
body {
  text-align:center;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.content .ti {
		width:100%;
		text-align:center;
		font-size:25px;
		color:white;
		background-color: blue;
		padding:10px;}
.content img {
		width:160px;
		height:180px;}
.img-container {
		text-align: center;
		float: left;
  		width: 25%;
  		padding: 5px;}

 

 

土味霸总
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
用session实现html登录页面跳转页面跳转页面跳转,js判断登录与否并确定跳转页面的方法...
weixin_30679649的博客
06-03 784
这篇文章主要介绍了js判断登录与否并确定跳转页面的方法,涉及Ajax及session使用的技巧,非常具有实用价值,需要的朋友可以参考下本文实例讲述了js判断登录与否并确定跳转页面的方法。分享给大家供大家参考。具体如下：使用session存储，确定用户是否登录，从而确定页面跳转至哪个页面。判断本地有无customerID：function jumpTo(p, url) {var customerId...
Ajax Session失效跳转登录页面的方法
12-10
然而，如果使用Ajax进行异步请求，服务器端响应登录页面的HTML内容会给前端带来困扰，因为前端期望的是JSON或者特定的数据格式，而不是整个页面的HTML。 为了解决这个问题，我们可以创建一个自定义的拦截器，如题目...
一文看懂cookie和session
weixin_33725126的博客
12-26 198
点击关注，快速进阶高级架构师作者：Zender一、会话的概念会话可简单理解为：用户开一个浏览器，点击多个超链接，访问服务器多个web资源，然后关闭浏览器，整个过程称之为一个会话。二、会话过程中要解决的一些问题每个用户在使用浏览器与服务器进行会话的过程中，不可避免各自会产生一些数据，程序要想办法为每个用户保存这些数据。三、保存会话数据的两种技术1、CookieCookie意为"甜饼"，是由W3C组织...
Python爬虫-HTMLSession的使用
qq_20671779的博客
06-08 1万+
import requests from requests_html import HTMLSession session = HTMLSession() url="http://www.sina.com.cn/" r=session.get(url) print(r.html.text)
利用Session筛选数据和删除数据
weixin_44542115的博客
06-17 500
当我们在MVC的某个方法的结果或者变量需要共用的时候，就可以用到session这个属性把这个结果或者变量赋值到另外的方法当中。 例如： CommoditsId += CommId + “;”; Session[“CommId”] = CommoditsId; 给session赋完值之后，就可以在你需要的地方调用了！ if (Session["CommId"] != null) { string ...
PHP传值到不同页面的三种常见方式及php和html之间传值问题
12-19
在网页开发中，不同页面间的数据传递是必不可少的，尤其是使用PHP进行服务器端处理时。本文将探讨PHP向不同页面传值的三种常见方法：POST、GET和SESSION，并结合HTML的使用来阐述PHP如何接收这些传递的值。 一、...
Java Web应用开发 26 课堂案例-使用session记录表单信息.docx
07-13
在这个课堂案例中，我们探讨了如何使用session来记录并保持用户登录时输入的表单信息。以下是该案例涉及的知识点： 1. **HTTP协议与状态管理**：HTTP协议是无状态的，这意味着服务器不会记住客户端的任何信息。为了...
session与cookie的内容.doc
最新发布
01-26
在JSP和Servlet之间，可以通过以下方式实现页面跳转： 1. 表单提交：用户填写表单并提交，服务器端的Servlet接收并处理后，可以重定向到新的JSP页面。 2. 超链接：直接在HTML链接中指定Servlet地址，Servlet处理后...
SSM项目集成shiro搭建session共享
04-06
通过这种方式，即使用户在不同服务器之间跳转，也能保持登录状态。 总之，这个项目通过合理的技术选型和集成，实现了基于SSM的Web应用的安全控制和session共享，提高了系统的可扩展性和用户体验。在实际开发中，还...
session在html页面跳转,2020-10-22 问题：django-session-网页登录跳转
weixin_30305029的博客
06-03 274
python3.8 + django==3.1.2想要实现的功能：从订单页面/order/进入操作，但是处于未登录状态下的话，就要先跳转到登录页面，(重点：)登录成功后，自动重定向回到order页面。BUG：视图中，登录装饰器，登录功能逻辑均没有问题，但是每次从order页进入登录，登录成功后，没有回到order，而是一直定向到首页。解决过程：一直纠结于是否是登录认证装饰器和登录功能中：pat...
session在html页面跳转,HTML5 使用 sessionStorage 进行页面传值的方法
weixin_31655087的博客
06-03 878
HTML5 提供的本地存储功能，使得web应用可以将数据存储在用户的本地浏览器。在 HTML5 中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。在客户端存储的方法有两种：1. localStorage: 没有时间限制的存储，而且容量大，至少5M大小；所有相同域名的页面都可以存储和获取相同的数据。2. sessionStorage: 针...
Html中获取session中的值(实现登录后显示欢迎xxx)
malz_zh的博客
08-10 2万+
以前都是使用jsp进行前台界面的开发，可以直接使用session，获取用户信息，在整个生命周期中都可以展示出用户信息，第一次使用HTML进行前台界面的开发，因为welcomexx是在左侧每个选项卡界面中都有的，所以登录后需要将用户信息保存到一个缓存中，是每个页面都可以获取到用户信息。 在网上有很多说是用一个过渡的servlet，但是太麻烦了，经接触公司的另一个springbo...
Session详解，学习Session，这篇文章就够了(包含底层分析和使用)
热门推荐
秃头披风侠的博客
03-09 8万+
什么是session session在网络应用中称为“会话控制”，是服务器为了保存用户状态而创建的一个特殊的对象。简而言之，session就是一个对象，用于存储信息。 session有什么用 我们先来想一个问题，这个问题就是我们在游览购物网站时，我们并没有登录，但是我们任然可以将商品加入购物车，并且进行查看，当我们退出游览器后再打开游览器进行查看，购物车中依然有我们选择的商品，这该怎么实现呢？ 当然，我们可以使用cookie，但是cookie能...
html session修改,html session
weixin_31858171的博客
06-03 256
由于html cookie是存储在客户端的，且为明文，故不安全，另外一个支持html间数据传输的为session修改blog/views.py[[emailprotected] alu02]#cat blog/views.pyfrom django importformsfrom django.http importHttpResponsefrom django.shortcuts import...
html 设置session,在webconfig中配置session
weixin_29688227的博客
06-19 319
2、在web.config中配置Session　　Web.config文件中的Session配置信息：复制代码 代码如下:cookieless="true|false"timeout="number of minutes"stateConnectionString="tcpip=server:port"sqlConnectionString="sql connection string"state...
HttpSession详解(简称session)
hcz666的博客
10-04 2万+
session概述 Session表示会话，不止是在javaweb中存在，只要是web开发，都有会话这种机制。 在java中会话对应的类型是：javax.servlet.http.HttpSession，简称session/会话 在java web中session是一个存储在WEB服务器端的java对象，该对象代表用户和WEB服务器的一次会话。 那什么才叫一次会话呢？ 一般多数情况下，是这样描述的：用户打开浏览器，在浏览器上进行一些操作，然后将浏览器关闭，表示一次会话结束。 本质上的描述：从sess
html页面获取session中的数据
qq_33380252的博客
10-25 1万+
controller中的代码 public ActionResult Index() {          userInfo user = new userInfo();          user.userid = 1;          user.name = "姓名";          Session["curUser"] = user;          Session["phone...
html中使用sessionStorge存储数据
dengjiaxing0321的博客
11-22 2289
使用sessionStorge存储数据与localStorge不同，当浏览器关闭时使用sessionStorge存储的数据会丢失，但是使用localStorge存储的数据不会丢失；使用sessionStorge存储数据代码如下： JS文件：var num = 0; var txt; var btn; window.onload = function () { txt = document
php编写1. 结合所学内容及参考教材，制作一个邮箱网站。 2. 邮箱实现注册登录功能，需要连接数据库操作。 3. 界面美观简洁且原创，页面之间实现传值跳转。 4. 可以使用php+mysql+html+javascript+css完成。 5. 使用cookie、session、ajax、正则表达式等其他功能代码
06-11
如果验证通过，服务器将设置一个session来保存用户的登录状态，并将用户重定向到主页。 以下是一个简单的登录页面示例： ```html <!DOCTYPE html> <html> 邮箱登录 邮箱登录 邮箱地址: ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值