上传图片后，图片的查找路径

E:\workspace.metadata.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\web42\upload

一、文件上传

需要用到的文件：
1、addNewsDetail
这里，method必须是post;还必须要加上enctype=”multipart/form-data”;
2、addNewsDetailSubmit
3、newsDetailList
要写绝对路径<%=request.getContextPath()%>
其次有三处需要修改
①。function的url地址加/web42/
②。添加
③、<%=nd.getTitle() %>
4、查看newsDetailView
5.newsDetailList

1、addNewsDetail

  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2.     pageEncoding="UTF-8"%>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  4. <html>
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  7. <title>Insert title here</title>
  8. </head>
  9. <body>
  10.     <form action="addNewsDetailSubmit.jsp" method="post" enctype="multipart/form-data">
  11.         新闻类别：
  12.         <select name="categoryId">
  13.             <option value="1">国内</option>
  14.             <option value="2">国际</option>
  15.             <option value="3">娱乐</option>
  16.             <option value="4">军事</option>
  17.             <option value="5">财经</option>
  18.             <option value="6">天气</option>
  19.         </select><br/>
  20.         新闻标题：
  21.         <input type="text" name="title"><br/>
  22.         新闻摘要：
  23.         <input type="text" name="summary"><br/>
  24.         新闻内容：
  25.         <textarea rows="20" cols="40" name="content"></textarea><br/>
  26.         新闻图片：
  27.         <input type="file" name="picPath"><br/>
  29.         <input type="submit" value="提交">
  31.     </form>
  32. </body>
  33. </html>

2、addNewsDetailSubmit

  1. <%@page import="java.io.File"%>
  2. <%@page import="java.util.Iterator"%>
  3. <%@page import="org.apache.commons.fileupload.FileItem"%>
  4. <%@page import="java.util.List"%>
  5. <%@page import="org.apache.commons.fileupload.disk.DiskFileItemFactory"%>
  6. <%@page import="org.apache.commons.fileupload.FileItemFactory"%>
  7. <%@page import="org.apache.commons.fileupload.servlet.ServletFileUpload"%>
  8. <%@page import="java.util.Date"%>
  9. <%@page import="cn.bdqn.services.impl.NewsServicesImpl"%>
  10. <%@page import="cn.bdqn.pojo.NewsDetail"%>
  11. <%@page import="cn.bdqn.services.NewsServices"%>
  12. <%@ page language="java" contentType="text/html; charset=UTF-8"
  13.     pageEncoding="UTF-8"%>
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  15. <html>
  16. <head>
  17. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  18. <title>Insert title here</title>
  19. </head>
  20. <body>
  21.     <%
  22.         request.setCharacterEncoding("UTF-8");
  23.         response.setCharacterEncoding("UTF-8");
  24.         NewsDetail nd=new NewsDetail();
  25.         //文件上传的写法  进行判断是否是文件上传的表单提交方式
  26.         boolean isMultipart=ServletFileUpload.isMultipartContent(request);
  27.         if(isMultipart){
  28.             //创建的硬盘文件工厂
  29.             FileItemFactory factory=new DiskFileItemFactory();
  30.             //Servle文件上传对象
  31.             ServletFileUpload upload = new ServletFileUpload(factory);
  32.             //解析request对象，返回list集合
  33.             List<FileItem> items = upload.parseRequest(request);
  34.             Iterator<FileItem> it = items.iterator();
  35.             //遍历list 获得表单中的没一个提交元素
  36.             while(it.hasNext()){
  37.                 FileItem item=it.next();
  38.                 //如果item.isFormField()  true，是普通表单对象；false是文件上传表单对象
  39.                 if(item.isFormField()){
  40.                     //表单元素名称
  41.                     String filedName=item.getFieldName();
  42.                     if(filedName.equals("categoryId")){
  43.                         nd.setCategoryId(Integer.parseInt(item.getString()));
  44.                     }else if(filedName.equals("title")){
  45.                         nd.setTitle(item.getString("UTF-8"));
  46.                     }else if(filedName.equals("summary")){
  47.                         nd.setSummary(item.getString("UTF-8"));
  48.                     }else if(filedName.equals("content")){
  49.                         nd.setContent(item.getString("UTF-8"));
  50.                     }
  51.                 }else{
  52.                     //获得文件名
  53.                     String fileName=item.getName();
  54.                     if(fileName!=null && !fileName.equals("")){
  55.                         //创建文件对象
  56.                         File fullFile =new File(fileName);
  57.                         //上传路径在哪
  58.                         String uploadFilePath=request.getSession().
  59.                                 getServletContext().getRealPath("upload/");
  60.                         //如果文件夹不存在；自动创建文件夹
  61.                         File saveDir= new File(uploadFilePath);
  62.                         if(!saveDir.exists()){
  63.                             saveDir.mkdir();
  64.                         }
  65.                         //创建一个最终上传的文件对象,上传路径和文件名
  66.                         File saveFile = new File(uploadFilePath,fullFile.getName());
  67.                         //item往savaFile里写
  68.                         item.write(saveFile);
  69.                         //传入全路径或者文件名
  70.                         nd.setPicPath(fullFile.getName());
  71.                     }
  72.                 }
  73.             }
  74.         }
  77.         String categoryId=request.getParameter("categoryId");
  78.         String title=request.getParameter("title");
  79.         String summary=request.getParameter("summary");
  80.         String content=request.getParameter("content");
  81.         NewsServices ns=new NewsServicesImpl();
  82. //        NewsDetail nd=new NewsDetail();
  83. //        nd.setCategoryId(Integer.parseInt(categoryId));
  84. //        nd.setTitle(title);
  85. //        nd.setSummary(summary);
  86. //        nd.setContent(content);
  87.         nd.setAuthor("admin");
  88.         nd.setCreateDate(new Date());
  89.         nd.setModifyDate(new Date());
  90.         int i=ns.insert(nd);
  91.         if(i>0){
  92.             //成功跳转到列表页
  93.             response.sendRedirect(request.getContextPath()+"/news/newsDetailList.jsp");
  95.         }else{
  96.             //失败跳转到error页
  97.             response.sendRedirect(request.getContextPath()+"/web42/news/error.jsp");
  99.         }
  101.     %>
  102. </body>
  103. </html>

3、newsDetailList

  1. <%@page import="cn.bdqn.pojo.NewsDetail"%>
  2. <%@page import="java.util.List"%>
  3. <%@page import="cn.bdqn.services.impl.NewsServicesImpl"%>
  4. <%@page import="cn.bdqn.services.NewsServices"%>
  5. <%@ page language="java" contentType="text/html; charset=UTF-8"
  6.     pageEncoding="UTF-8"%>
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  8. <html>
  9. <head>
  10. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  11. <title>Insert title here</title>
  12. </head>
  13. <style>
  14.     td{
  15.         border:black solid 1px
  16.     }
  17. </style>
  18. <script type="text/javascript">
  19.     function deleteNews(id){
  20.         var url="/web42/news/deleteNewsDetail.jsp?id="+id;
  21.         var f=confirm("是否确认删除");
  22.         if(f){
  23.             location.href=url;
  24.         }
  25.     }
  26. </script>
  27. <jsp:useBean id="ns" class="cn.bdqn.services.impl.NewsServicesImpl"></jsp:useBean>
  28. <body>
  29.     <a href="<%=request.getContextPath()%>/news/addNewsDetail.jsp">添加</a>
  30.     <table style="border:black solid 1px;border-collapse: collapse;">
  31.         <tr>
  32.             <td>id</td>
  33.             <td>标题</td>
  34.             <td colspan="2">操作</td>
  36.         </tr>
  37.     <%
  38.         //NewsServices ns=new NewsServicesImpl();
  40.         List<NewsDetail> list=ns.getNewsDetailList();
  41.         for(int i=0;i<list.size();i++){
  42.             NewsDetail nd=list.get(i);
  44.     %>
  45.     <tr>
  46.         <td><%=nd.getId() %></td>
  47.         <td><a href="<%=request.getContextPath() %>/news/newsDetailView.jsp?id=<%=nd.getId() %>"><%=nd.getTitle() %></a></td>
  48.         <td><a href="<%=request.getContextPath() %>/news/upDateNewsDetail.jsp?id=<%=nd.getId() %>">修改</a></td>
  49.         <td><a href="javascript:deleteNews(<%=nd.getId() %>)">删除</a></td>
  50.     </tr>
  51.     <%}%>
  52.     </table>
  54. </body>
  55. </html>

4、查看newsDetailView

  1. <%@page import="cn.bdqn.pojo.NewsDetail"%>
  2. <%@page import="cn.bdqn.services.NewsServices"%>
  3. <%@page import="cn.bdqn.services.impl.NewsServicesImpl"%>
  4. <%@ page language="java" contentType="text/html; charset=UTF-8"
  5.     pageEncoding="UTF-8"%>
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  7. <html>
  8. <head>
  9. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  10. <title>Insert title here</title>
  11. </head>
  12. <body>
  13. <%
  14.     String id=request.getParameter("id");
  15.     NewsServices ns=new NewsServicesImpl();
  16.     //获得新闻对象
  17.     NewsDetail nd=ns.getNewsDetailById(Integer.parseInt(id));
  18.     //展示
  20. %>
  21. <table>
  22.     <tr>
  23.         <td>新闻标题</td>
  24.         <td><%=nd.getTitle() %></td>
  25.     </tr>
  26.     <tr>
  27.         <td>新闻摘要</td>
  28.         <td><%=nd.getSummary()%></td>
  29.     </tr>
  30.     <tr>
  31.         <td>新闻内容</td>
  32.         <td><%=nd.getContent()%></td>
  33.     </tr>
  34.     <tr>
  35.         <td>新闻作者</td>
  36.         <td><%=nd.getAuthor()%></td>
  37.     </tr>
  38.     <tr>
  39.         <td>新闻图片</td>
  40.         <td>
  41.             <img src="<%=request.getContextPath()%>/upload/<%=nd.getPicPath() %>" style="width: 300px ;height:400px">
  42.         </td>
  43.     </tr>
  44. </table>
  46. </body>
  47. </html>

5.newsDetailList
同上

二、分页查询

需要用到的包和类
首先，在src—->util—->建立pageSupport公共类，分页支持的工具类
里面放四个变量，//当前页是多少 private int currentPageNo;
//每页显示多少条数据 private int pageSize;
//总条数 private int totalPageCount;
//一共可分的页数 private int totalPageNo;
在这里面，一共可分的页数要在get方法内计算出来。用总条数模显示多少，看是否有余数，有余数就+1
接下来，在src—-》dao—->下面的NewsDetailDaoImpl内写入两个方法
一个是：查询新闻总条数的方法
一个是：分页查询的方法
抽接口
再次，将两个方法，写入到NewsServicesImpl中
再次抽接口
最后在NewsDetailList中操作
实现换页

1、新闻类分页查询

pageSupport:

  1. package cn.bdqn.util;
  2.     //分页支持工具类
  3. public class PageSupport {
  4.     //当前页是多少
  5.     private int currentPageNo; 
  6.     //每页显示多少条数据
  7.     private int pageSize;
  8.     //总条数
  9.     private int totalPageCount;
  10.     //一共可分的页数
  11.     private int totalPageNo;
  12.     public int getCurrentPageNo() {
  13.         return currentPageNo;
  14.     }
  15.     public void setCurrentPageNo(int currentPageNo) {
  16.         this.currentPageNo = currentPageNo;
  17.     }
  18.     public int getPageSize() {
  19.         return pageSize;
  20.     }
  21.     public void setPageSize(int pageSize) {
  22.         this.pageSize = pageSize;
  23.     }
  24.     public int getTotalPageCount() {
  25.         return totalPageCount;
  26.     }
  27.     public void setTotalPageCount(int totalPageCount) {
  28.         this.totalPageCount = totalPageCount;
  29.     }
  30.     public int getTotalPageNo() {
  31.         //需要进行计算，一共分几页
  32.         //100条数据，每页显示10条，一共可分10页
  33.         //101条数据，每页显示10条，一共可分11页
  34.         if(totalPageCount%pageSize==0){
  35.             totalPageNo=totalPageCount/pageSize;
  36.         }else{
  37.             totalPageNo=(totalPageCount/pageSize)+1;
  38.         }
  40.         return totalPageNo;
  41.     }
  42.     //不需要设置值，所以可以去掉set方法
  43. //    public void setTotalPageNo(int totalPageNo) {
  44. //        this.totalPageNo = totalPageNo;
  45. //    }
  46. //    
  48. }

NewsDetailDaoImpl:

  1. //查询新闻的总条数
  2.     public int getNewsDetailCount(){
  3.         int result = 0;
  4.         connection=getConnection();
  5.         String sql="select count(1) as count from news_detail";
  6.         try {
  7.             pstat=connection.prepareStatement(sql);
  8.             rs=pstat.executeQuery();
  9.             while(rs.next()){
  10.                 result=rs.getInt("count");
  11.             }
  12.         } catch (SQLException e) {
  13.             e.printStackTrace();
  14.         }finally{
  15.             close();
  16.         }
  17.         return result;
  18.     }
  19.     //分页查询的方法
  20.     public List<NewsDetail> getNewsDetailListByPage(int currentPageNo,int pageSize){
  21.         List<NewsDetail> list=new ArrayList<NewsDetail>();
  22.         connection=getConnection();    
  23.         String sql="select * from news_detail order by createDate desc limit ?,?";
  24.         try {
  25.             pstat=connection.prepareStatement(sql);
  26.             //currentPageNo=1，pageSize=5；x=0,y=5
  27.             //currentPageNo=2，pageSize=5；x=5,y=5
  28.             //currentPageNo=3，pageSize=5；x=10,y=5
  29.             pstat.setInt(1,(currentPageNo-1)*pageSize);
  30.             pstat.setInt(2, pageSize);
  31.             rs=pstat.executeQuery();
  32.             while(rs.next()){
  33.                 NewsDetail nd=new NewsDetail();
  34.                 nd.setId(rs.getInt("id"));
  35.                 nd.setCategoryId(rs.getInt("categoryId"));
  36.                 nd.setTitle(rs.getString("title"));
  37.                 nd.setSummary(rs.getString("summary"));
  38.                 nd.setContent(rs.getString("content"));
  39.                 nd.setPicPath(rs.getString("picPath"));
  40.                 nd.setAuthor(rs.getString("author"));
  41.                 nd.setCreateDate(new Date(rs.getTimestamp("createDate").getTime()));
  42.                 nd.setModifyDate(new Date(rs.getTimestamp("modifyDate").getTime()));
  43.                 list.add(nd);
  44.             }
  45.         } catch (SQLException e) {
  46.             e.printStackTrace();
  47.         }finally{
  48.             close();
  49.         }
  50.         return list;
  51.     }

NewsDetailDao:

  1. 抽上两个方法的接口

NewsServicesImpl:

  1. //查询新闻的总条数
  2.     public int getNewsDetailCount(){
  3.         return ndd.getNewsDetailCount();
  4.     }
  6.     //分页查询的方法
  7.     public List<NewsDetail> getNewsDetailListByPage(int currentPageNo,int pageSize){
  8.         return ndd.getNewsDetailListByPage(currentPageNo, pageSize);
  9.     }

NewsService:

  1. 抽以上两个方法的接口

NewsDetailList：

  1. <%@page import="cn.bdqn.util.PageSupport"%>
  2. <%@page import="cn.bdqn.pojo.NewsDetail"%>
  3. <%@page import="java.util.List"%>
  4. <%@page import="cn.bdqn.services.impl.NewsServicesImpl"%>
  5. <%@page import="cn.bdqn.services.NewsServices"%>
  6. <%@ page language="java" contentType="text/html; charset=UTF-8"
  7.     pageEncoding="UTF-8"%>
  8. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  9. <html>
  10. <head>
  11. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  12. <title>Insert title here</title>
  13. </head>
  14. <style>
  15.     td{
  16.         border:black solid 1px
  17.     }
  18.     #ip1{
  19.         width:30px;
  20.     }
  21. </style>
  22. <script type="text/javascript">
  23.     function deleteNews(id){
  24.         var url="/web42/news/deleteNewsDetail.jsp?id="+id;
  25.         var f=confirm("是否确认删除");
  26.         if(f){
  27.             location.href=url;
  28.         }
  29.     }
  30.     function toJump(){
  31.         var p =document.getElementById("pageJump").value;
  32.         if(p==null||p==""){
  33.             alert=("请输入正确页码");
  34.         }else{
  35.             if(isNaN(p)){
  36.                 alert("请输入数字");
  37.             }else{
  38.                 var url="/web42/news/newsDetailList.jsp?pageNo="+p;
  39.                 location.href=url;
  40.             }
  41.         }
  42.     }
  43. </script>
  44. <jsp:useBean id="ns" class="cn.bdqn.services.impl.NewsServicesImpl"></jsp:useBean>
  45. <body>
  46.     <a href="<%=request.getContextPath()%>/news/addNewsDetail.jsp">添加</a>
  47.     <table style="border:black solid 1px;border-collapse: collapse;">
  48.         <tr>
  49.             <td>id</td>
  50.             <td>标题</td>
  51.             <td colspan="2">操作</td>
  53.         </tr>
  54.     <%
  55.         //NewsServices ns=new NewsServicesImpl();
  56.         //List<NewsDetail> list=ns.getNewsDetailList();
  58.         String pageNo=request.getParameter("pageNo");
  59.         int pageNoIndex=0;
  60.         if(pageNo==null){
  61.             //当前页码数
  62.             pageNoIndex=1;
  63.         }else{
  64.             pageNoIndex=Integer.parseInt(pageNo);
  65.         }
  66.         //拿出工具类
  67.         int pageSize=5;
  68.         PageSupport ps=new PageSupport();
  69.         ps.setCurrentPageNo(pageNoIndex);
  70.         ps.setPageSize(pageSize);
  71.         ps.setTotalPageCount(ns.getNewsDetailCount());
  73.         List<NewsDetail> list=ns.getNewsDetailListByPage(pageNoIndex, pageSize);
  74.         for(int i=0;i<list.size();i++){
  75.             NewsDetail nd=list.get(i);
  77.     %>
  78.     <tr>
  79.         <td><%=nd.getId() %></td>
  80.         <td><a href="<%=request.getContextPath() %>/news/newsDetailView.jsp?id=<%=nd.getId() %>"><%=nd.getTitle() %></a></td>
  81.         <td><a href="<%=request.getContextPath() %>/news/upDateNewsDetail.jsp?id=<%=nd.getId() %>">修改</a></td>
  82.         <td><a href="javascript:deleteNews(<%=nd.getId() %>)">删除</a></td>
  83.     </tr>
  84.     <%}%>
  85.     </table>
  86.     <a href="<%=request.getContextPath()%>/news/newsDetailList.jsp">首页</a>&nbsp;&nbsp;
  88.     <%if(pageNoIndex!=1){ %>
  89.     <a href="<%=request.getContextPath()%>/news/newsDetailList.jsp?pageNo=<%=pageNoIndex-1%>">上一页</a>&nbsp;&nbsp;
  90.     <%} %>
  92.     <%if(pageNoIndex!=ps.getTotalPageNo()){ %>
  93.     <a href="<%=request.getContextPath()%>/news/newsDetailList.jsp?pageNo=<%=pageNoIndex+1%>">下一页</a>&nbsp;&nbsp;
  94.     <%} %>
  95.     <a href="<%=request.getContextPath()%>/news/newsDetailList.jsp?pageNo=<%=ps.getTotalPageNo()%>">末页</a>&nbsp;&nbsp;
  96.     第<%=pageNoIndex %>页/共<%=ps.getTotalPageNo() %>页
  97.     <!--  
  98.     <form action="<%=request.getContextPath()%>/news/newsDetailList.jsp">
  99.         跳转至：<input type="text" name="pageNo" id="ip1">
  100.         <input type="submit" value="go">
  101.     </form>
  102.     -->
  103.     <input type="text" id="pageJump" size="1">
  104.     <input type="button" value="GO" onclick="toJump()">
  106. </body>
  107. </html>

2、用户表分页查询

newsUserList：
企业部分同上，改个名字即可

  1. <%@page import="cn.bdqn.util.PageSupport"%>
  2. <%@page import="cn.bdqn.pojo.NewsUser"%>
  3. <%@page import="java.util.List"%>
  4. <%@page import="cn.bdqn.services.impl.userServicesImpl"%>
  5. <%@page import="cn.bdqn.services.userServices"%>
  6. <%@ page language="java" contentType="text/html; charset=UTF-8"
  7.     pageEncoding="UTF-8"%>
  8. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  9. <html>
  10. <head>
  11. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  12. <title>Insert title here</title>
  13. </head>
  14. <style>
  15.     td{
  16.         border:black solid 1px
  17.     }
  18. </style>
  19. <script type="text/javascript">
  20.     function deleteUser(id){
  21.         var url="deleteNewsUser.jsp?id="+id;
  22.         var f=confirm("是否确认删除");
  23.         if(f){
  24.             location.href=url;
  25.         }
  26.     }
  27.     function toJump(){
  28.         var p =document.getElementById("pageJump").value;
  29.         if(p==null||p==""){
  30.             alter("请输入正确页码");
  31.         }else{
  32.             if(isNaN(p)){
  33.                 alter("请输入数字");
  34.             }else{
  35.                 var url="/web42/newsuser/newsUserList.jsp?pageNo="+p;
  36.                 location.href=url;
  37.             }
  38.         }
  39.     }
  40. </script>
  41. <body>
  42.         <a href="addNewsUser.jsp">添加</a>
  43.         <table style="border:black solid 1px;border-collapse: collapse;">
  44.         <tr>
  45.                 <td>id</td>
  46.                 <td>姓名</td>
  47.                 <td>邮箱</td>
  48.                 <td>用户类型</td>
  49.                 <td colspan="2">操作</td>
  52.             </tr>
  53.         <%
  54.             userServices ns=new userServicesImpl();
  55.             //List<NewsUser> list=ns.getNewsUserList();
  56.             //设置当前页
  57.             String pageNo=request.getParameter("pageNo");
  58.             int pageNoIndex=0;
  59.             if(pageNo==null){
  60.                 pageNoIndex=1;
  61.             }else{
  62.                 pageNoIndex=Integer.parseInt(pageNo);
  63.             }
  65.             //设置显示每页多少条
  66.             int pageSize=5;
  67.             PageSupport ps=new PageSupport();
  68.             ps.setCurrentPageNo(pageNoIndex);
  69.             ps.setPageSize(pageSize);
  70.             ps.setTotalPageCount(ns.getNewsUserCount());
  73.             List<NewsUser> list=ns.getNewsUserListByPage(pageNoIndex, pageSize);
  74.             for(int i=0;i<list.size();i++){
  75.                 NewsUser nu=list.get(i);
  76.         %>
  77.         <tr>
  78.             <td><%=nu.getId() %></td>
  79.             <td><%=nu.getUserName() %></td>
  80.             <td><%=nu.getEmail() %></td>
  81.             <td><%=nu.getUserType() %></td>
  82.             <td><a href="upDateUser.jsp?id=<%=nu.getId() %>">修改</a></td>
  83.             <td><a href="javascript:deleteUser(<%=nu.getId() %>)">删除</a></td>
  84.         </tr>
  85.         <%}%>
  86.         </table>
  88.         <a href="<%=request.getContextPath()%>/newsuser/newsUserList.jsp">首页</a>&nbsp;&nbsp;
  90.         <%if(pageNoIndex!=1){ %>
  91.         <a href="<%=request.getContextPath()%>/newsuser/newsUserList.jsp?pageNo=<%=pageNoIndex-1%>">上一页</a>&nbsp;&nbsp;
  92.         <%} %>
  93.         <%if(pageNoIndex!=ps.getTotalPageNo()){ %>
  94.         <a href="<%=request.getContextPath()%>/newsuser/newsUserList.jsp?pageNo=<%=pageNoIndex+1%>">下一页</a>&nbsp;&nbsp;
  95.         <%} %>
  97.         <a href="<%=request.getContextPath()%>/newsuser/newsUserList.jsp">末页</a>&nbsp;&nbsp;
  98.         第<%=pageNoIndex %>页/共<%=ps.getTotalPageNo() %>页
  99.         <!-- 实现输入数字，直接跳转到多少页 -->
  100.         <!-- 第一种 
  101.         <form action="<%=request.getContextPath()%>/newsuser/newsUserList.jsp">
  102.             <input type="text" name="pageNo" size="2">
  103.             <input type="submit" value="Go">
  104.         </form>
  105.         -->
  106.         <!-- 第二种 -->
  107.         <input type="text" id="pageJump" size="1">
  108.         <input type="button" value="Go" onclick="toJump()">
  109.     </body>
  110.     </html>

三、富文本编辑

首先要引入富文本编辑器，再放置在有需要的位置

  1. <!-- 引入富文本编辑器 -->>
  2. <script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery-1.12.4.min.js"></script>
  3. <script type="text/javascript" src="<%=request.getContextPath() %>/js/ckeditor/ckeditor.js"></script>
  1. 新闻内容：
  2.         <!-- 富文本编辑器 -->
  3.         <textarea rows="20" cols="40" name="content" class="ckeditor"></textarea><br/>

具体代码：例如在新闻列表添加这里

  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2.     pageEncoding="UTF-8"%>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  4. <html>
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  7. <title>Insert title here</title>
  8. </head>
  9. <!-- 引入富文本编辑器 -->>
  10. <script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery-1.12.4.min.js"></script>
  11. <script type="text/javascript" src="<%=request.getContextPath() %>/js/ckeditor/ckeditor.js"></script>
  13. <body>
  14.     <form action="addNewsDetailSubmit.jsp" method="post" enctype="multipart/form-data">
  15.         新闻类别：
  16.         <select name="categoryId">
  17.             <option value="1">国内</option>
  18.             <option value="2">国际</option>
  19.             <option value="3">娱乐</option>
  20.             <option value="4">军事</option>
  21.             <option value="5">财经</option>
  22.             <option value="6">天气</option>
  23.         </select><br/>
  24.         新闻标题：
  25.         <input type="text" name="title"><br/>
  26.         新闻摘要：
  27.         <input type="text" name="summary"><br/>
  28.         新闻内容：
  29.         <!-- 富文本编辑器 -->
  30.         <textarea rows="20" cols="40" name="content" class="ckeditor"></textarea><br/>
  31.         新闻图片：
  32.         <input type="file" name="picPath"><br/>
  34.         <input type="submit" value="提交">
  36.     </form>
  37. </body>
  38. </html>