JSTL分类查询
index.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%> <!DOCTYPE HTML>
<html>
<head>
<base href="<%=basePath%>">
<title>账单管理</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<style>
table{width:700px;}
table ,tr ,td, th
{
text-align: center;
border:1px black solid;
border-collapse:collapse;
}
.setGreen{background-color: green;}
.over{background-color:#f9360d;}
span{font-weigh:bold;color:red;}
</style>
<script>
function setTableColor()
{
var table = $("#showTable")[0];
for(var i = 0; i < table.rows.length; i++)
{
if(i % 2 == 0)
{
table.rows[i].className = "setGreen";
}
var name;
table.rows[i].onmouseover = function()
{
name = this.className;
this.className = "over";
}
table.rows[i].onmouseout = function()
{
this.className = name;
}
}
}
$(
function loadType()
{
var select = $("#bookClass");
select.html("<option value='0'>不限</option>");
$.ajax
({
url:"type_query",
type:"post",
dataType:"json",
success:function(data)
{
var types = data.typeList;
for(var i = 0; i < types.length; i++)
{
var option = "<option value='"+types[i].id+"'>"+types[i].name+"</option>";
select.append(option);
}
},
error:function()
{
alert("服务器忙！");
}
});
}
);
function checkTime(timeInput)
{
var time = timeInput.value;
var regTime = /^(\d{4})-(0\d{1}|1[0-2])-(0\d{1}|[12]\d{1}|3[01])$/;
var error = $("#error");
error.html("");
if(regTime.test(time) || time == "")
{
return true;
}
error.html("日期格式不正确!(yyyy-MM-dd)");
return false;
}
function checkAll()
{
if(checkTime($("#begintime")[0]) && checkTime($("#endtime")[0]))
{
return true;
}
return false;
}
</script>
</head>
<body>
<div align="center">
<h1>账单管理系统</h1>
<form action="bill_query" method="post" onsubmit="return checkAll();">
类型：<select id="bookClass" name="typeid"></select>
时间：<input type="text" id="begintime" name="begintime" onblur="checkTime(this);" /> 到
<input type="text" id="endtime" name="endtime" onblur="checkTime(this);" />
<input type="submit" id="query" value="搜索" onclick="query(1,10);" />
<input type="button" value="记账" onclick="javascript:window.location='record.jsp'" /></br>
</br></form>
<table id="showTable">
<tr><th>行号</th><th>标题</th><th>记账时间</th><th>类别</th><th>金额</th><th>说明</th></tr>
<c:forEach items="${billList}" var="each" varStatus="status">
<tr>
<td>${status.count}</td>
<td>${each.title}</td>
<td>${each.billtime}</td>
<td>
<c:forEach items="${typeList}" var="type">
<c:if test="${each.typeid == type.id}">
${type.name}
</c:if>
</c:forEach>
</td>
<td>${each.price}</td>
<td>${each.remark}</td>
</tr>
</c:forEach>
<c:if test="${billList == null || fn:length(billList) == 0}">
<tr><td colspan="6"><h3>没有查到任何数据!</h3></td></tr>
</c:if>
<c:if test="true">
<script>setTableColor();</script>
</c:if>
</table>
<span><h3 id="error"></h3></span>
</div>
</body>
</html>
JSTL分类查询的更多相关文章
- SQL 语句与性能之联合查询和联合分类查询
select * from t1 left join t2 on t2.sysno =t1.ASysNo left join t3 on t3.sysno =t2.ASysNo left join t ...
- SQL-三级分类查询
/*SQLyog 企业版 - MySQL GUI v8.14 MySQL - 5.5.40 : Database - appinfodb******************************** ...
- php实现无限级分类查询（递归、非递归）
递归函数实现方式 上面提到,递归函数的也是借助于栈的机制实现的,但是底层对于栈的处理对于程序员来说都是透明的,程序员只需要关心应用的实现逻辑.所以说使用递归处理上述问题理解起来比较容易,代码也比较简洁 ...
- 最基础的PHP分类查询程序
最初级的PHP分类查询程序 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http ...
- 阶段5 3.微服务项目【学成在线】_day07 课程管理实战_03-新增课程-课程分类查询
2 新增课程 2.1 需求分析 用户操作流程如下: 1.用户进入“我的课程”页面,点击“新增课程”,进入新增课程页面 2.填写课程信息,选择课程分类.课程等级.学习模式等. 3.信息填写完毕,点击“提 ...
- 用Django实现Video页面分类查询
Model表创建,Url映射,Views函数处理,Html生成 根据上图,视频方向与视频分类是多对多的关系,视频分类与视频信息是一对多的关系,难度级别是单一的查询条件(与之前俩者并无关系) Model ...
- MySQL 获取某一个分类ID的所有父或子分类查询结果
创建一个自定义函数: ; DELIMITER $$ USE `dressv_website`$$ DROP FUNCTION IF EXISTS `fn_QueryRelation`$$ CREATE ...
- ThinkPHP分类查询(获取当前分类的子分类，获取父分类，下一级分类)
获取指定分类的所有子分类ID号 //获取指定分类的所有子分类ID号 function getAllChildcateIds($categoryID){ //初始化ID数组 $array[] = $ca ...
- 利用JSTL重写查询的jsp页面
利用JSTL重写Java Web MVC实例中的jsp页面 第一步:导入jstl.jar和standard.jar文件
随机推荐
- xbz分组题B 吉利数字 数位dp入门
B吉利数字时限:1s [题目描述]算卦大湿biboyouyun最近得出一个神奇的结论,如果一个数字,它的各个数位相加能够被10整除,则称它为吉利数.现在叫你计算某个区间内有多少个吉利数字. [输入]第 ...
- jQuery根据下拉列表的选择进行不同的操作
需求:选择了某个下拉列表选项,进行不同的操作 代码部分: <!doctype html> <html> <head> <meta charset=" ...
- Tarjan算法详解理解集合
[功能] Tarjan算法的用途之一是,求一个有向图G=(V,E)里极大强连通分量.强连通分量是指有向图G里顶点间能互相到达的子图.而如果一个强连通分量已经没有被其它强通分量完全包含的话,那么这个强连 ...
- 比RBAC更好的权限认证方式（Auth类认证）
Auth 类已经在ThinkPHP代码仓库中存在很久了,但是因为一直没有出过它的教程, 很少人知道它, 它其实比RBAC更方便 . RBAC是按节点进行认证的,如果要控制比节点更细的权限就有点困难了, ...
- jQuery操作滚动条
一.窗体滚动条 1.获取窗体滚动条当前纵向和横向位置 var currentY=$(document.body).scrollTop();//窗体滚动条纵向位置 var currentX=$(docu ...
- css3应用之自定义选中文字的背景颜色
在看很多的博客主题时候发现大多数都对选中文字的背景颜色做了相应的处理.其实这样是很符合用户体验的.因为有很多的人会用鼠标选择着一行一行的阅读.其中就包括本人... 浏览器中默认的选中的文字颜色为白色, ...
- 我在 impress.js 中学到的小套路
我在 impress.js 中学到的小套路 写在开篇 作为了一个自学 JavaScript 才一个月的新手,前几天“妄图”研究 jQuery-3.1.0 源码,结果自然是被虐得死去活来.机缘巧合之下, ...
- C# ManualResetEvent 的方法介绍
名称 说明 1. Close 在派生类中被重写时,释放由当前 WaitHandle 持有的所有资源. (继承自 WaitHandle.)在XNA Framework中,此成员由 Close() ...
- Android Studio 设置不自动缩进匿名内部类
Android Studio 会默认缩进匿名内部类代码,这让人感觉有些不大适应,可以使用下面的方法进行取消. 取消选中橙色框前的几个复选框即可.
- win7下搭建PHP环境
一.安装软件 1.apache下载地址:http://httpd.apache.org/download.cgi 2.php下载地址:http://windows.php.net/download/ ...