JavaEE-05 分页与文件上传

Posted 天际一片云

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaEE-05 分页与文件上传相关的知识,希望对你有一定的参考价值。

学习要点

  • 新闻分页显示数据
  • 新闻图片上传

 

JSP分页显示数据

分页

  • 数据信息较多的的时候一般采用列表显示,方便展示信息;
  • 数据量较大的时候一般采用列表加分页的方式显示,便于阅读。
  • 分页方式:集合或者session、存储过程、SQL语句分页

分页步骤

  1. 确定每页显示的数据数量
  2. 确定分页显示所需的总页数
  3. 编写SQL查询语句,实现数据查询
  4. 在JSP页面中进行分页显示设置
  5. 对分页过程中的数据进行封装,封装到Page类中 

实现过程

  1. 确定每页显示的数据量:例如:每页显示5条数据
  2. 计算显示的页数:使用count()函数查询数据库中的记录数;通过记录数和每页数据量计算总页数,把信息封装到Page类中。
  3. Page类代码
/**分页泛型类*/
public class Page<T> {
	// 总页数
	private int totalPageCount = 1;
	// 页面大小,即每页显示记录数
	private int pageSize = 0;
	// 记录总数
	private int totalCount = 0;
	// 当前页号
	private int currPageNo = 1;
	// 每页数据集合
	private List<T> List;

	public List<T> getList() {
		return List;
	}

	public void setList(List<T> list) {
		List = list;
	}

	public int getCurrPageNo() {
		if (totalPageCount == 0)
			return 0;
		return currPageNo;
	}

	public void setCurrPageNo(int currPageNo) {
		if (this.currPageNo > 0)
			this.currPageNo = currPageNo;
	}

	public int getTotalPageCount() {
		return totalPageCount;
	}

	public void setTotalPageCount(int totalPageCount) {
		this.totalPageCount = totalPageCount;
	}

	public int getPageSize() {
		return pageSize;
	}

	public void setPageSize(int pageSize) {
		if (pageSize > 0)
			this.pageSize = pageSize;
	}

	public int getTotalCount() {
		return totalCount;
	}

	public void setTotalCount(int totalCount) {
		if (totalCount > 0) {
			this.totalCount = totalCount;
			// 计算总页数
			totalPageCount = this.totalCount % pageSize == 0 ? (this.totalCount / pageSize)
					: this.totalCount / pageSize + 1;
		}
	}
}

  

JavaBean的概念:JavaEE项目中对数据或者业务进行封装的简单类。

类似于Page或者News新闻实体类。

News类实现了数据的封装,Page类实现了业务的封装,并且这两个类都没有继承除Object类外的其他类或者实现接口,所有属性进行了封装,有无参构造方法。

 

4.设计SQL语句

mysql分页语句:

SELECT * FROM news ORDER BY NID ASC LIMIT (pageindex-1)*pagesize,pagesize;

  

5.数访问层实现

NewsDao:

public abstract int getTotalCount();
public List<News> getPageNewsList(int pageIndex,int pageSize);

  

NewsDaoImpl:

	/** 获取分页新闻信息 */
	public List<News> getPgeNewsList(int pageNo, int pageSize) {
		List<News> newsList = new ArrayList<News>();
		String sql = "select NID,NTITLE,NCREATEDATE from NEWS order by NCREATEDATE desc LIMIT ?,?";
		Object[] args = { (pageNo - 1) * pageSize, pageSize };
		ResultSet rs = this.executeQuery(sql, args);
		try {
			while (rs.next()) {
				int nId = rs.getInt("NID");
				String nTitle = rs.getString("NTITLE");
				Timestamp times = rs.getTimestamp("NCREATEDATE");
				SimpleDateFormat sdf = new SimpleDateFormat("YYYY-MM-dd HH:mm:ss");
				String nCreateDate = sdf.format(times);
				// String nCreateDate = rs.getString("NCREATEDATE");
				News news = new News();
				news.setNid(nId);
				news.setNtitle(nTitle);
				news.setNcreatedate(nCreateDate);
				newsList.add(news);
			}
		} catch (Exception e) {
			e.printStackTrace();
		}
		return newsList;
	}

	/**查询总记录数*/
	public int getTotalCount() {
		int count = 0;
		Connection conn = this.getConnection();
		PreparedStatement pstmt = null;
		ResultSet rs = null;
		String sql = "select count(1) from news";
		try {
			pstmt = conn.prepareStatement(sql);
			rs = pstmt.executeQuery();
			if (rs.next()) {
				count = rs.getInt(1);
			}
		} catch (SQLException e) {
			e.printStackTrace();
		} finally {
			this.closeAll(rs, pstmt, conn);
		}
		return count;
}

  

6.测试方法

public static void main(String[] args) {
		NewsDaoImpl newsDao = new NewsDaoImpl();
		int totalCount = newsDao.getTotalCount();
		Page<News> page = new Page<News>();
		page.setCurrPageNo(3); // 设置当前页面
		page.setPageSize(3); // 设置每页条数
		page.setTotalCount(totalCount); // 设置总记录数
		System.out.println("新闻总数量是:" + page.getTotalCount());
		System.out.println("每页条数是:" + page.getPageSize());
		System.out.println("总页数:" + page.getTotalPageCount());
		System.out.println("当前是第" + page.getCurrPageNo() + "页:");
		List<News> newsList = newsDao.getPgeNewsList(page.getCurrPageNo(), page.getPageSize());
		page.setList(newsList);// 设置每页显示的集合
		for (News news : page.getList()) {
			System.out.println(news.getNid() + "\\t" + news.getNtitle() + "\\t" + news.getNcreatedate());
		}
}

 

7.JSP页面信息页控制代码

当前页数:[<%=pageIndex%>/<%=totalpages%>]
    	 <%
   	 if(pageIndex > 1){		//控制页面显示风格
	 %>   
   		   <a href="pageControl.jsp?pageIndex=1">首页</a> 
    		   <a href="pageControl.jsp?pageIndex=<%= pageIndex -1%>">上一页</a>
	   <% }
    	   if(pageIndex < totalpages){	//控制页面显示风格
	   %>
    		   <a href="pageControl.jsp?pageIndex=<%= pageIndex +1%>">下一页</a>
    		   <a href="pageControl.jsp?pageIndex=<%=totalpages%>">末页</a> 
	   <%}%>   

  

8.信息处理页参考代码

 

String pageIndex = request.getParameter("pageIndex");//获得当前页数

    if (pageIndex == null) {

        pageIndex = "1";

    }

    int currPageNo = Integer.parseInt(pageIndex);

    NewsDaoImpl newsDao = new NewsDaoImpl();

    int totalCount = newsDao.getTotalCount();//获得总记录数

    Page<News> pages = new Page<News>();

    pages.setPageSize(3); //设置每页条数

    pages.setTotalCount(totalCount); //设置总记录数

    int totalpages = pages.getTotalPageCount();

    /*对首页与末页进行控制*/

    if (currPageNo < 1) {

        currPageNo = 1;

    } else if (currPageNo > pages.getTotalPageCount()) {

        currPageNo = totalpages;

    }

    pages.setCurrPageNo(currPageNo); //设置当前页面

    List<News> newsList = newsDao.getPgeNewsList(pages.getCurrPageNo(), pages.getPageSize());

    pages.setList(newsList); //设置每页显示的集合

    request.setAttribute("pages", pages);

request.getRequestDispatcher("index.jsp").forward(request, response);

  

 

上机练习:实现新闻分页显示

需求说明

编写代码实现首页新闻标题的分页显示,要求能够执行首页、下一页、上一页、末页的操作,并在页面中显示总页数和当前页

实现思路

  • 确定每页显示的新闻数量
  • 编写数据库访问类,声明查询方法
  • 编写SQL语句
  • 编写JavaBean封装分页信息(Page类)
  • 在JSP中调用JavaBean

 

 

使用Commons-FileUpload上传文件

需求

网页应用中,经常需要上传文件到服务器。上传文件网页代码:

	<form action="doupload.jsp" enctype="multipart/form-data" method="post">
		<p>姓名:<input type="text" name="user"></p>
		<p>选择图片:<input type="file" name="nfile"></p>
		<p><input type="submit" value="提交"></p>
	</form>

  

表单要上传文件,需要注意两点:

1、设置enctype属性,值必须为multipart/form-data

2、表单的提交方式必须为post

 

上传文件组件

  • Commons-FileUpload组件可以方便地嵌入到JSP文件中,在JSP文件中仅编写少量代码即可完成文件的上传功能,十分方便。
  • 能够全程控制上传内容:可以获得全部上传文件的信息,包括文件名称、类型、大小等,方便操作。
  • 能够对上传文件的大小、类型进行控制:为了避免在上传过程中出现异常数据,在Commons-FileUpload组件中,专门提供了相应的方法用于对上传文件进行控制。

 

获取Commons-FileUpload组件的方式

  • http://commons.apache.org/fileupload下载Commons-FileUpload组件

Commons-FileUpload组件类库:commons-fileupload-1.3.2.jar

Commons-FileUpload组件的API文档: apidocs

  • http://commons.apache.org/io下载Commons-IO组件

Commons-IO组件类库:commons-io-2.5.jar

Commons-IO组件的API文档: commons-io-2.5\\docs

Commons-FileUpload组件的API

  • ServletFileUpload类的常用方法

方法名称

方法描述

public void setSizeMax(long sizeMax)

设置请求信息实体内容的最大允许的字节数

public List parseRequest(HttpServletRequest req )

解析form表单中的每个字符的数据,返回一个FileItem对象的集合

public static final boolean isMultipartContent (HttpServletRequest req )

判断请求信息中的内容 是否是“multipart/form-data”类型

public void setHeaderEncoding(String encoding)

设置转换时所使用的字符集编码

  • FileItem接口的常用方法

方法名称

方法描述

public boolean isFormField()

判断FileItem对象封装的数据类型(普通表单字段返回true,文件表单字段返回false)

public String getName()

获得文件上传字段中的文件名(普通表单字段返回null)

public String getFieldName()

返回表单字段元素的name属性值

public void write()

将FileItem对象中保存的主体内容保存到指定的文件中

public String  getString()

将FileItem对象中保存的主体内容以一个字符串返回。其重载方法public String  getString(String encoding)中的参数用指定的字符集编码方式

public long getSize()

返回单个上传文件的字节数

 

 

  • FileItemFactory接口与实现类

实现类:DefaultFileItemFactory, DiskFileItemFactory

方法名称

方法描述

public void setSizeThreshold(int sizeThreshold)

设置内存缓冲区的大小

public void setRepositoryPath(String path )

设置临时文件存放的目录

 

文件上传的实现

  • 实现步骤
//创建FileItemFactory对象
//创建ServletFileUpload对象	
//解析form表单中所有文件
if (普通表单字段){  
//获取表单字段的name属性值
if (此属性是“user”)){ 
//输出XXX上传了文件
}
}else{   
//文件表单字段
//获取上传文件的名字
if (名字不为空) {
//保存此文件并输出保存成功		
}
} 

  

  • 示例代码
<%@page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="java.io.File"%>
<%@page import="org.apache.commons.fileupload.FileItem"%>
<%@page import="org.apache.commons.fileupload.FileItemFactory"%>
<%@page import="org.apache.commons.fileupload.disk.DiskFileItemFactory"%>
<%@page import="org.apache.commons.fileupload.servlet.ServletFileUpload"%>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<%
	request.setCharacterEncoding("utf-8");
	String uploadFileName = ""; //上传的文件名
	String fieldName = ""; //表单字段元素的name属性值
	//请求信息中的内容是否是multipart类型
	boolean isMultipart = ServletFileUpload.isMultipartContent(request);
	//上传文件的存储路径(服务器文件系统上的绝对文件路径)
	String uploadFilePath = request.getSession().getServletContext()
			.getRealPath("upload/");
	if (isMultipart) {
		FileItemFactory factory = new DiskFileItemFactory();
		ServletFileUpload upload = new ServletFileUpload(factory);
		try {
			//解析form表单中所有文件
			List<FileItem> items = upload.parseRequest(request);
			Iterator<FileItem> iter = items.iterator();
			while (iter.hasNext()) { //依次处理每个文件
				FileItem item = (FileItem) iter.next();
				if (item.isFormField()) { //普通表单字段
					fieldName = item.getFieldName(); //表单字段的name属性值
					if (fieldName.equals("user")) {
						//输出表单字段的值
						out.print(item.getString("UTF-8")
								+ "上传了文件。<br/>");
					}
				} else { //文件表单字段
					String fileName = item.getName();
					if (fileName != null && !fileName.equals("")) {
						File fullFile = new File(item.getName());
						File saveFile = new File(uploadFilePath,
								fullFile.getName());
						item.write(saveFile);
						uploadFileName = fullFile.getName();
						out.print("上传成功后的文件名是:" + uploadFileName);
						out.print("<br>文件保存绝对路径为:"+saveFile.getPath());
						out.print("<br>文件保存相对路径为:"+"upload\\\\"+uploadFileName);
					}
				}
			}
		} catch (Exception e) {
			e.printStackTrace();
		}
	}
%>

  

 

上机练习

需求描述

完成新闻发布信息的添加图片功能

实现思路

1. 添加commons-fileupload.jar和commons-io-2.5.jar

2. 在JSP文件中使用page指令导入Commons-FileUpload类

3. 调用Commons-FileUpload组件相关类的方法获取文件信息并实现保存

 

控制上传文件的属性

控制文件上传的类型

代码框架

List<String> filType=Arrays.asList("gif","bmp","jpg");
String ext=fileName.substring(fileName.lastIndexOf(".")+1);
if(!filType.contains(ext)){  //判断文件类型是否在允许范围内
    out.print("上传失败,文件类型只能是gif、bmp、jpg");
}else{ 
    //上传文件
}

  

控制文件上传的大小

代码框架

ServletFileUpload upload = new ServletFileUpload(factory);
//设置单个文件的最大限制
upload.setSizeMax(1024*30); 
try {
//……省略上传代码
}catch(FileUploadBase.SizeLimitExceededException ex){
    out.print(“上传失败,文件太大,单个文件的最大限制是:"+
    upload.getSizeMax()+"bytes!");

  

完整代码示例

<%@page import="org.apache.commons.fileupload.FileUploadBase"%>
<%@page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="java.io.File"%>
<%@page import="org.apache.commons.fileupload.FileItem"%>
<%@page import="org.apache.commons.fileupload.FileItemFactory"%>
<%@page import="org.apache.commons.fileupload.disk.DiskFileItemFactory"%>
<%@page import="org.apache.commons.fileupload.servlet.ServletFileUpload"%>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<%
	request.setCharacterEncoding("utf-8");
	String uploadFileName = ""; //上传的文件名
	String fieldName = ""; //表单字段元素的name属性值
	//请求信息中的内容是否是multipart类型
	boolean isMultipart = ServletFileUpload.isMultipartContent(request);
	//上传文件的存储路径(服务器文件系统上的绝对文件路径)
	String uploadFilePath = request.getSession().getServletContext()
			.getRealPath("upload/");
	//创建临时文件目录路径
	File tempPatchFile = new File("d:\\\\temp\\\\buffer\\\\");
	if (!tempPatchFile.exists()) //判断文件或目录是否存在
		tempPatchFile.mkdirs(); //创建指定的目录,包括所有必需但不存在的父目录
	if (isMultipart) {
		DiskFileItemFactory factory = new DiskFileItemFactory();
		//设置缓冲区大小4kb
		factory.setSizeThreshold(4096);
		//设置上传文件用到临时文件存放路径
		factory.setRepository(tempPatchFile);
		ServletFileUpload upload = new ServletFileUpload(factory);
		//设置单个文件的最大限制
		upload.setSizeMax(1024 * 30);
		try {
			//解析form表单中所有文件
			List<FileItem> items = upload.parseRequest(request);
			Iterator<FileItem> iter = items.iterator();
			while (iter.hasNext()) { //依次处理每个文件
				FileItem item = (FileItem) iter.next();
				if (!item.isFormField()) { //文件表单字段
					String fileName = item.getName();
					//通过Arrays类的asList()方法创建固定长度的集合
					List<String> filType = Arrays.asList("gif", "bmp",
							"jpg");
					String ext = fileName.substring(fileName
							.lastIndexOf(".") + 1);
					if (!filType.contains(ext)) //判断文件类型是否在允许范围内
						out.print("上传失败,文件类型只能是gif、bmp、jpg");
					else {
						if (fileName != null && !fileName.equals("")) {
							File fullFile = new File(item.getName());
							File saveFile = new File(uploadFilePath,
									fullFile.getName());
							item.write(saveFile);
							uploadFileName = fullFile.getName();
							out.print("上传成功后的文件名是:" + uploadFileName
									+ ",文件大小是:" + item.getSize()
									+ "bytes!");

						}
					}
				}
			}
		} catch (FileUploadBase.SizeLimitExceededException ex) {
			out.print("上传失败,文件太大,单个文件的最大限制是:" + upload.getSizeMax()
					+ "bytes!");
		} catch (Exception e) {
			e.printStackTrace();
		}
	}
%>

  

 

上机练习

需求描述

  • 管理员在发布新闻时,可以同时实现新闻图片的上传
  • 允许上传的图片类型为:GIF文件、JPG文件、JPEG文件、PNG文件
  • 上传图片的大小不能超过5MB完成新闻发布信息的添加图片功能
  • 管理员选择某一条新闻,单击修改链接后,在新闻编辑页面显示此条新闻内容。
  • 编辑好新闻内容后,单击提交按钮更新此条新闻。

上机练习

需求描述

  • 管理员选择某一条新闻,单击修改链接后,在新闻编辑页面显示此条新闻内容。
  • 编辑好新闻内容后,单击提交按钮更新此条新闻。

以上是关于JavaEE-05 分页与文件上传的主要内容,如果未能解决你的问题,请参考以下文章

页面直接导出为PDF文件,支持分页与页边距

页面直接导出为PDF文件,支持分页与页边距

物理分页与逻辑分页

bootstrap分页与翻页

在Django的分页与邮差

将分页与 Spring Boot 和 Thymeleaf 一起使用时出错