[Struts2]跨域查询图书列表

最新推荐文章于 2020-11-20 16:53:30 发布

原创最新推荐文章于 2020-11-20 16:53:30 发布 · 285 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#跨域图书查询

本文介绍如何使用Struts2框架实现跨域查询图书列表功能，包括代码实现、配置文件修改及页面展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[Struts2]跨域查询图书列表

工具：MyEclipse HBuilder
在我们上一节的图书管理的基础上来做跨域查询
1.导入我们所需要的jar包
在这里插入图片描述
这时只用留下查询的功能就行了，interceptor包的拦截器功能也可以删掉了
BookAction.java

package com.cq.action;

import java.util.ArrayList;
import java.util.List;

import javax.servlet.http.HttpServletRequest;

import org.apache.struts2.ServletActionContext;

import com.cq.bean.Book;
import com.cq.dao.BookDao;
import com.cq.dao.impl.BookDaoImpl;
import com.cq.service.BookService;
import com.cq.service.impl.BookServiceImpl;
import com.opensymphony.xwork2.ActionSupport;

public class BookAction extends ActionSupport {
	 List<Book> books = new ArrayList<Book>();
	/**
	 * 查询图书
	 * @return
	 */
	public List<Book> getBookList() {
		return books;
	}
	public void setBookList(List<Book> bookList) {
		this.books = bookList;
	}
	public String listBook(){
	    BookService bookService = new BookServiceImpl();
		books = bookService.selectBooks();
		return "success";
	}
}

3.实现跨域的代码：
com.cq.filter
MyFilter.java

package com.cq.filter;


import java.io.IOException;
import java.net.URL;

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.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.commons.lang3.StringUtils;


public class MyFilter implements Filter {

	public void destroy() {
		// TODO Auto-generated method stub
	}
	public void doFilter(ServletRequest req, ServletResponse resp,
			FilterChain filterChain) throws IOException, ServletException {
		//告诉浏览器 访问的请求就不要多管闲事了
		HttpServletRequest request = (HttpServletRequest) req;
		HttpServletResponse response =(HttpServletResponse)resp;
		
		String referer = request.getHeader("referer");
		System.out.println("referer:"+referer);
		
		if(StringUtils.isNotBlank(referer)){
			URL url = new URL(referer);
			String origin= url.getProtocol()+"://"+url.getHost()+":"+url.getPort();
			System.out.println("origin:"+origin);
			response.addHeader("Access-Control-Allow-Origin", origin);		
		}else{
			response.addHeader("Access-Control-Allow-Origin", "*");
		}
		filterChain.doFilter(request, response);
	}

	public void init(FilterConfig arg0) throws ServletException {
		// TODO Auto-generated method stub
	}

}

4.配置struts.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts PUBLIC
   "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
   "http://struts.apache.org/dtds/struts-2.0.dtd">
<struts>
    <package name="book" namespace="/book" extends="json-default">
        <action name="listBook" class="com.cq.action.BookAction" method="listBook">
          <result type="json">
            <param name="root">books</param>
          </result>
      </action>
    </package>
</struts>

5.配置web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" 
	xmlns="http://java.sun.com/xml/ns/javaee" 
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
	http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
  
  <filter>
    <filter-name>json</filter-name>
    <filter-class>com.cq.filter.MyFilter</filter-class>
  </filter>
  
  <filter>
    <filter-name>struts</filter-name>
    <filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class>
  </filter>
  
  <filter-mapping>
    <filter-name>json</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>
  
  <filter-mapping>
    <filter-name>struts</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>
</web-app>

6.在HBuilder创建一个页面代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
		<script type="text/javascript">
			$(function(){
				$.ajax({
				type:"post",
				url:"http://127.0.0.1:8080/BookManageProject2/book/listBook",
				success:function(obj){
				var bookStr;
			     $.each(obj,function(index,book){
			    //拼接table字符串 然后将字符串追加到dom节点中
			    bookStr = "<tr><td>"+book.id+"</td><td>"+book.bookName+"</td><td>"+book.bookAuthor+"</td><td>"+book.bookPublish+"</td><td>"+book.bookIsbn+"</td></tr>";
			    });
				$('table').append(bookStr );
			}
	    });
	});
		</script>
	</head>
	<body>
		<table border="1" style="border-color: cornflowerblue">
				<thead>
						<tr>
								<th>编号</th>
								<th>书名</th>
								<th>作者</th>
								<th>出版社</th>
								<th>Isbn</th>
						</tr>
				</thead>
		</table>
	</body>
</html>

（注意内容是在数据库中调用的） 具体请看图书管理系统https://blog.youkuaiyun.com/PneumaticChina/article/details/83834293
数据库内容：
在这里插入图片描述