2021.2.22初级项目登陆

ajax的使用—两种

一

二

拦截器的使用

package com.mashibing.springboot.filter;

import java.io.IOException;

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 org.springframework.stereotype.Component;

/**
 * 用户权限处理
 * @author Administrator
 *
 */
@Component
@WebFilter(urlPatterns = "/*")
public class AccountFilter implements Filter {

	
	// 不需要登录的 URI
	private final String[] IGNORE_URI = {"/index","/account/validataAccount","/css/","/js/","/account/login","/images"};
	
	
	@Override
	public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain)
			throws IOException, ServletException {
		
		
		HttpServletRequest request =  (HttpServletRequest)req;
		HttpServletResponse response = (HttpServletResponse)resp;
		
		String uri = request.getRequestURI();
		
		// 当前访问的URI是不是 在Ignore列表里  
		System.out.println("uri:" + uri);
		boolean pass = canPassIgnore(uri);
		if (pass) {
			// 在的话 放行 
			chain.doFilter(request, response);
			return;
		}
		
		// 是否已登录，从session里找 Account
		
		Object account = request.getSession().getAttribute("account");
		System.out.println("getSession account:" + account);
		if (null == account) {
			// 没登录 跳转登录页面
			
			response.sendRedirect("/account/login");
			return;
		}
		
		System.out.println("----filter----" + uri);
		chain.doFilter(request, response);
		
	}

	private boolean canPassIgnore(String uri) {

		// /index = uri

		// 判断 访问的URI 起始部分 是否包含 Ignore 
		// 下级目录资源也能访问
		
		for (String val : IGNORE_URI) {
			
			if(uri.startsWith(val)) {
				return true;
			};
		}
		
		return false;
	}

	@Override
	public void init(FilterConfig filterConfig) throws ServletException {

		// 加载 Filter 启动之前需要的资源
		System.out.println("---------------AccountFilter Init....");
		
		Filter.super.init(filterConfig);
	}
	
	

}

bootstrap的使用

https://www.bootcss.com/

分页功能

<div class="row mt-2">
                        <div class="col-6 offset-3">
                            <nav aria-label="Page navigation example">
                                <div class="pagination">
                                    <a class="page-item page-link" href="#"
                                       v-on:click.prevent="loadQuestions(pageInfo.prePage)">上一页</a>
                                    <a class="page-item page-link " href="#" v-for="n in pageInfo.navigatepageNums"
                                       v-on:click.prevent="loadQuestions(n)"
                                       v-bind:class="{'bg-secondary text-light': n===pageInfo.pageNum}"><span
                                            v-text="n">1</span></a>
                                    <a class="page-item page-link" href="#"
                                       v-on:click.prevent="loadQuestions(pageInfo.nextPage)">下一页</a>
                                </div>
                            </nav>
                        </div>

                    </div>

js代码