artdiag在页面上的使用

本文介绍了一个学生信息管理系统的实现,包括学生信息的增删改查功能,通过Java Web技术完成页面展示与后台交互。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   <%@ include file="http://www.cnblogs.com/../commons/taglibs.jsp"%>
   <%@ include file="http://www.cnblogs.com/../commons/meta.jsp"%>
<title>Insert title here</title>
<script type="text/javascript">
function findEntity(){
 var f = document.getElementById("sysForm");
    f.action="student!findEntityList.action";
    f.submit();
}
function openWin(id){
//window.open("business/AcceptServlet?m=look&id="+id,'newwindow'+Math.random(),'height=500,width=600,top=100,left=200,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no');
var str=new Array("a","b");
var ret=window.showModalDialog('student!findStudentById.action?id='+id,str,'dialogHeight:600px;dialogWidth:550px;status:no;');
}
function checkAll() {
for (var i = 0; i < document.getElementsByName("selectFlag").length; i++) {
document.getElementsByName("selectFlag")[i].checked = document.getElementsByName("ifAll")[0].checked;
}
  }
  function delEntity() {
    var flag = false;
    var delid;
for (var i = 0; i < document.getElementsByName("selectFlag").length; i++) {
if (document.getElementsByName("selectFlag")[i].checked) {
flag = true;
delid=delid+","+document.getElementsByName("selectFlag")[i].value;
}
}
if (!flag) {
alert("你还未选择任何项!");
return;
}
if(confirm("是否要删除?")) {
   $("#page").val("1");
        var f = document.getElementById("sysForm");
   f.action="student!delete.action?delid="+delid;
   f.method="post";
   f.submit();
 }
function updateInput(ids){
 var dialog = art.dialog({id: 'add_id',title: '更新记录',width: 400});
 
  $.ajax({
       url: 'student!updateInput.action',
 type: 'post',
 data: "id="+ids,
 success: function(data) {
 
 dialog.content(data);
         }
         });
 }
 function addEntity(){
 var dialog = art.dialog({id: 'add_id',title: '创建记录',width: 400});
 
  $.ajax({
       url: 'student!addInput.action',
 type: 'post',
 success: function(data) {
 
 dialog.content(data);
         }
         });
 }
 function orderByOnclick(field) {
     $("#orderBy").val(field);
     if($.trim($("#orderSort").val()).length<1 || $("#orderSort").val()=='desc') {
        $("#orderSort").val("asc");
     }else {
        $("#orderSort").val("desc");
     }
     findEntity();
   }
</script>
</head>
<body>
<form id="sysForm" name="sysForm" action="student!findEntityList.action" method="post" onsubmit="findEntity();">
<input type="hidden" name="page" id="page" value="${page }">
<input type="hidden" name="orderBy" id="orderBy" value="${orderBy }" >
<input type="hidden" name="orderSort" id="orderSort" value="${ orderSort }">
<div id="currentplace">您当前的位置:学生信息中心</div>
<div id="container">
<div class="modeldiv">
<h2 class="title foldable">学生列表</h2>
<div class="content">
<ul class="noticelist">
<li>可根据学生的名称进行检索</li>
<li>提示信息区域</li>
</ul>
<!--以下为程序员自由设计部分,内容为表格呈现的数据与所需的表单元素-->
<table class="table_model_1" cellpadding="1" cellspacing="1">
<tr>
<td colspan="1" align="left" >
<input align="left" class="text" type="text" id="queryStr" name="queryStr" onblur="query()" value="<s:property value="#request.queryStr"/>"/>&nbsp;<input class="button" type="button" id="query" name="query" value="搜索" onclick="query()"/>
</td>
</tr>
</table>
<br /><!--表格之间间距调整允许适当使用br-->
&nbsp;&nbsp;<span><input class="button" type="button" value="删除学生" onclick="delEntity()"></span>&nbsp;<span style="color:red"><s:property value="#request.info"/></span>
<table cellpadding="1" cellspacing="1">
<!--<caption>该处为表标题,不需要时请注释掉</caption>-->
<thead>
<tr><th><input  type="checkbox" onclick="checkall()"></th><th>姓名</th><th>学号</th><th>性别</th><th>身份证号</th><th>家庭住址</th><th>操作</th></tr>
</thead>
<tbody>
<s:iterator value="#request.pageView.records">
<tr><td align="center"><input type="checkbox" name="selectFlag" value="<s:property value="id"/>"/></td>
<td>&nbsp;<a href="javascript:updateInput(<s:property value="id"/>)"/><s:property value="name"/></a></td>
<td><s:property value="sid"/></td>
<td><s:property value="gender"/></td>
<td><s:property value="identityid"/></td>
<td><s:property value="address"/></td>
<td align="center"><a href="javascript:openWin(<s:property value="id"/>)">详细</a></td></tr>
</s:iterator>
</tbody>
<tfoot align="right">
<%@ include file="http://www.cnblogs.com/http://www.cnblogs.com/commons/page.jsp" %>
</tfoot>
</table>
<!--//以上为程序员自由设计部分,内容为表格呈现的数据与所需的表单元素-->
</div>
</div>
</div>
</form>
</body>
</html>

转载于:https://www.cnblogs.com/hxy520/archive/2013/02/01/2889509.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值