index客户主页+页面分页的模糊查询 and add知识

最新推荐文章于 2024-07-31 11:40:39 发布
最新推荐文章于 2024-07-31 11:40:39 发布
阅读量534 收藏
点赞数 10
文章标签： eclipse java java-ee oracle
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64848027/article/details/123930386
版权

一.首先回望一下,我们经常会在JSP学习中遇到的问题和有必要掌握的 a little 知识。

1.如何修改默认的编码方式？

1）首先点击eclipse上方工具栏的window，选择preferences；

 

 2）在左侧的搜索框中输入jsp，选择jsp file 然后在右侧页面修改字符编码就OK啦。

 

 

2.JSP常见的错误代号

1）404（找不到此网页）

 

     排错方法：检查Web应用是否正确部署

    or  检查URL,使用正确的URL（文件名称与路径要写对）

2）505（源码有问题）

 

 

 3.在JSP文件的编写过程中，共有三种注释方法

1）HTML的注释：<!-- html注释--> （在页面中用户可以查看的到）

2）JSP注释：<%-- JSP注释--%> （在页面中用户可以查看不到）

3）在JSP脚本中注释： <% //单行注释 %> <%  /*多行注释 */ %>

 

4. 在运行Web程序时，常犯的一些错误及解决方法

1）无法显示网页

  检查Tomcat服务能否正确运行：http://localhost:8080/

  如果控制台上显示Tomcat服务已启动，观察端口号是否与预期端口号一致 

二. 客户端主页面--index.jsp（代码如下）

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>新闻中国</title>
<link href="CSS/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
  <div id="top_login">
    <label> 登录名 </label>
    <input type="text" id="uname" value="" class="login_input" />
    <label> 密&#160;&#160;码 </label>
    <input type="password" id="upwd" value="" class="login_input" />
    <input type="button" class="login_sub" value="登录" onclick="login()"/>
    <label id="error"> </label>
    <img src="images/friend_logo.gif" alt="Google" id="friend_logo" /> </div>
  <div id="nav">
    <div id="logo"> <img src="images/logo.jpg" alt="新闻中国" /> </div>
    <div id="a_b01"> <img src="images/a_b01.gif" alt="" /> </div>
    <!--mainnav end-->
  </div>
</div>
<div id="container">
  <div class="sidebar">
    <h1> <img src="images/title_1.gif" alt="国内新闻" /> </h1>
    <div class="side_list">
      <ul>
       </ul>
    </div>
  </div>
  <div class="main">
    <div class="class_type"> <img src="images/class_type.gif" alt="新闻中心" /> </div>
    <div class="content">
      <ul class="class_date">
        <li id='class_month'> 
        	<%
        	Class.forName("oracle.jdbc.OracleDriver");
        	String url = "jdbc:oracle:thin:@localhost:1521:orcl";
        	Connection con = DriverManager.getConnection(url, "scott", "tiger");
        	//查询主题
        	PreparedStatement ps = con.prepareStatement("select * from subject");
        	ResultSet rs = ps.executeQuery();
        	while(rs.next()){
        	%>
        	<a href='index.jsp?tid=<%=rs.getInt(1)%>'><b> <%=rs.getString(2) %> </b></a>
        	<%} %> 
         </li>
      </ul>
      <ul class="classlist">
      	<%
      		//接收新闻主题
      		String id = request.getParameter("tid");
      		String countSql = "select count(*) from news";
      		String pageSql = "select * from (select a.*,rownum mid from news a)b where mid>=? and mid<=?";
      		int tid = 1;
      		if(id!=null){//要执行 根据主题查询 的 分页
      			tid = Integer.valueOf(id);
      			countSql = "select count(*) from news where tid="+tid;
      			pageSql = "select * from (select a.*,rownum mid from news a where tid="+tid+")b where mid>=? and mid<=?";
      		}
      	
      		//查询新闻总条数
      		ps = con.prepareStatement(countSql);
      		rs = ps.executeQuery();
      		int count = 0;
      		if(rs.next()){
      			count = rs.getInt(1);
      		}
      		
      		//获取页面
      		String index = request.getParameter("pageIndex");
      		int pageIndex = 1;
      		if(index!=null){
				pageIndex = Integer.valueOf(index);      			
      		}
      		//查询新闻
      		int pageSize = 5;
      		//求出最大页码
      		int maxPage = count/pageSize;
      		if(count%pageSize != 0){
      			maxPage++;
      		}
      		int start = (pageIndex-1)*pageSize+1;
      		int end = pageIndex*pageSize;
      		ps = con.prepareStatement(pageSql);
      		ps.setInt(1, start);
      		ps.setInt(2, end);
      		rs = ps.executeQuery();
      		while(rs.next()){
      	%>
        <li>
        	<a href='newspages/news_add.html'><%=rs.getString("ntitle") %> </a>
        	<span> <%=rs.getDate("ndate") %> </span>
        </li>
        <li class='space'></li>
        <%} %>
        <p align="right"> 
        	<a href="index.jsp<%
        		if(id!=null){
        			out.print("?tid="+tid);
        		}
        	%>">首页</a> 
        	<a href="index.jsp?pageIndex=<%=pageIndex>1?pageIndex-1:1%><%
        		if(id!=null){
        			out.print("&tid="+tid);
        		}
        	%>">上一页</a>
        		&nbsp;当前页数:[<%=pageIndex %>/<%=maxPage %>]&nbsp; 
        	<a href="index.jsp?pageIndex=<%=pageIndex<maxPage?pageIndex+1:maxPage%><%
        			if(id!=null){
        				out.print("&tid="+tid);
        			}
        	%>">下一页</a> 
        	<a href="index.jsp?pageIndex=<%=maxPage%><%
        		if(id!=null){
        			out.print("&tid="+tid);
        		}
        	%>">末页</a> 
        </p>
      </ul>
    </div>
    <div class="picnews">
      <ul>
        <li> <a href="#"><img src="images/Picture1.jpg" width="249" alt="" /> </a><a href="#">幻想中穿越时空</a> </li>
        <li> <a href="#"><img src="images/Picture2.jpg" width="249" alt="" /> </a><a href="#">国庆多变的发型</a> </li>
        <li> <a href="#"><img src="images/Picture3.jpg" width="249" alt="" /> </a><a href="#">新技术照亮都市</a> </li>
        <li> <a href="#"><img src="images/Picture4.jpg" width="249" alt="" /> </a><a href="#">群星闪耀红地毯</a> </li>
      </ul>
    </div>
  </div>
</div>
<div id="friend">
  <h1 class="friend_t"> <img src="images/friend_ico.gif" alt="合作伙伴" /> </h1>
  <div class="friend_list">
    <ul>
      <li> <a href="#">中国政府网</a> </li>
      <li> <a href="#">中国政府网</a> </li>
      <li> <a href="#">中国政府网</a> </li>
      <li> <a href="#">中国政府网</a> </li>
      <li> <a href="#">中国政府网</a> </li>
      <li> <a href="#">中国政府网</a> </li>
      <li> <a href="#">中国政府网</a> </li>
    </ul>
  </div>
</div>
<div id="footer">
  <p class=""> 24小时客户服务热线：010-68988888 &#160;&#160;&#160;&#160; <a href="#">常见问题解答</a> &#160;&#160;&#160;&#160; 新闻热线：010-627488888 <br />
    文明办网文明上网举报电话：010-627488888 &#160;&#160;&#160;&#160; 举报邮箱： <a href="#">jubao@jb-aptech.com.cn</a> </p>
  <p class="copyright"> Copyright &copy; 1999-2009 News China gov, All Right Reserver <br />
    新闻中国 版权所有 </p>
</div>
</body>
</html>

 三.分页的模糊查询（代码如下）

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>添加主题--管理后台</title>
<link href="CSS/admin.css" rel="stylesheet" type="text/css" />
</head>
<body>
<%
	//判断用户是不是为空
	Object obj = session.getAttribute("a");
	if(obj==null){
		out.print("<script>alert('老铁你妹登录,请登录');location.href='login.jsp'</script>");
	}
%>
<div id="header">
  <div id="welcome">欢迎使用新闻管理系统！</div>
  <div id="nav">
    <div id="logo"><img src="images/logo.jpg" alt="新闻中国" /></div>
    <div id="a_b01"><img src="images/a_b01.gif" alt="" /></div>
  </div>
</div>
<div id="admin_bar">
  <div id="status">管理员： <%=session.getAttribute("a") %>  &#160;&#160;&#160;&#160; <a href="#">login out</a></div>
  <div id="channel"> </div>
</div>
<div id="main">
  <div id="opt_list">
    <ul>
      <li><a href="newspages/add_news.jsp">添加新闻</a></li>
      <li><a href="#">编辑新闻</a></li>
      <li><a href="#">查找新闻</a></li>
      <li><a href="newspages/add_sub.jsp">添加主题</a></li>
      <li><a href="newspages/upsub.jsp">编辑主题</a></li>
    </ul>
  </div>
  <div id="opt_area">
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <script language="javascript">
	function clickdel(){
		return confirm("删除请点击确认");
	}
	
</script>
	<form action="admin.jsp" align="center">
		<input type="text" name="str">
		<input type="submit" value="查询">
	</form>
    <ul class="classlist">
    	<%
    		//获取模糊查询的关键字
    		String str = request.getParameter("str");
    		if(str==null){
    			str = "";
    		}
    		
    		//连接数据库，查询新闻新
    		Class.forName("oracle.jdbc.OracleDriver");
			String url = "jdbc:oracle:thin:@localhost:1521:orcl";
			Connection con = DriverManager.getConnection(url, "scott", "tiger");
			
    		//求出数据总条数
    		PreparedStatement ps = con.prepareStatement("select count(*) from news where ntitle like '%"+str+"%'");
    		ResultSet rs = ps.executeQuery();
    		int count = 0;
    		if(rs.next()){
    			count = rs.getInt(1);
    		}
    		
    		
    		int pageIndex = 1;//页码
    		//接收页码
    		String index = request.getParameter("pageIndex");
    		if(index!=null){//如果接收到页面，就给页面pageIndex赋值
    			pageIndex = Integer.valueOf(index);
    		}
    		int pageSize = 5;//每页的数据条数，每页5条数据
    		
    		//计算最大页码
    		int maxPage = count/pageSize;   
    		//判断能不能整除，不能整除说明还有不够一页的数据
    		if(count%pageSize!=0){
    			maxPage++;
    		}
    		
    		int start = (pageIndex-1)*pageSize+1;
    		int end = pageIndex*pageSize;
    		String sql = "select * from(select a.*,rownum mid from news a where ntitle like '%"+str+"%')b where mid>=? and mid<=?";
    		
			ps = con.prepareStatement(sql);
			ps.setInt(1,start);
			ps.setInt(2, end);
			rs = ps.executeQuery();
			while(rs.next()){
    	%>
      <li>
      	<a href="newspages/read_news.jsp?nid=<%=rs.getInt(1)%>">
      		<%=rs.getString("ntitle") %>
      	</a>
      <span> 作者：
        <%=rs.getString("nzz") %>                                             
        &#160;&#160;&#160;&#160; <a href='newspages/up_news.jsp?nid=<%=rs.getInt(1)%>'>修改</a> &#160;&#160;&#160;&#160; 
        <a href='dodelnews.jsp?nid=<%=rs.getInt(1) %>' onclick='return clickdel()'>删除</a> </span> </li>
      <li class='space'></li>
      <%} %>
      <p align="right"> 
      		<a href="admin.jsp">首页</a> <a href="admin.jsp?pageIndex=<%=pageIndex>1?pageIndex-1:1%><%
      					if(str!=null){
      						out.print("&str="+str);
      					}
      				%>">上一页</a>
      		&nbsp;当前页数:[<%=pageIndex %>/<%=maxPage %>]&nbsp; 
      		<a href="admin.jsp?pageIndex=<%=pageIndex<maxPage?pageIndex+1:maxPage%><%
      				if(str!=null){
      					out.print("&str="+str);
      				}
      			%>
      		">下一页</a> 
      		<a href="admin.jsp?pageIndex=<%=maxPage%>">末页</a> 
       </p>
    </ul>
  </div>
</div>
<div id="site_link"> <a href="#">关于我们</a><span>|</span> <a href="#">Aboue Us</a><span>|</span> <a href="#">联系我们</a><span>|</span> <a href="#">广告服务</a><span>|</span> <a href="#">供稿服务</a><span>|</span> <a href="#">法律声明</a><span>|</span> <a href="#">招聘信息</a><span>|</span> <a href="#">网站地图</a><span>|</span> <a href="#">留言反馈</a> </div>
<div id="footer">
  <p class="">24小时客户服务热线：010-68988888  &#160;&#160;&#160;&#160; <a href="#">常见问题解答</a> &#160;&#160;&#160;&#160;  新闻热线：010-627488888<br />
    文明办网文明上网举报电话：010-627488888  &#160;&#160;&#160;&#160;  举报邮箱：<a href="#">jubao@jb-aptech.com.cn</a></p>
  <p class="copyright">Copyright &copy; 1999-2009 News China gov, All Right Reserver<br />
    新闻中国   版权所有</p>
</div>
</body>
</html>

 唯物主义不一定完全正确，唯心主义不一定完全不正确。没遇见你之前我唯物主义至上，遇见你之后我落入唯心主义的深渊。

隔竹观尘世
关注
手把手实现IndexedDB封装实现增删改查以及模糊查询方法
Deku_Ln的博客
04-10 3118
亲测IndexedDB封装实现增删改查模糊查询方法IndexedDB简介话不多说直接开始第一步 创建数据库第二步 增加数据第三步 查询数据第四步 获取所有数据第五步 删除数据第六步 更改数据第七步 关闭数据库第八步 删除数据库第九步 模糊查询创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 In...
index match函数的使用方法_「高效办公」Vlookup函数和match函数模糊匹配的使用
weixin_39778106的博客
12-01 1510
如下图，C列是同学的考试成绩，现在要在D列展现分数等级，E3:H13是评级规则。首先考虑到的是用if函数，但是用if要进行9层嵌套，非常麻烦。高效的办法是使用index+match函数的模糊匹配，可以在D4单元格输入公式：=INDEX(H4:H13,MATCH(C4,G4:G13,-1))，向下填充，就可以得到结果。index函数的第一个参数是指定区域，第二个参数是相对位置，也就是match函数返...
关于indexeddb 大数据离线储存的 模糊查询以及多条件查询
qq_39124166的博客
03-12 5156
1. 如何做到像关系型数据库一样可以模糊查询 假定你有10万条数据  那么当从服务端加载到本地的时候 putdata 时  每循环一次 可以将数据存储到绘画级别, 每次刷新页面时,js遍历会话级数据 取出KeyRange 以KeyRangeOnly的方式去 查询唯一的或键值相等几十条数据 这个几十条由你来设定在这就不多说了2. 如何做到多条件查询其实这个很简单 在游标查询过程中 假定返回100条 ...
列表内容过多卡顿？有索引栏如何实现滚动加载？
最新发布
typ的blog，记录工作中的问题、学习中的笔记、生活中的感想。
07-31 921
很多小伙伴可能在开发业务中会遇到这种问题，数据列表过多，造成dom一次性渲染卡顿，本文主要介绍滚动加载，实现在有索引栏的列表中使用滚动加载的方法。本文技术栈使用的是vue2+vant2，其他框架组件库也都有相似之处，可以做个参考实现原理其实就是一点一点加入，具体怎么加入，什么时候加入，是实现这个功能的主要点，其他组件库都可以按照类似方法进行实现，欢迎交流！
JS---模糊查询indexOf()
weixin_45458830的博客
06-30 182
fromindex : 在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如果要检索的字符串值没有出现，则该方法返回 -1。注释：indexOf() 方法对大小写敏感！searchvalue:检索内容。
多条件模糊查询
kone666
07-01 1446
#region 多条件搜索时，使用List集合来拼接条件（拼接Sql） //StringBuilder sql = new StringBuilder("select * from PhoneNum"); List wheres = new List(); if (!string.IsNullOrEmpty(strRWMC))
新闻系统之admin页面模糊查询分页+index页面主题分页
weixin_64738832的博客
04-01 618
欢迎来到新闻系统的连续版本！！！ 继上次的分享之后又来到了我们的admin界面，又来了一个新的界面，我们的index界面，这个是我们用户界面，只能观看的。 一、admin界面的模糊查询分页 前面我们写好了模糊查询现在我们就来写一下模糊查询的分页，而什么情况下我们会用到分页呢？当然是数据太多在一页展现不过来的时候，这个时候我们就会用到分页，而模糊查询的分页也是如此，就是在模糊查询找到数据之后进行的分页查看。 代码展示： <ul class="classlist"> <%
SpringBoot+ElasticSearch 实现模糊查询，批量CRUD，排序，分页，高亮
m0_74931226的博客
12-23 101
创建对应的请求 --> 设置请求（添加规则，添加数据等） --> 执行对应的方法（传入请求，默认请求选项）–> 接收响应结果（执行方法返回值）–> 输出响应结果中需要的数据（source，status等）注意：需要将User对象中的属性全部指定值，不然会被设置为空，如User只设置了名称，那么只有名称会被修改成功，其他会被修改为null。注意：如果添加时不指定文档ID，他就会随机生成一个ID，ID唯一。创建文档时若该ID已存在，发送创建文档请求后会更新文档中的数据。在pom.xml里加入如下依赖。
SpringBoot+ElasticSearch 实现模糊查询，批量CRUD，排序，分页，高亮！
BASK2311的博客
12-24 496
创建对应的请求 --> 设置请求（添加规则，添加数据等） --> 执行对应的方法（传入请求，默认请求选项）–> 接收响应结果（执行方法返回值）–> 输出响应结果中需要的数据（source，status等）注意：需要将User对象中的属性全部指定值，不然会被设置为空，如User只设置了名称，那么只有名称会被修改成功，其他会被修改为null。注意：如果添加时不指定文档ID，他就会随机生成一个ID，ID唯一。创建文档时若该ID已存在，发送创建文档请求后会更新文档中的数据。在pom.xml里加入如下依赖。
layui+asp.net webapi实现分页模糊查询
weixin_45253985的博客
06-07 1130
小伙伴们早上好呀，现在姐姐讲解的是如何用layui+asp.net webapi实现分页模糊查询。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200607093600461.png#pic_center) 图[1.0]分页模糊查询示意图 <div class="layui-card"> <!-- 搜索框--> <div class="layui-ca
自定义mvc项目之首页类别查询，模糊查询，及图片上传
weixin_55966394的博客
10-06 284
一、课程目标 1、左侧没有菜单栏，要显示菜单栏 2、根据点击左侧菜单栏，要出现相应的书籍 3、最后就是图片上传 二、具体思路、代码以及效果显示 一、显示菜单栏： 1、要写一个查询书籍类别的方法 2、在index.js中运用ajax技术，定义一个jsonarr来接收数据 3、定义一个html...
IndexedDB的包装器JsStore - 分页功能
觉醒法师的专栏
04-23 800
JsStore是IndexedDB的包装器。它提供了简单的SQL像api，这是容易学习和使用。IndexedDb查询可以在web worker内部执行，JsStore通过提供一个单独的worker文件来保持这种功能。由于之前使用IndexedDB时，提供api不太丰富，自己写了一个分页功能函数，一直沿用之前功能函数（缺点：需把所有数据查询出来，通过函数进行筛选分页显示），其实JsStore提供了更为方便的分页查询功能，查询Api中提供了skip起始位和limit查询长度属性外，结合事务功能可以实现数据总长度
浏览器indexedDB操作
zp_field的博客
05-25 1782
浏览器indexedDB操作最近在浏览器中发现Storage下的IndexedDB数据库很感兴趣 制作了一些封装的方法,进行学习和测试并有了下面的一段代码 IndexedDB是在浏览器中存在的对象存储 类似NoSQL数据库,存储document对象文档 相比常见的关系型数据库更容易和js交互 简化了数据转化操作,在前端给开发人员开辟了一块可以存放大量复杂数据的空间 相比localStor
Django - BBS - 项目学习 - index主页的实现
LIN的博客
12-05 539
目录 一、 前端页面实现 二、视图函数 一、 前端页面实现 总结： 四大部分：头部导航，左侧导航，中间内容显示，右侧导航等显示 中间文章简单内容显示，使用分页器 - 注意使用分页器后内容循环使用current_page 登陆和未登陆状态的右上角显示不同 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &l...
IndexedDB-浏览器数据库存储基本封装
qq_41815639的博客
12-08 415
IndexedDB 介绍 IndexedDB 就是浏览器提供的本地数据库，它可以被网页脚本创建和操作。 IndexedDB 允许储存大量数据，提供查找接口，还能建立索引。这些都是 LocalStorage 所不具备的。就数据库类型而言，IndexedDB 不属于关系型数据库（不支持 SQL 查询语句），更接近 NoSQL 数据库。 本文仅对 IndexedDB 的常用方法进行封装说明，可以帮助你快...
js中常用的四种模糊查询(includes()、indexOf()、search()、match())
qq_54375345的博客
04-12 9610
开始检索的位置在数组 start 处或数组的开头（没有指定 start 参数时）。includes() 方法用来判断一个数组或字符串是否包含一个指定的值，如果是则返回 true，否则返回false。search() 方法用于检索字字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。在字符串中，与在数组中不同之处在与，当在字符串中寻找的是空字符串时，返回值为0，而不是-1。在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。当在字符串中寻找的是空字符串时，返回值为0，而不是-1。
mongodb 中的模糊查询
热门推荐
彬正的博客
07-06 4万+
模糊查询：就是sql的select * from table where xx like yy的样式的sql语句。db.user.find({"name":/ab/})这样，可以查出所有包含有"ab"字符串的数据了。等同于select * from user where name like "ab"...
IndexedDB浏览器本地存储、缓存、数据库、介绍
我的"CSDN"博客主页地址：https://mengjian.blog.csdn.net/
05-11 2421
目录1、前言2、IndexedDB简介3、IndexedDB使用场景4、IndexedDB特点4.1、非关系型数据库 NoSql4.2、持久化存储4.3、异步操作4.4、支持事务4.5、同源策略4.6、存储容量大5、IndexedDB重要概念讲解5.1、仓库objectStore5.2、索引index5.3、游标cursor5.4、事务6、IndexedDB实操6.1、创建或连接数据库7、总结 1、前言 在人们的印象中，可能觉得只有做后端的小伙伴才会接触到数据库。其实在前端的领域里面也有数据库，只是可能
SpringMVC+Bootstrap+DataTables 实现服务端分页与模糊查询
本教程详细介绍了如何使用SpringMVC、Bootstrap和DataTables库来构建一个功能完备的表格系统，实现服务端分页和模糊查询。这种方法允许页面异步刷新，提供更好的用户体验。 ### SpringMVC框架 SpringMVC是Spring...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

隔竹观尘世

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值