026

1. 新建一个名为Books的动态Web工程

1.1. 添加gson-2.8.5.jar

1.2. 编写Book.java 

package com.bjbs.action;

import java.io.Serializable;
import java.util.Date;

public class Book implements Serializable {
	private static final long serialVersionUID = 1L;
	
	private int id;
	private String name;
	private Date date;
	
	public Book() {
	}

	public Book(int id, String name, Date date) {
		this.id = id;
		this.name = name;
		this.date = date;
	}

	public int getId() {
		return id;
	}

	public void setId(int id) {
		this.id = id;
	}

	public String getName() {
		return name;
	}

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

	public Date getDate() {
		return date;
	}

	public void setDate(Date date) {
		this.date = date;
	}
	
}

1.3. 编写BookAction.java

package com.bjbs.action;

import java.io.IOException;
import java.util.ArrayList;
import java.util.Date;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.google.gson.Gson;

public class BookAction extends HttpServlet {
	private static final long serialVersionUID = 1L;
	
	private List books = new ArrayList();
	
	public BookAction() {
		books.add(new Book(1, "红楼梦", new Date()));
		books.add(new Book(2, "三国演义", new Date()));
		books.add(new Book(3, "水浒传", new Date()));
		books.add(new Book(4, "西游记", new Date()));
	}

	@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		String flag = req.getParameter("flag");
		String id = req.getParameter("id");
		String name = req.getParameter("name");
		
		System.out.println("flag = "+ flag + ", id = " + id);
		
		if("delete".equals(flag)) {
			Book removeBook = null;
			for (Book book : books) {
				if(book.getId() == Integer.parseInt(id)) {
					removeBook = book;
					break;
				}
			}
			books.remove(removeBook);
		}else if("update".equals(flag)) {
			for (Book book : books) {
				if(book.getId() == Integer.parseInt(id)) {
					book.setName(new String(name.getBytes("ISO-8859-1"), "UTF-8"));
					break;
				}
			}
		}else if("add".equals(flag)) {
			books.add(new Book(Integer.parseInt(id), new String(name.getBytes("ISO-8859-1"), "UTF-8"), new Date()));
		}
		
		resp.setContentType("text/html;charset=UTF-8");
		Gson gson = new Gson();
		resp.getWriter().write(gson.toJson(books));
	}
	
	@Override
	protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		doGet(req, resp);
	}
}

1.4. 编写index.html

	
		
		

		
    		.grid {
      			margin: auto;
      			width: 500px;
      			text-align: center;
    		}
    		.grid table {
      			width: 100%;
      			border-collapse: collapse;
    		}
    		.grid th,td {
      			border: 1px dashed orange;
      			height: 35px;
      			line-height: 35px;
    		}
    		.grid th {
      			background-color: #FF5722;
    		}
    		.grid .book {
      			padding-bottom: 20px;
      			padding-top: 10px;
      			background-color: #FFB800;
    		}
    		.grid .total {
		      	height: 30px;
		      	line-height: 30px;
		      	background-color: #1E9FFF;
		      	border-top: 1px solid #C2D89A;
    		}
  		
	
	
		
			
				
        			图书管理
        			
          				
            				编号: 
            				
            				名称: 
            				
            				提交
          				
        			
      			

      			
			        图书总数: 
			        {{total}}
      			

      			

        			

          				

            				
编号
            				
名称
            				
时间
            				
操作
          				
        			
        			

          				

            				
{{item.id}}
            				
{{item.name}}
            				
{{item.date | format("yyyy-MM-dd hh:mm:ss")}}
            				

              					修改
              					|
              					删除
            				
          				
        			
      			
    		
		
		
		
		
		
	

1.5. 修改web.xml

1.6. 运行项目, 访问index.html