java：（json，ajax，path，Oracle的分页实例，Filter拦截器）

时间：2023-03-08 22:13:39

1.json：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

    String path = request.getContextPath();

    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()

            + path + "/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<base href="<%=basePath%>">

<title>My JSP 'index.jsp' starting page</title>

<script type="text/javascript">

    // JSON: javascript object notation(js的对象诠释)

    // JSON也是一个对象，首先json对象需要被{}包裹，里面的内容键值对对应(key : value)，键值对和键值对用逗号(,)隔开，最后一个键值对一定不能加逗号(,)

    var testJson = {

        name : "zhangsan",

        age : 31,

        sex : "male"

    }

    var testJson2 = '{"name" : "zhangsan", "age" : 31, "sex" : "female"}'; // json格式的字符串

    function testFunction() {

        var jsons = testJson;

        var jsons2 = testJson2;

        alert(jsons);

        alert(jsons2);

        alert(jsons.name);  //json也可以通过key来取value   Map转json json转Map

        //例1： 把json格式的字符串转换为json对象

        // 方法一:eval();

        /* eval("var test = "+testJson2);

        alert(test);

        alert(test.age); */

        // 方法二：parse();

        alert(JSON.parse(testJson2)); //如果使用JSON.parse()函数，就必须把单引号写在最外面'{"name" : "zhangsan", "age" : 31, "sex" : "female"}'，因为parse()函数遵循json格式，json默认不支持单引号

        //例2：把json对象转换为json格式的字符串

        // JSON.stringify()函数可以把json对象转换为json格式的字符串

        alert(JSON.stringify(testJson2));

    }

</script>

</head>

<body>

    <input type="button" value="触发" onclick="testFunction();" />

</body>

</html>

2.ajax：　　

　　又称为局部刷新
　　Asynchronous Javascript And XML(异步的js和xml文档)
　　是一种新的交互式技术
　　一般用处：分页，三级联动...

　

　　login：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

    String path = request.getContextPath();

    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()

            + path + "/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<base href="<%=basePath%>">

<title>My JSP 'login.jsp' starting page</title>

<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>

<script type="text/javascript">

    $(function() {

        $("#uname").on("blur", function() {

            var username = $("#uname").val();

            if (username != null && username != "") {

                // 获取到了用户输入的username的值

                // 以get的请求方式发送(我乐意！)

                /* $.get("user.sxt", "type=checkUsername&username=" + username, function(data) {

                    // 服务器端返回的数据

                    // data是形式参数，接收的是服务器端(servlet)返回回来的数据

                }); */

                // 以post的请求方式发送

                /* $.post("user.sxt", "type=checkUsername2&username="+username, function(data){

                }); */

                // 无论用post还是get

                /**

                    $.post/get("请求的地址(url)", "需要传递的参数", function(data){

                        // 服务器端向客户端响应的数据(json)

                    });

                */

                // 究极版本的ajax

                // ajax的终极版本，同样遵循json的格式，key : value为一个整体，每个key和value用:隔开,每一个键值对之间用逗号隔开，最后一个键值对不能有逗号

                /* $.ajax({

                    async : true, //(是否异步，默认为true)

                    data : {"type":"checkUsername", "username" : username}, // 客户端向服务器端发送的数据，类型为object

                    method : "get", // 请求方式(get/post)

                    //type和method是一样的，都是选择请求的方式，在jQuery1.9版本之前用type，之后用method

                    url : "user.sxt", // 客户端向服务器端发送数据的地址--->请求地址

                    success : function(data) { // 当成功响应以后，接收到的数据-->服务器端向客户端响应的数据

                        alert(data);// data服务器端向客户端响应的数据

                    }

                }); */

                // function(data)只能接收字符串

                /* $.get("user.sxt", "type=checkUsername&username=" + username, function(data) {

                    // 服务器端返回的数据

                    // data是形式参数，接收的是服务器端(servlet)返回回来的数据

                    alert(data);

                }); */

                // function(data)只能接收json对象

                $.getJSON("user.sxt", "type=checkUsername&username=" + username, function(data){

                    alert(data.username);

                });

            }

        });

    });

</script>

</head>

<body>

    用户名：

    <input type="text" name="username" id="uname" />

</body>

</html>

　　

　　UserServlet：

package cn.zzsxt.lee.web.servlet;

import java.io.IOException;

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 com.google.gson.Gson;

import cn.zzsxt.lee.web.entity.User;

@WebServlet("/user.sxt")

public class UserServlet extends HttpServlet {

    @Override

    protected void service(HttpServletRequest request, HttpServletResponse response)

            throws ServletException, IOException {

        request.setCharacterEncoding("UTF-8");

        response.setCharacterEncoding("UTF-8");

        response.setContentType("text/html;charset=UTF-8");

        String method = request.getMethod().toLowerCase();

        System.out.println(method);

        String type = request.getParameter("type");

        if ("get".equals(method) && "checkUsername".equals(type)) {

            checkUsername(request, response);

        } else if("post".equals(method) && "checkUsername2".equals(type)) {

            checkUsername2(request, response);

        }

    }

    private void checkUsername2(HttpServletRequest request, HttpServletResponse response) {

        String username = request.getParameter("username");

        System.out.println("------------------------------"+username);

        // 从数据库中查询是否存在zhangsan这个用户名

    }

    private void checkUsername(HttpServletRequest request, HttpServletResponse response) throws IOException {

        String username = request.getParameter("username");

        System.out.println("------------------------------"+username);

        // 从数据库中查询是否存在zhangsan这个用户名

        User user = new User();

        user.setUsername(username);

        //response.getWriter().print(username+":天青色等烟雨，而我在等你");// 服务器向客户端响应的数据

        // 把user对象拆开，拼成一个json格式的字符串

        Gson gson = new Gson();

        String json = gson.toJson(user);

        response.getWriter().print(json);

        // response.getWriter().print(new Gson().toJson(user));

    }

}

3.path：

　　UserServlet：

package cn.zzsxt.lee.web.servlet;

import java.io.IOException;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

@WebServlet("/user.sxt")

public class UserServlet extends HttpServlet {

    /**

     * 所有的servlet，凡是以/开头的路径，都定位到项目的根目录localhost:8080/项目名

     */

    @Override

    protected void service(HttpServletRequest request, HttpServletResponse response)

            throws ServletException, IOException {

        System.out.println("我是来处理用户请求的servlet，我被访问了");

        // 开始处理请求

        // 请求处理完毕，需要重定向

        response.sendRedirect(request.getContextPath()+"/b/bb/bb3.jsp");

    }

}

　　Index：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>My JSP 'index.jsp' starting page</title>

</head>

<body>

    <a href="a/a.jsp">跳转a</a>

    <a href="a/aa/aa.jsp">跳转aa</a>

    <pre>

        web工程的WebRoot文件夹：称之为项目的根目录

        http://localhost:8080/zzsxt--->项目的根目录

        Java代码中src资源文件夹也称之为项目的根目录

        ../向上跳出一层

        相对路径：怕文件名发生改变

            以当前页面作为中心，向目标路径进行跳转

        绝对定位：怕项目名发生改变

            直接会定位到服务器的根目录

                localhost:8080就称之为服务器根目录

            每一次跳转都以服务器的根目录作为了中心:localhost:8080

            如果部署名发生了改变，就以服务器(tomcat)的webapps文件夹下的项目名为准

        以后在实际开发中，所有的路径跳转都需要使用绝对定位

　　 而且servelt跳转jsp页面的时候

            如果是重定向:response.sendRedirect(request.getContextPath+"/index.jsp");就以这个路径跳转

            如果是请求转发的情况下:request.getRequestDispatcher("/index.jsp").forward(request, response);就以这个路径开始跳转

    </pre>

</body>

</html>

4.Oracle分页实例：

　　Servlet：

　　

private void selectAllAdmin(HttpServletRequest request, HttpServletResponse response)

            throws ServletException, IOException {

        // 首先要定义每页显示的条数

        int pageSize = 2;

        // 获取从页面传输过来页码数  pageCount-->当前页面的页码数

        String pageCount = request.getParameter("pageCount");

        // 如果接收不到pageCount，页面并没有传过来-->这是第一页

        if (pageCount == null) {

            // 如果pageCount == null 证明是第一页

            pageCount = 1 + "";

        }

        // 当前页码数？？？？？？

        // 总条数/每页的条数-->总页数

        int totalCount = adminService.selectAminCounts();

        if (totalCount > 0) {

            // 数据库是有数据的，如果没有数据就返回的是0

            int totalPage = (int) Math.ceil((totalCount/(double)pageSize));

            request.setAttribute("totalPage", totalPage);

        }

        // 从数据库中进行查询

        List<AdminVo> adminList = adminService.selectAllAdmins(pageCount, pageSize);

        // 如果数据库中没有查询出任何数据，adminList的长度为0，做一个专门来处理页面

        if (adminList.size() > 0) {

            request.setAttribute("pageCount", pageCount);

            // 从数据库中查询出了数据

            request.setAttribute("adminList", adminList);

            request.getRequestDispatcher("/admin/query_all_admins.jsp").forward(request, response);

            return;

        } else {

            // 未查询出

        }

    }

　　impl：

    @Override

    public List<AdminVo> selectAllAdmins(String pageCount, int pageSize) {

        /**

         * -- 因为这个功能只有超级管理员能看到，而且查询的时候已经把超级管理员给排除了 --

         * 我登录的这个用户一定是超级管理员才能调用这个sql-->从session获取当前登录的用户权限等级

         */

        String sql = "select * from (" + "select admin1.*, rownum as rn from ("

                + "select ra.*, rs.role_level, rs.role_name from sys_admin ra inner join sys_role rs on rs.id = ra.role_id) admin1 "

                + "where rownum <=?) admin2  " + "where admin2.rn >=? and is_delete != 1 and role_level < 3";

        // 需要传值得两个问号关系:3n 5n 8n ; 3n-2 5n-4 8n-7-->pageSize*pageCount

        // pageSize*pageCount-(pageSize-1)

        int pageCounts = Integer.parseInt(pageCount);

        String[] params = { (pageCounts * pageSize) + "", (pageCounts * pageSize - (pageSize - 1)) + "" };

        ResultSet rs = super.execQuery(sql, params);

        List<AdminVo> adminList = new ArrayList<AdminVo>();

        try {

            while (rs.next()) {

                AdminVo am = new AdminVo();

                am.setId(rs.getString("id"));

                am.setAdminName(rs.getString("admin_name"));

                am.setAdminPassword(rs.getString("admin_password"));

                am.setAdminRealPassword(rs.getString("admin_real_password"));

                am.setRoleId(rs.getString("role_id"));

                am.setRoleLevel(rs.getInt("role_level"));

                am.setRoleName(rs.getString("role_name"));

                am.setIsDelete(rs.getInt("is_delete"));

                adminList.add(am);

            }

        } catch (SQLException e) {

            e.printStackTrace();

        }

        return adminList;

    }

　　jsp：

        <table class="table table-hover text-center">

            <tr>

                <th width="15%" style="text-align:left; padding-left:20px;">管理员ID</th>

                <th width="20%">管理员用户名</th>

                <th width="20%">管理员密码</th>

                <th width="30%">管理员权限</th>

                <th width="310">操作</th>

            </tr>

            <volist name="list" id="vo"> <c:forEach

                items="${adminList }" var="admin">

                <c:if test="${admin.isDelete == 0 }">

                    <tr>

                        <td style="text-align:left; padding-left:20px;">${admin.id }</td>

                        <td>${admin.adminName }</td>

                        <td>${admin.adminRealPassword }</td>

                        <td width="10%">${admin.roleName }</td>

                        <td><div class="button-group">

                                <a class="button border-main"

                                    href="admin.sxt?flag=selectAdminById&adminId=${admin.id }"><span

                                    class="icon-edit"></span> 修改</a> <a class="button border-red"

                                    href="javascript:void(0)" onclick="del('${admin.id}')"><span

                                    class="icon-trash-o"></span> 删除</a>

                            </div></td>

                    </tr>

                </c:if>

            </c:forEach>

            <tr>

                <td colspan="8"><div class="pagelist">

                        <!-- 上一页：当前页码数-1

                      下一页：当前页码数+1

                      尾页：总条数除以每页显示的条数，并且向上取整

                 -->

                        <c:if test="${pageCount != 1 }">

                            <a href="admin.sxt?flag=selectAllAdmin&pageCount=1">首页</a>

                        </c:if>

                        <c:if test="${pageCount > 1 }">

                            <a href="admin.sxt?flag=selectAllAdmin&pageCount=${pageCount-1 }">上一页</a>

                        </c:if>

                        <c:forEach begin="1" end="${totalPage }" var="page">

                            <!-- 

                            首先：

                                获取a标签的值，如果page等于当前页面pageCount

                            然后：

                                就把这个a标签变成span标签，并且添加class="current"

                         -->

                             <c:if test="${page == pageCount }">

                                 <span class="current">${page }</span>        //给点击的页数加一个效果，点击哪一页，哪一页背景显示为绿色

                             </c:if><!-- pageCount = 1 page=1-->

                             <c:if test="${page != pageCount }">

                                <a href="admin.sxt?flag=selectAllAdmin&pageCount=${page }">${page }</a>

                            </c:if>

                        </c:forEach>

                        <c:if test="${totalPage > pageCount }">

                            <a href="admin.sxt?flag=selectAllAdmin&pageCount=${pageCount+1 }">下一页</a>

                        </c:if>

                        <c:if test="${totalPage != pageCount }">

                            <a href="admin.sxt?flag=selectAllAdmin&pageCount=${totalPage }">尾页</a>

                        </c:if>

                    </div></td>

            </tr>

        </table>

5.Filter拦截器：

package cn.zzsxt.lee.project.filter;

import java.io.IOException;

import java.util.Calendar;

import javax.servlet.Filter;

import javax.servlet.FilterChain;

import javax.servlet.FilterConfig;

import javax.servlet.ServletException;

import javax.servlet.ServletRequest;

import javax.servlet.ServletResponse;

import javax.servlet.annotation.WebFilter;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import cn.zzsxt.lee.project.adminuser.entity.AdminUser;

/**

 * @description 登录控制器

 * @author Seven Lee

 * @date 2017年6月16日上午9:09:14

 *

 */

@WebFilter(filterName = "loginFilter", urlPatterns = "/*")

public class LoginFilter implements Filter {

    @Override

    public void doFilter(ServletRequest servletRequsRequest, ServletResponse servletResponse, FilterChain chain)

            throws IOException, ServletException {

        System.out.println("我是控制登录请求的filter，我被访问过！");

        HttpServletRequest request = (HttpServletRequest) servletRequsRequest;

        HttpServletResponse response = (HttpServletResponse) servletResponse;

        // 获取当前用户是否存有session

        AdminUser adminUser = (AdminUser) request.getSession().getAttribute("user");

        // 获取当前访问的资源路径

        String contextPath = request.getContextPath();// 项目根路径

        String uri = request.getRequestURI();// 当前用户访问的路径

        // 获取请求方式

        String method = request.getMethod().toLowerCase();

        // 获取请求的隐藏域参数

        String type = request.getParameter("type");

        int hours = Calendar.getInstance().get(Calendar.HOUR_OF_DAY);// 获取的是服务器上的小时数

        // 获取IP地址

        String remote = request.getRemoteAddr();

        String local = request.getLocalAddr();

        if (adminUser != null) {

            // 如果有session不进行拦截

            chain.doFilter(servletRequsRequest, servletResponse);

        } else if (uri.equals(contextPath + "/") || uri.equals(contextPath + "/login.jsp")) {

            chain.doFilter(servletRequsRequest, servletResponse);

        } else if (uri.endsWith(".css") || uri.endsWith(".js") || uri.contains("/images/")) {

            chain.doFilter(servletRequsRequest, servletResponse);

        } else if (hours < 9 || hours > 18) {

            filterMsg(request, response, "请在上班时间访问此系统，感谢您的配合！9:00-18:00");

        } else if (!("127.0.0.1".equals(remote) || ":::::1".equals(remote) || local.equals(remote))) {

            filterMsg(request, response, "内部系统目前暂时不支持游客访问，请见谅");

        } else if (uri.equals(contextPath + "/adminUser") && "post".equals(method) && "login".equals(type)) {

            // 登录操作不拦截

            chain.doFilter(servletRequsRequest, servletResponse);

        }

    }

    private void filterMsg(HttpServletRequest request, HttpServletResponse response, String msg) {

        request.getSession().setAttribute("msg", msg);

        try {

            response.getWriter().print("<script type='text/javascript'>");

            response.getWriter().print("window.location.href='" + request.getContextPath() + "/login.jsp'");

            response.getWriter().print("</script>");

        } catch (IOException e) {

            e.printStackTrace();

        }

    }

    @Override

    public void init(FilterConfig filterConfig) throws ServletException {

    }

    @Override

    public void destroy() {

    }

}