Servlet应用

Servlet应用

1、首先要配置好环境

1.打开idea，选择Create New Project

2.选择Java->Web Application

3.填写项目名，选择项目路径

4.点击右上角的Add Configuration，找到Tomcate Server下的Local，再点击Create configuration

5.填写服务的名称

6.选择Deployment选项，点击右边加号，选择Artifact…

7.点击Apply，然后Ok

8.至此Tomact服务就配置好了，接下去就是配置项目文件

9.File->Project Structure

10.Modules->LoginByServletDemo(项目名)->Sources->选中WEB-INF，右击创建两个新文件，名字为：classess , lib

 

11.切换到Path，选择Use module compile output path，并且Output path和Test out path的路径修改为前面刚创建的classes的文件路径

12.切换到Dependencies，点击右侧加号，选择Jars or directiories…

13.选择之前创建的lib文件夹

14.选择Jar Directory

15.点击右侧加号，选择Library

16.选择Tomcat 9.0.34（也可以是其他版本号）

17.点击Apply，然后OK

18.可以先看一下index.jsp文件内容，该文件是服务启动后，默认打开的文件（也可以修改成不打开，在配置服务的时候，可以把第5点所示界面的After launch 取消勾选），然后选择刚创建的服务ServletTomcat，点击绿色三角形启动。

19.可以看到左下角已经变成了Running

20.项目启动以后，如果选择自动打开就会出现该界面（jsp界面设定的内容），若取消了自动打开，则需要手动在浏览器的网址栏中输入如图所示的地址，注意项目名不同，地址也不一样，根据自己创建的情况输入

至此，一个完整的Tomcat项目就配置好了

2、加入上一次模拟的网页项目内容+后台管理平台的网页模板

　　2.1 网页的内容参考　https://www.cnblogs.com/luomei/p/12873899.html ，后台管理平台的网页模板可自行下载

　　2.2 现在项目文件大体分为两块，src目录下存放java代码文件，web目录下存放web项目文件，但需要注意，不能把项目文件存放到WEB-INF下，WEB-INF文件下，其中classes存放预编译文件（我们不需要管），lib文件下存放项目需要的一些架包（在第一大块中有一步就是将这个包设置为项目的架包路径，所以存到到这里就可以），web.xml文件是个配置文件，功能就类似于安卓项目中的.AndroidManfest.xml文件。

　　2.然后把你需要的web项目文件复制到web目录下就可以，可以在文件资源管理器下复制到相应路径，也可以复制文件后，直接点击项目中的web目录，快捷键粘贴即可，下图所示，是我放入的一些项目文件，其中yinglang文件下的是后台管理的模板，login.html是上一次做好的登陆界面

 

3、创数据库，建立数据表，并预先填入基础信息

　　3.1 我选取的是Mysql数据库，有需要的可以自行安装，或者推荐一个软件xmapp，可以避免很多配置mysql时候的各种错误

　　3.2 可视化工具可以选择MySQL Workbench，界面比较简洁，能快速的完成直接对表进行增删改查的操作。

　　3.3 下图所示是已经创建好的表内容：

 

4、编写一个servlet进行用户名和密码校验，获取登录页面的用户名密码，并显示出来（代码和截图的包路径可能有些出入，因为代码是项目整体完成后添加的，根据实际情况修改即可）

　　4.1 在正式进行代码的编写前，我发现我的idea无法使用new快速创建servlet的相关文件，在查询了相关资料以后，发现，需要在.iml文件中加上红框中的内容

　　4.2 创建一个Servlet文件

　　4.3 在web.xml文件中配置Servlet

 

　　4.3 因为要连接数据库，所以还要下载mysql对应的架包，并存放到WEB-INF下的lib文件中

　　4.4 编写服务器端代码

　　　4.4.1 数据库连接

package JDBCHelper;
import com.mysql.jdbc.StatementImpl;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;
/*
 * 数据库连接
 */
public class MySqlDBUtil {
    public static Connection getConnection() {
        Connection connection = null;
        try {
            Class.forName("com.mysql.jdbc.Driver");
            connection = DriverManager.getConnection("jdbc:mysql://127.0.0.1:3306/servletdata?useSSL=true&characterEncoding=utf-8&user=root&password=");
            System.out.println("数据库连接成功！");
            System.out.println("-------------------------------");
            return connection;
        } catch (Exception e) {
            e.printStackTrace();
        }
        System.out.println("创建连接失败！");
        System.out.println("-------------------------------");
        return null;
    }
    public static void ShutDown(StatementImpl statement, Connection connection) {
        if (statement != null) {
            try {
                statement.close();
            } catch (SQLException e) {
                e.printStackTrace();
            }
        }
        if (connection != null) {
            try {
                connection.close();
            } catch (SQLException e) {
                e.printStackTrace();
            }

        }
    }
}

　　　4.4.2 数据表查询

 

package JDBCHelper;

import TableObject.Users;
import com.mysql.jdbc.PreparedStatement;
import java.sql.Connection;
import java.sql.ResultSet;
import java.sql.SQLException;

public class UsersTableUtil {
    //登陆校验
    public boolean IsUsersExist(Connection con, Users user) {
        try {
            //验证用户名存在性
            PreparedStatement pstmt;
            String sql = "select * from  users where username=? and password=?";
            pstmt= (PreparedStatement) con.prepareStatement(sql);
            pstmt.setString(1,user.getName());
            pstmt.setString(2,user.getPassword());
            ResultSet rs=pstmt.executeQuery();
            if (rs.next()) {
                //关闭数据库
                MySqlDBUtil.ShutDown(pstmt,null);
                    return true;
            }
            MySqlDBUtil.ShutDown(pstmt,null);
            return false;
        } catch (SQLException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
            return false;
        }
    }
}

　　　4.4.3  用户表所对应的用户类

package TableObject;

public class Users {
    String name="";//用户名
    String password="";//用户密码

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }
}

　　　4.4.4 刚创建的LoginServlet的代码

package Servlet;

import JDBCHelper.MySqlDBUtil;
import JDBCHelper.UsersTableUtil;
import TableObject.Users;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.sql.Connection;

@WebServlet(name = "Servlet.LoginServlet")
public class LoginServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws IOException {
        //设置成与浏览器不同的编码方式，测试过滤器
        //response.setContentType("text/html;charset=GB2312");
        //request.setCharacterEncoding("GB2312");
        //与浏览器相同的编码方式
        response.setContentType("text/html;charset=utf-8");
        request.setCharacterEncoding("utf-8");
        //连接数据库
        Connection connection= MySqlDBUtil.getConnection();
        //Login的处理
        Login(request,response,connection);
        //关闭数据库
        MySqlDBUtil.ShutDown(null,connection);
    }
    void Login(HttpServletRequest request, HttpServletResponse response,Connection connection) throws IOException {
        //获取表单中的数据的值
        Users user=new Users();
        user.setName(request.getParameter("username"));
        user.setPassword(request.getParameter("password"));
        System.out.println("登入用户名："+user.getName());
        System.out.println("登入用户密码："+user.getPassword());
        //验证用户名密码
        UsersTableUtil ur = new UsersTableUtil();
        boolean b = ur.IsUsersExist(connection, user);
        System.out.println("是否存在该用户："+b);
        System.out.println("-------------------------------");
        if(b){
            //成功登录，进入主界面
            response.sendRedirect("yinglang/index.html");
        }else
        {
            response.getWriter().println("登陆失败");
            //登录失败，返回登陆界面
            response.sendRedirect("login.html");
            System.out.println("Login Failed!");
        }
    }
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    }
}

　　　4.4.5 还需要修改login.html文件，红框中的注意修改即可

 

结果展示：

 

5、使用cookie,保存登录信息，30天内，用户无需登录

　　5.1 一个工具类来专门保存cookie

package Util;

import javax.servlet.http.Cookie;
import javax.servlet.http.HttpServletResponse;

public class CookieSave {
    public void Save(HttpServletResponse response,String name,String value,int last_time)
    {
        //创建Cookie，将用户名存到叫cookieUserName的cookie中
        //Cookie 对象携带需要保存的数据，user.getName()=value，都是字符串类型
        //每个cookie保存一个数据，如果需要多个，创建多个cookie对象
        Cookie cookieUserName = new Cookie(name, value);
        //设置cookie存在时间   单位：秒
        //cookie保存的时间，不管中途是否使用，访问cookie，到时就过期
        //如果不设置，那么cookie在浏览器关闭的时候失效
        cookieUserName.setMaxAge(last_time);
        //将cookie发给浏览器（如果没有这句，cookie就不会发送给客户端）
        response.addCookie(cookieUserName);
    }
}

　　5.2 将loginservlet中成功验证的代码修改为：

if(b){
            CookieSave cookieSave=new CookieSave();
            //存储用户名
            cookieSave.Save(response,"username",user.getName(),60*60*24*30);
            //存储密码
            cookieSave.Save(response,"password",user.getPassword(),60*60*24*30);
            //成功登录，进入主界面
            response.sendRedirect("yinglang/index.html");
        }

　　5.3 完成上面两步只是完成了cookie的存储，还需要实现当页面打开后自动填充已保存的cookie，所以还需要在login.html的js代码中添加如下关于cookie操作的代码：

 function getCookie(cname){
            var name = cname + "=";
            var ca = document.cookie.split(';');
            for(var i=0; i<ca.length; i++) {
                var c = ca[i].trim();
                if (c.indexOf(name)==0) { return c.substring(name.length,c.length); }
            }
            return "";
        }
        function checkCookie(){
            var user=getCookie("username");
            var uname=document.getElementById("username");
            var pwd=getCookie("password");
            var upwd=document.getElementById("password");

            if (user!=""&&pwd!=""){
                uname.value=user;
                upwd.value=pwd;
            }
        }
        window.onload=function()//用window的onload事件，窗体加载完毕的时候
        {
            checkCookie();
        }

结果展示，可以看到时间设置是正确的30天：

6、使用session,显示网站当前在线人数

　　6.1 建立一个HttpSessionListener类，并也在web.xml中添加配置

package Servlet;

import javax.servlet.annotation.WebListener;
import javax.servlet.http.HttpSession;
import javax.servlet.http.HttpSessionEvent;
import javax.servlet.http.HttpSessionListener;
import java.text.SimpleDateFormat;
import java.util.Date;

@WebListener()
public class OnlineCounterListener implements HttpSessionListener {
    //number of online
    public static int activeSessions = 0;

    /* Session创建事件 */
    public void sessionCreated(HttpSessionEvent se) {
        activeSessions++;
        System.out.println("newSession.id=" + se.getSession().getId() + "-->The number of online is " + Integer.toString(activeSessions));
        HttpSession session = se.getSession();
        // 获取 session 创建时间
        Date createTime = new Date(session.getCreationTime());
        //设置日期输出的格式
        SimpleDateFormat df=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
        System.out.println("createtime=" + df.format(createTime));
        System.out.println("-------------------------------");

    }

    /* Session失效事件 */
    public void sessionDestroyed(HttpSessionEvent se) {
        activeSessions--;
        System.out.println("outSession.id=" + se.getSession().getId() + "-->The number of online is " + Integer.toString(activeSessions));
        HttpSession session = se.getSession();
        // 获取该网页的最后一次访问时间
        Date lastAccessTime = new Date(session.getLastAccessedTime());
        //设置日期输出的格式
        SimpleDateFormat df=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
        System.out.println("The lastAccessTime " + df.format(lastAccessTime));
        System.out.println("-------------------------------");
    }
}

　　web.xml

<!--    配置监听-->
    <listener>
        <listener-class>Servlet.OnlineCounterListener</listener-class>
    </listener>

　　6.2 再添加一个session的servlet，用来获取当前的在线人数，当然，也要在web.xml中添加配置

package Servlet;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

import static Servlet.OnlineCounterListener.activeSessions;

@WebServlet(name = "GetSession")
public class GetSession extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    }
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        response.getWriter().println("The number of online : "+Integer.toString(activeSessions));
    }
}

       web.xml

    <servlet>
        <servlet-name>GetSession</servlet-name>
        <servlet-class>Servlet.GetSession</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>GetSession</servlet-name>
        <url-pattern>/GetSession</url-pattern>
    </servlet-mapping>

　　6.3 在loginservlet的代码中，成功登陆后加上一句代码就可以了，可以利用session完成一些操作，因为该功能只需要计数，利用监听部分的代码就可以完成了，在这里添加这一句是为了让监听响应到session的创建。

HttpSession session =request.getSession(true);

　　6.4 在长时间未响应后，需要断开session，这里采用在web.xml中添加配置的方式

    <session-config>
        <session-timeout>3</session-timeout>
    </session-config>

结果展示（这里需要把自动打开浏览器的那个after launch取消勾选，不然会不知道从哪儿冒出来两个session，其次，一个浏览器一个session，可以用查看cookie的方式看到对应的session值）：

7、使用过滤器解决乱码问题，登录时用户名为中文可能不能正常识别，解决该问题

　　7.1 建立一个Filter，同样也需要在web.xml中配置

package Servlet;

import javax.servlet.*;
import javax.servlet.annotation.WebFilter;
import java.io.IOException;

@WebFilter(filterName = "GBFilter")
public class GBFilter implements Filter {
    public void destroy() {
    }

    public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws ServletException, IOException {
        String encoding =req.getCharacterEncoding();
        System.out.println("Before encoding "+encoding+" filter!");
        encoding="utf-8";//新编码
        req.setCharacterEncoding(encoding);
        resp.setContentType("text/html;charset="+encoding);
        System.out.println("after encoding "+encoding+" filter!");
        System.out.println("-------------------------------------");
        chain.doFilter(req, resp);
    }

    public void init(FilterConfig config) throws ServletException {
    }
}

　　web.xml

    <!--配置filter-->
    <filter>
        <filter-name>GBFilter</filter-name>
        <filter-class>Servlet.GBFilter</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>GBFilter</filter-name>
        <!--拦截规则-->
        <url-pattern>/*</url-pattern>
        <dispatcher>REQUEST</dispatcher>
        <dispatcher>FORWARD</dispatcher>
    </filter-mapping>

　　7.2 模拟服务端和客户端编码方式不同的情况，这里我们先注释掉web.xml中的filter，然后将loginservlet中编码部分修改成与login.html不同的编码方式，我的项目文件中login.html编码为utf-8

　　7.3 未使用过滤器，且服务端与客户端编码方式不同的模拟结果，可以看到小明这两个中文字已经变成了乱码

 

 

 　　7.4 取消过滤器在web.xml中的注释，且注释loginservlet中设定编码的两句代码后再次查看结果，发现乱码问题已经被解决了

 

8.码云地址

　　https://gitee.com/MavisLuo/servlet

 PS.添加了过滤器一段时间后，可能会出现打开的界面出现文字乱码或者css样式丢失的情况，可以先把项目中的filter的配置注释一下，然后删除项目中的out文件，并将乱码的浏览器的缓存文件清除，建议清楚24小时以内，因为1小时以内可能也没有清除干净，再重启浏览器，大概率能解决掉这个问题。造成这个问题的具体原因还不清楚。（我这里用的是谷歌浏览器）