session的使用

一.实验思路

①配置一个监听器并继承HttpSessionListener，写入代码

②在xml文件中配置

③在jsp文件中显示监听结果，并以在左上角显示结果

二.实验代码

package com.session;

import javax.servlet.ServletContext;
import javax.servlet.http.HttpSession;
import javax.servlet.http.HttpSessionEvent;
import javax.servlet.http.HttpSessionListener;

public class MyListener implements HttpSessionListener{
    
    @Override
    public void sessionCreated(HttpSessionEvent event){
        //System.out.println("创建了")；
        //获得Session对象
        HttpSession session = event.getSession();
        //通过Session获得servletcontext对象
        ServletContext servletContext = session.getServletContext();
        
        Object object = servletContext.getAttribute("num");
        if(object == null){
            servletContext.setAttribute("num", 1);
        }else{
            Object num = servletContext.getAttribute("num");
            int num1 = (int) num;
            servletContext.setAttribute("num",num1+1);
        }
    }
    
    @Override
    public void sessionDestroyed(HttpSessionEvent event){
        //System.out.prinln("销毁了");
        HttpSession session = event.getSession();//获得Session对象
        //通过Session获得servletcontext对象
        ServletContext servletContext = session.getServletContext();
        
        servletContext.setAttribute("num", (long)servletContext.getAttribute("num")-1);
    }
    
}

MyListener.java

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<jsp:directive.page import="com.session.MyListener" />
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>西南石油大学-计算机科学学院</title>
<style>
*{
    margin: 0px;
    padding: 0px;
}
.page{
    width: 984px;
    margin: 0px auto;
}

.top{    
    
    margin: 0px auto;
}

.top img{
    width: 100%;
    margin: 0px auto;
}

.index{
    width:984px;
    height:50px;
    margin: 0 auto;
}
.index ul{
    width: 100%;
}
.index li{
    float:left;
    height:50px;
    line-height:50px;
    font-size:16px;
    position:relative; 
    list-style-type: none;
    background-color: #0B6CB8;
}
.index li a{
    color:#FFF;
    display:block;
    padding: 0 15.6px; 
    text-decoration: none;
}
.index ul li a:hover{
    display:block;
    color: #FFF;
    background:#0a5894;
    text-decoration: none;
}
.body_img img{
    width: 100%;
    margin: 0px auto;
}
.body{
    width: 100%;
    margin: 0 auto;
}
.body_content{
    width: 100%;
    height: 800px;
    margin: 10px auto;
}
.content1{
    height: 280px;
    width: 685px;
    float: left;
}
.content1_head{
    margin-top: 0px;
    width: 685px;
    height: 40px;
    background-color: #DDDDDD;
}
.content1_head1{
    font-size: 18px;
    width: 80px;
    height: 35px;
    background-color: #2780CB;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    float: left;
    color: white;
    padding: 2px;
    text-align: center;
}
.content1_head img{
    margin: 15px auto;
    float: right;
    border: none;
}
.content1_body{
    width: 685px;
    margin:0px auto;
    float: left;
}
.content1_left img{
    margin:20px auto;
    width:310px;
    float: left;
}
.content1_right ul{
    text-align: right;
    list-style-type: none;
    margin:20px auto;
    font-size: 14px;
    padding: 10px;
}
.content1_right ul li{
    padding: 5px;
}
a:link,a:visited{
    text-decoration: none;
    color: darkgray;
}
a:hover{
    text-decoration: none;
    color: #2780CB;
}
.content2{
    height: 260px;
    float: right;
    width: 280px;
}
.content2_head{
    margin-top: 0px;
    width: 280px;
    height: 40px;
    background-color: #DDDDDD;
    
}
.content2_head1{
    font-size: 18px;
    width: 90px;
    height: 35px;
    background-color: #2780CB;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    float: left;
    color: white;
    padding: 2px;
    text-align: center;
}
.content2_head img{
    margin: 15px auto;
    float: right;
    border: none;
}
.content2_body{
    height: 220px;
}
.content2_body ul{
    text-align: left;
    list-style-type: none;
    font-size: 14px;
    margin-top: 25px;
}
.content2_body ul li{
    padding: 5px;
}
.content3{
    height: 280px;
    width: 685px;
    float: left;
}

.content3_head{
    margin-top: 0px;
    width: 685px;
    height: 40px;
    background-color: #DDDDDD;
}
.content3_head1{
    font-size: 18px;
    width: 80px;
    height: 35px;
    background-color: #2780CB;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    float: left;
    color: white;
    padding: 2px;
    text-align: center;
}
.content3_head img{
    margin: 15px auto;
    float: right;
    border: none;
}

.conten3_body{
    height: 240px;
}
.content3_body ul{
    text-align: left;
    list-style-type: none;
    font-size: 14px;
    margin-top: 15px;
    line-height: 30px;
}
.conten3_body ul li{
    padding: 5px;
}

.content4{
    height: 280px;
    float: right;
    width: 280px;
}
.content4_head{
    margin-top: 0px;
    width: 280px;
    height: 40px;
    background-color: #DDDDDD;
}
.content4_head1{
    font-size: 18px;
    width: 80px;
    height: 35px;
    background-color: #2780CB;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    float: left;
    color: white;
    padding: 2px;
    text-align: center;
}
.content4_head img{
    margin: 15px auto;
    float: right;
    border: none;
}
.content4_body ul{
    text-align: left;
    list-style-type: none;
    font-size: 14px;
    margin-top: 10px;
}
.content4_body ul li{
    padding: 5px;
}

.content5{
    height: 280px;
    width: 685px;
    float: left;
}

.content5_head{
    margin-top: 0px;
    width: 685px;
    height: 40px;
    background-color: #DDDDDD;
}
.content5_head1{
    font-size: 18px;
    width: 80px;
    height: 35px;
    background-color: #2780CB;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    float: left;
    color: white;
    padding: 2px;
    text-align: center;
}
.content5_head img{
    margin: 15px auto;
    float: right;
    border: none;
}

.content5_body ul{
    text-align: left;
    list-style-type: none;
    font-size: 14px;
    padding-top: 10px;
    line-height: 30px;
}
.conten5_body ul li{
    padding: 5px;
}

.content6{
    height: 280px;
    float: right;
    width: 280px;
}
.content6_head{
    margin-top: 0px;
    width: 280px;
    height: 40px;
    background-color: #DDDDDD;
}
.content6_head1{
    font-size: 18px;
    width: 80px;
    height: 35px;
    background-color: #2780CB;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    float: left;
    color: white;
    padding: 2px;
    text-align: center;
}
.content6_head img{
    margin: 15px auto;
    float: right;
    border: none;
}
.content6_body ul{
    text-align: left;
    margin:20px auto;
    font-size: 14px;
    padding: 10px;
}
.content6_body ul li{
    padding: 5px;
}

.base{
    width: 100%;
    background-color: #006699;
    height: 100px;
    text-align: center;
}

.base font{
    color: white;
    font-size: 4;
}
</style>

</head>
<body style="position: relative;">
<p>在线人数 <%=request.getSession().getServletContext().getAttribute("num") %></p>
<div class="page">
            <div class="top">
                <img src="D:\eclipseProject\Session\WebContent\计科院主页\top-bg.jpg"/>
            </div>
            <div class="index">
                <ul>
                    <li><a href="#">网站首页</a></li>
                    <li><a href="#">学校概况</a></li>
                    <li><a href="#">本科生教育</a></li>
                    <li><a href="#">研究生教育</a></li>
                    <li><a href="#">师资队伍</a></li>
                    <li><a href="#">科学研究</a></li>
                    <li><a href="#">学生工作</a></li>
                    <li><a href="#">招生工作</a></li>
                    <li><a href="#">实验中心</a></li>
                    <li><a href="#">党建之窗</a></li>
                </ul>
            </div>
            <div class="body">
                <div class="body_img">
                    <img src="D:\eclipseProject\Session\WebContent\计科院主页\welcome.jpg"/>
                </div>
                <div class="body_content">
                    <div class="content1">
                        <div class="content1_head">
                            <div class="content1_head1">
                                                            图片新闻
                            </div>
                            <a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\more.png"/></a>
                        </div>
                        <div class="content1_body">
                            <div class="content1_left">
                                <img src="D:\eclipseProject\Session\WebContent\计科院主页\show.jpg"/>
                            </div>
                            <div class="content1_right">
                                <ul>
                                    <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 计算机科学学院举办2019年寒假留校学生新春[02-01]</a></li>
                                    <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 计科院工会组织学院女教职工庆祝第109个“[03-12]</a></li>
                                    <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 学术讲座——人工智能改变我们的未来生活[03-05]</a></li>
                                    <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 计算机科学学院各年级辅导员集中走访学生寝[01-21]</a></li>
                                    <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 学院召开2018年度领导班子民主生活会[01-14]</a></li>
                                    <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 计科院与川庆安检院技术交流大会[01-10]</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="content2">
                        <div class="content2_head">
                            <div class="content2_head1">
                                                          学术交流
                            </div>
                            <a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\more.png"/></a>
                        </div>
                        <div class="content2_body">
                                <ul type="square">
                                    <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 人工智能改变我们的未来生活</a></li>
                                    <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 计算时代的虚假信息传播</a></li>
                                    <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 零行列式策略及其网络演化动力学</a></li>
                                    <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 人工智能+：视界充满AI</a></li>
                                    <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 计科院关于举行2018年校庆论文报告会的...</a></li>
                                    <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 视频遇上云服务</a></li>
                                </ul>        
                        </div>
                    </div>
                    <div class="content3">
                        <div class="content3_head">
                            <div class="content3_head1">
                                                           新闻速递
                            </div>
                            <a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\more.png"/></a>
                        </div>
                        <div class="content3_body">
                            <p><font color="#0B6CB8" size="4">计算机科学学院举办2019年寒假留校学生新春团拜会</font></p>
                            <font color="#999999" size="2">在中华民族传统节日——春节即将到来之际，为让学院留校学生感受家的温暖，向他们传达学院的慰问和祝福。
                            2019年2月1日上午9时30分，计算机科学学院在明理楼B306会议室隆重举行2019年寒假留…</font>
                            <br/>
                            <ul type="square">
                                <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 学院召开党委中心组学习会暨党风廉政建设专题会 03/18</a></li>
                                <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 学院召开教职工大会学习传达中层干部大会精神 部署学院学期工作 03/15</a></li>
                                <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 计科院工会组织学院女教职工庆祝第109个“三八妇女节” 03/12</a></li>
                                <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 学术讲座——人工智能改变我们的未来生活 03/05</a></li>
                                <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 计算机科学学院各年级辅导员集中走访学生寝室 01/21</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="content4">
                        <div class="content4_head">
                            <div class="content4_head1">
                                                          党建动态
                            </div>
                            <a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\more.png"/></a>
                        </div>
                        <div class="content4_body">
                                <ul type="square">
                                    <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 学院召开党委中心组学习会暨党风廉政建设专题会</a></li>
                                    <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 学院召开2018年领导班子民主生活会</a></li>
                                    <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 刘翔同志任计算机科学学院党委副书记、...</a></li>
                                    <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 学院党委组织师生庆祝改革开放40周...</a></li>
                                    <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/>【审核评估】学院召开本科教学工作审核...</a></li>
                                    <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/>【聚焦评估】学院召开本科教学工作审核...</a></li>
                                </ul>        
                        </div>
                    </div>
                    <div class="content5">
                        <div class="content5_head">
                            <div class="content5_head1">
                                                          通知公告
                            </div>
                            <a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\more.png"/></a>
                        </div>
                        <div class="content5_body">
                            <ul type="square">
                                <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 自组团出访前公示信息表（彭博）</a></li>
                                <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 计算机科学学院2019年春季学期开学教学准备及检查工作实施方案</a></li>
                                <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 西南石油大学计算机科学学院关于举行学院2019年春季田径运动会的通知</a></li>
                                <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 2018年秋季学期期末考试情况总结</a></li>
                                <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 计算机科学学院2018年度教职工考核优秀名单公示</a></li>
                                <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 国际学术会议（ICCIS2019）征稿通知</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="content6">
                        <div class="content4_head">
                            <div class="content4_head1">
                                                         专题列表
                            </div>
                            <a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\more.png"/></a>
                        </div>
                        <div class="content4_body">
                                <ul type="square">
                                    <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 中美联合高性能和大数据计算实验室</a></li>
                                    <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 石油工程计算机模拟技术重点实验室</a></li>
                                    <li><a href="#"><img src="D:\eclipseProject\Session\WebContent\计科院主页\xdd.png"/> 思科网络技术学院教师培训中心</a></li>
                                </ul>        
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="base">
            <br/>
            <br/>
            <font>Copyright© 2018 All Rights Reserved. 西南石油大学计算机科学学院</font>
        </div>
</body>
</html>

jky.jsp

三.实验结果

打开第一个网页时，在线人数有一位

在多用几个浏览器打开

四.实验问题

①在实验中我把之前实验做的计科院主页的html文件和css文件以及图片文件夹移入到新建的项目时，并改写了个jsp文件时出现的问题，代码应该是没有问题的却还是找不到图片，也链接不到css文件，最后图片换成了绝对路径，css里的换到了jsp内部才终于运行出来。不过问题的处理方法应该不是这样，这样图片无法在其他电脑上显示。

链接：https://pan.baidu.com/s/1P4v1jkGTufGRdpyloxGAJA
提取码：1mid
复制这段内容后打开百度网盘手机App，操作更方便哦

posted @ 2019-04-12 13:55 六月七日·k 阅读(204) 评论(0) 收藏举报

刷新页面返回顶部