java前端查询类别、更新类别

最新推荐文章于 2024-07-06 17:01:23 发布
最新推荐文章于 2024-07-06 17:01:23 发布
阅读量547 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lzf2628/article/details/26258281
版权


<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 <%@ include file="/public/public.jspf" %>
 <script type="text/javascript">
  /*  1: jquery选择器: ID(页面必须唯一) 类(同时捆绑多个dom对象) 标签(仅仅捆绑某个标签)  来源CSS 
      2： 把所有的dom对象转化jquery对象即可使用jquery的属性和方法
  */
  $(function(){
   $(".updBtn").click(function(){
    // 获取要操作的"热点"和"类别"dom对象
    var tdType=$(this).parent().siblings(".tdType");
    // children: 只查询儿子,不考虑后代元素, find 支持后台元素
    var chkHot=$(this).parent().siblings(".tdHot").children();
    if(this.value=="更新"){
     this.value="确认";  //dom对象
     // val: 仅仅适合表带元素(value属性的元素)  html: 支持显示html标签  text: 不支持html,但是支持xml
     tdType.html("<input value='" + tdType.html() + "' />");
     chkHot.removeAttr("disabled");
    }else{
     $(this).val("更新");  // jquery对象
     // 还原非可编辑区域
     tdType.html(tdType.children().val());
     chkHot.attr("disabled","disabled");
     // 发送ajax请求,用来更新类别信息, js里面 不能用jstl标签或者表达式
     //[{key:value,key:{},},{key:value,key:{},}]     
     var id=$(this).parents("tr:first").attr("id");
     var hot=chkHot.get(0).checked;
     //alert("id:" + id + ",type:" + type + ",hot:" + hot);
     $.post(shop + "/category_update.action",{id:id,type:tdType.html(),hot:hot});
    }
   });
  });
 </script>
</head>
<body>
 <form action="${shop}/category_query.action" method="post">
     名称:<input type="text" name="type" />
  <input type="submit" value="查询所有" />
 </form>
 <table border="1">
  <tr>
   <td>编号</td>
   <td>类别名称</td>
   <td>热点</td>
   <td>所属管理</td>
   <td>更新</td>
   <td>删除</td>
   
  </tr>
  <c:forEach items="${requestScope.categoryList}" var="category" varStatus="num">
    <tr id="${category.id}">
     <td>${num.count}</td>
    <td class="tdType"><c:out value="${category.type}" default="　" /></td>
    <td class="tdHot">
     <input type="checkbox" disabled="disabled" name="hot" value="true"
      <c:if test="${category.hot}">
       checked="checked"
      </c:if>
      />
    </td><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<%@ include file="/public/public.jspf" %>
<script type="text/javascript">
/* 1: jquery选择器: ID(页面必须唯一) 类(同时捆绑多个dom对象) 标签(仅仅捆绑某个标签) 来源CSS
2： 把所有的dom对象转化jquery对象即可使用jquery的属性和方法
*/
$(function(){
$(".updBtn").click(function(){
// 获取要操作的"热点"和"类别"dom对象
var tdType=$(this).parent().siblings(".tdType");
// children: 只查询儿子,不考虑后代元素, find 支持后台元素
var chkHot=$(this).parent().siblings(".tdHot").children();
if(this.value=="更新"){
this.value="确认"; //dom对象
// val: 仅仅适合表带元素(value属性的元素) html: 支持显示html标签 text: 不支持html,但是支持xml
tdType.html("<input value='" + tdType.html() + "' />");
chkHot.removeAttr("disabled");
}else{
$(this).val("更新"); // jquery对象
// 还原非可编辑区域
tdType.html(tdType.children().val());
chkHot.attr("disabled","disabled");
// 发送ajax请求,用来更新类别信息, js里面 不能用jstl标签或者表达式
//[{key:value,key:{},},{key:value,key:{},}]
var id=$(this).parents("tr:first").attr("id");
var hot=chkHot.get(0).checked;
//alert("id:" + id + ",type:" + type + ",hot:" + hot);
$.post(shop + "/category_update.action",{id:id,type:tdType.html(),hot:hot});
}
});
});
</script>
</head>
<body>
<form action="${shop}/category_query.action" method="post">
名称:<input type="text" name="type" />
<input type="submit" value="查询所有" />
</form>
<table border="1">
<tr>
<td>编号</td>
<td>类别名称</td>
<td>热点</td>
<td>所属管理</td>
<td>更新</td>
<td>删除</td>

</tr>
<c:forEach items="${requestScope.categoryList}" var="category" varStatus="num">
<tr id="${category.id}">
<td>${num.count}</td>
<td class="tdType"><c:out value="${category.type}" default="　" /></td>
<td class="tdHot">
<input type="checkbox" disabled="disabled" name="hot" value="true"
<c:if test="${category.hot}">
checked="checked"
</c:if>
/>
</td>
<td>${category.account.login}</td>
<td><input type="button" value="更新" class="updBtn"/></td>
<td><input type="button" value="删除" class="delBtn"/></td>
</tr>
</c:forEach>
</table>
</body>
</html>
    <td>${category.account.login}</td>
    <td><input type="button" value="更新" class="updBtn"/></td>
    <td><input type="button" value="删除" class="delBtn"/></td>
    </tr>
  </c:forEach>
 </table>
</body>
</html>


lzf2628
关注
java实现前台页面分页信息调用
06-01
代码实现了web分页功能 输入参数：查询表格名称、当前页码、每页显示最大记录数、分页栏步长 输出参数为Map集合，分别对应：总记录数、总页数、分页栏步长指数、起始页码、结束页码、上一页标识、下一页标识、当前页码 该代码不包括数据查询功能（提供了数据查询辅助类），需要调用相关辅助类获取数据库查询结果。 该代码也不包括事务控制（需要spring框架提供事务控制），事务由spring架构接管。 最后附赠MD5简单实现。
java图书查询系统
09-20
开发者需要了解SQL语言，用于创建、查询、更新和删除数据，以及设计合理的数据库模型，确保数据的一致性和完整性。 3. **Servlet**：Servlet是Java EE的一部分，用于处理HTTP请求并生成响应。在图书查询系统中，...
唯一的对象
weixin_26727575的博客
09-25 202
重点 (Top highlight)In Java, the static keyword is used to denote methods and properties that belong to an object, not to an instance of an object. The static keyword is also used to create Singletons,...
前端判断数据类型的五种方法总结
qq_63032193的博客
07-06 866
前端如何判断数据类型？
同一个页面内根据分类查询
Yao,Mane
07-25 723
Proj.aspx：                    GroupItemCount="6" style="text-align: center"                     >
前端判断数据类型的8中方式
wb1991wb的博客
11-09 1773
不论是平时的工作中，还是面试的时候。基本上都会遇到需要判断数据类型的场景。比如对于后端返回的数据格式是否是我们需要的，在比如面试的时候，面试官会问到，有哪些方法可以判断数据类型，这些方法有什么区别？等等这里呢，我就帮大家整理出来了这几种方式？
echarts前端+Java后端数据=生成柱状图
01-08
在本文中，我们将深入探讨如何使用Echarts前端框架与Java后端数据相结合，来生成柱状图。Echarts是一款基于JavaScript的数据可视化库，它提供了丰富的图表类型，包括柱状图、折线图、饼图等，能够帮助开发者轻松地...
基于Java与前端技术栈的综合性知识库项目设计源码
最新发布
10-02
该项目是一款基于Java与前端技术栈的综合性知识库设计源码，共计包含116个文件，涵盖58个Java源文件、12个Vue组件、8个XML配置文件、7个JPG图片、5个TypeScript文件、4个JavaScript文件、3个JSON文件、3个PNG图片...
SSH框架网上商城项目第9战之添加和更新商品类别功能实现
09-02
总的来说，实现SSH框架网上商城项目的添加和更新商品类别功能涉及到前端UI设计、JavaScript交互、AJAX请求、Struts2 Action处理、Hibernate数据库操作等多个环节。理解并掌握这些技术点对于构建完整的网上商城系统至...
[其他类别]MeyboMail Web(Java)开源简化_meybomailweb.rar
04-14
该项目针对初级到中级Java开发者，尤其适合对前端开发有一定了解的程序员，它允许用户通过Web界面收发邮件，管理邮箱，实现日常的电子邮件操作。 1. **Java技术栈**：MeyboMail Web 使用Java作为后端开发语言，利用...
商品分类展示
02-23
类似京东首页，拍拍首页的商品分类展示，附有完整的代码，浏览器兼容测试通过
react 纯前端实现数据分类、并可搜索
Realizee的博客
07-24 1322
功能描述：把无序的数据按英文字母排序显示，实现搜索分类不变 排序功能实现： 搜索功能实现： 代码实现： /* * 对以下数据按字母顺序排序 */ let fruit = [ { 'name': '苹果', 'value': 'Appel', 'LienItems': [{ 'itemName': '苹果派',
Day19JavaWeb【旅游项目】 分类与分页的前台代码***
翁老师的教学团队
10-06 230
分类与分页的前台代码 header.jsp 让route_list.jsp带上参数cid var li = '<li><a href="route_list.jsp?cid='+list[i].cid+'">' + list[i].cname + '</a></li>' route_list.jsp 重用js 》新建 .js文件，里面保存function 》在使用的时候先导入 <script src="js/getParameter.js">
java前台商品分级排列_前台开发-------开发商品分类的查询和展示
weixin_39950057的博客
02-26 192
初始时为静态的效果:它只是一个普通的下拉列表，不能执行任何操作，我接下来的是它能在每一个界面都能点击，并且动态的获取数据，因此需要在listener层添加一个监听类：注意需要进行勾选这个：数据库的类目：查询类目需在dao层添加一个class，命名为：TypeDao.java查询的SQL以及抛出异常：package com.guiyan.dao;import java.sql.SQLExceptio...
电商网站 首页三级分类的分类检索 vue前端关键代码
taotaobaobei的博客
01-22 823
电商网站 首页三级分类的分类检索 vue前端关键代码,路由传参
jsp 转换为thymeleaf格式的部分方式
qq_43987149的博客
04-19 593
1、 参考链接 1.1 thymeleaf 官网参考 https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html 1.2 主要的 https://blog.csdn.net/mm_520111111/article/details/122629017 1.3 其他的 https://blog.csdn.net/qq_33535433/article/details/78876693 http://vsalw.com/2357.html ht
分页处理
玉爷的博客
04-11 403
1、分析要点： 每页显示的记录数——pageSize 总共记录数——totalCount 总共页数——totalPage totalPage = totalCount%pageSize == 0?otalCount/pageSize:otalCount/pageSize+1 当前页数——currentPage 2、将上面的要点封装：PageUtil类 package cn.yuch...
前端js列表查询策略
weixin_43239880的博客
08-01 933
就是说你的v-model绑定的什么，你就用什么进行查询（此时为粤B888，则就按粤B888查询）。如果查询页数为1000页，但是在该页上没有内容，则应该将页码设置为1，再次进行查询。但是里面一个非常容易出bug的地方就是，当用户直接输入了一个内容，没有点击查询按钮，而是直接去点击了页码进行查询。或者说应该是怎么样的，我们都应该需要清楚的问清楚产品。这里也可以理解，毕竟你没有点击搜索按钮，所有你不点搜索按钮就点了页码跳转的话，就不会用你现在的条件查询（可以参考天猫，京东的搜索也是该策略）。...
2023 Java面试宝典：十大类别深度解析
Java面试宝典2023新版深入剖析了Java编程领域的十个关键面试题类别，涵盖了Java基础、Web技术、数据库管理、框架应用、消息队列、Redis、Elasticsearch、分布式服务（如Dubbo和Zookeeper）、微服务架构等多个方面。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值