一个小例子

于 2008-05-06 10:44:31 发布
阅读量88 收藏
点赞数
分类专栏： javascript 文章标签： CSS JavaScript J# Struts HTML ViewUI 

<%@ page contentType = "text/html;charset=utf-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

	String imagePath = basePath + "public_html/Images/";
%>

<html>
  <head>
    <title>课程维护</title>
    <meta http-equiv = Content-Type content = "text/html; charset=utf-8">
    <link rel = stylesheet href ="<%=basePath%>public_html/css/tdcss.css" type = text/css>
    <link rel = stylesheet href ="<%=basePath%>public_html/css/css.css" type = text/css>
	<script language ="javascript" >
		//当前页号
		var allPageNo = 1;
		//全部学员table的行数
		var allRowLength = 0;
		//学员个数
		var testUserCount = 0;
		//总页数
		var pageNum = 0;
		//每页记录数量
		var pageSize = 0;
		//最后一页记录数量
		var endPageSize = 0;
		//展示全部学员信息的table
		var allTUTable;
		//全部学员的checkbox
		var allTestUserCB;
		var tempTable;
		function init() {
			//展示全部学员信息的table
			allTUTable = window.document.all.allTestUserTable;
			//全部学员的checkbox
			allTestUserCB = window.document.all.allTestUser;
			//临时存储 被选择的学员信息的table
			tempTable = window.document.all.tempTUTable;


			//翻页用
			allRowLength = allTUTable.rows.length;
			testUserCount = allRowLength - 1;
			pageSize = 5;
			pageNum = Math.round(testUserCount/pageSize);
			endPageSize = testUserCount - ((pageNum - 1) * pageSize);
		}
		//页面初始化时 调用
		function load() {
			init();

			if(pageNum == 1){
				window.document.all.next.disabled = true;
				window.document.all.next.href = "#";
			}
			window.document.all.pre.disabled = true;
			window.document.all.pre.href = "#";
			//显示 10条记录， 事实上全部学员都查出来了
			for(var i = 1; i <= pageSize; i++) {
				allTUTable.rows[i].style.display = "";
			}
		}

		//为课程选择学员
		function selectTestUser(){
			//已选学员的table的行数
			rowLength = tempTable.rows.length;

			//全部学员table的单元格数
			cellsLength = allTUTable.cells.length;
			var seleteTestUser = "";
			for(var i = 0; i < allTestUserCB.length; i++)
	 		{
	 			if(allTestUserCB[i].checked){
		 			allTestUserCB[i].checked = false;
		 			allTestUserCB[i].disabled = true;
	 				//被选中的行
		 			var currentRow = allTUTable.rows[i+1];
		 			currentRow.disabled = true;
					//向已选学员table里添加新记录
	 				addNewRow(currentRow, allTestUserCB[i].value);
	 			}
	 		}

		}

		//向table里添加新行
		function addNewRow(currentRow, checkBoxValue) {
			newRow = tempTable.insertRow(rowLength);

			for(var j = 0; j < (allTUTable.rows[0].cells.length); j++){
				newCell = newRow.insertCell();
				if(j == 0){
					newCell.innerHTML = "<input type='checkbox' id='newCB' name='newCB' checked='true' value='" 
						+ checkBoxValue + "'>" 
						+ currentRow.cells[j].innerText;
				} else {
					newCell.innerHTML = currentRow.cells[j].innerText;
				}
			}
		}


		//allTestUser 下一页
		function nextAll() {
			window.document.all.pre.disabled = false;
			window.document.all.pre.href = "javascript:preAll()";
			var endIndex;
			var startIndex = getStartIndex(allPageNo);
			endIndex = startIndex + pageSize;

			//隐藏当前页
			hiddenPage(startIndex, endIndex);
			allPageNo ++;
			startIndex = getStartIndex(allPageNo);


			if(allPageNo == pageNum){
				//disabled对超链接不管用 设置了还能点 所以给他设置成#
				window.document.all.next.disabled = true;
				window.document.all.next.href = "#";
				endIndex = endPageSize + startIndex;
			}else {
				endIndex = startIndex + pageSize;
			}
			//显示下一页
			displayPage(startIndex, endIndex);
		}

		//allTestUser 上一页
		function preAll() {
			var startIndex = getStartIndex(allPageNo);
			var endIndex;
			if(allPageNo == pageNum){
				endIndex = startIndex + endPageSize;
			}else {
				endIndex = startIndex + pageSize;
			}
			//隐藏当前页
			hiddenPage(startIndex, endIndex);

			allPageNo --;
			//设置翻页按钮
			if(allPageNo == 1) {
				window.document.all.pre.disabled = true;
				window.document.all.pre.href = "#";	
			}
			window.document.all.next.disabled = false;
			window.document.all.next.href = "javascript:nextAll()";
			startIndex = getStartIndex(allPageNo);
			endIndex = startIndex + pageSize;
			//显示上一页
			displayPage(startIndex, endIndex);
		}

		//隐藏一页
		function hiddenPage(startIndex, endIndex) {
			for(var i = (startIndex + 1); i <= endIndex; i++) {
				allTUTable.rows[i].style.display = "none";
			}
		}

		//显示一页
		function displayPage(startIndex, endIndex) {
			for(var i = (startIndex + 1); i <= endIndex; i++) {
				allTUTable.rows[i].style.display = "";
			}
		}

		//根据当前页号得到 起始idex
		function getStartIndex(allPageNo) {
			return (allPageNo - 1) * pageSize;
		}

		//保存
		function save() {
			var testNewCB = window.document.getElementsByName("newCB");
			for(var i = 0; i< testNewCB.length; i++) {
				alert(testNewCB[i].value);
			}
		}
	</script>
  </head>

  <body onload="load()">
  	<div align="center">
    <table width="800" align="center">
    	<tr align="center">
    		<td align="left" width="300">
    			已选的学员
    			<table id="selectedTUTable" border = 1 width="100%" cellspacing = 0 cellpadding = 1 class = commonText>
    				<tr class ="tableTitleText">
						<td width ="30">编号</td>
						<td width ="70">学员id</td>
						<td width ="100">公司id</td>
						<td width="30"> </td>
					</tr>
					<s:iterator value="allTestUser" id="testUser" status="st">
						<tr id="<s:property value="#st.getIndex()"/>" >
							<td>
								<input type="checkBox" name="selectedCheckBox" value="<s:property value="#testUser.sid"/>">
								<s:property value="#st.getIndex()"/>
							</td>
							<td><s:property value="#testUser.userID"/></td>
							<td><s:property value="#testUser.companyID"/></td>
							<td>
								<a href="<s:url action="initModifyTestUser.action">
		         						<s:param name="userSID" value="#testUser.sid"></s:param>
		         					</s:url>">编辑</a>
		         			</td>
						</tr>
					</s:iterator>
    			</table>
    			<table id="tempTUTable" border = 1 width="100%" cellspacing = 0 cellpadding = 1 class = commonText>
    			</table>
    		</td>
    		<td width="200" align="center">
    			<input type="button" value="<--选择" onclick="selectTestUser()">
    			<br />
    			<br />
    			<input type="button" value="保  存" onclick="save()">
    		</td>
    		<td align="right" width="300">
    			待选的学员
    			<table id="allTestUserTable" border = 1 width="100%" cellspacing = 0 cellpadding = 1 class = commonText>
    				<tr class ="tableTitleText">
						<td width ="30">编号</td>
						<td width ="70">学员id</td>
						<td width ="100">公司id</td>
						<td width="30"> </td>
					</tr>
					<s:iterator value="allTestUser" id="testUser" status="st">
						<tr id="all<s:property value="#st.getIndex()"/>" style="display:none;">
							<td>
								<input type="checkBox" id="allTestUser" name="testUserSIDs" value="<s:property value="#testUser.sid"/>">
								<s:property value="#st.getIndex()"/>
							</td>
							<td><s:property value="#testUser.userID"/></td>
							<td><s:property value="#testUser.companyID"/></td>
							<td>
								<a href="<s:url action="initModifyTestUser.action">
		         						<s:param name="userSID" value="#testUser.sid"></s:param>
		         					</s:url>">编辑</a>
		         			</td>
						</tr>
					</s:iterator>

    			</table>
    			<table  id="ss"width="100%" cellspacing = 0 cellpadding = 1 class = commonText>
    				<tr class ="tableTitleText">
						<td width ="30"> </td>
						<td width ="70"><a id="pre" href="javascript:preAll()">上一页</a></td>
						<td width ="100"><a id="next" href="javascript:nextAll()">下一页</a></td>
						<td width="30"> </td>
					</tr>
    			</table>
    		</td>

    	</tr>
    </table>
    </div>
  </body>
</html>

页面是 struts2做的
[img]

[/img]
xufei110
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
C#调用C++的一个小例子
07-09
C#调用C++的一个小例子
activeMq的一个小例子
01-09
activeMq的一个小例子activeMq的一个小例子activeMq的一个小例子activeMq的一个小例子activeMq的一个小例子activeMq的一个小例子activeMq的一个小例子activeMq的一个小例子activeMq的一个小例子activeMq的一个小例子...
jsp 写的 一个小例子
06-27
【标题】"jsp 写的 一个小例子"揭示了这个压缩包内容是关于使用Java Server Pages（JSP）技术开发的一个Web应用程序实例。JSP是一种动态网页开发技术，它允许开发者在HTML或XML文档中嵌入Java代码，从而实现服务器端...
学习DOM操作第一个小例子
02-04
点击隔行换色 点击元素,背景色要发生改变 之前的元素恢复默认的背景色
一个小例子搞懂分页
03-01
分页 博文链接：https://java-007.iteye.com/blog/196655
聚类算法-一种无监督学习方法.docx
08-12
聚类算法是一种无监督学习方法，用于将数据集中的数据点自动分组到不同的类别中，这些类别也称为“簇”或“群”。聚类的目标是让同一簇内的数据点尽可能相似，而不同簇之间的数据点尽可能不相似。聚类算法广泛应用于多种领域，如数据挖掘、模式识别、图像分析、信息检索等。 聚类算法的基本概念 无监督学习：聚类算法不需要事先标记数据点的类别标签，而是根据数据本身的相似性来分组。 相似性度量：聚类算法依赖于某种相似性或距离度量来决定数据点之间的相似程度。常用的度量包括欧氏距离、曼哈顿距离等。 目标函数：大多数聚类算法都会尝试最小化某种目标函数，例如簇内的平方误差和（SSE）。 常见的聚类算法 K-Means K-Means 是一种原型聚类算法，它通过迭代地将数据点分配到最近的质心来形成簇，并重新计算每个簇的质心，直到质心不再显著变化为止。 在 Python 的 scikit-learn 库中，可以通过 KMeans 类实现 K-Means 聚类。 层次聚类 层次聚类构建一个树状图（称为树状图或 dendrogram），显示数据点是如何逐渐合并成簇的。 这种算法可以是凝聚型（自底向上）或分裂型（自顶向下）。
45ft集装箱模型3D图纸 STEP格式.zip
08-12
45ft集装箱模型3D图纸 STEP格式.zip
Spring Boot网吧管理系统.zip
08-12
该系统严格按照需求分析制作相关模块，并利用所学知识尽力完成，但是本人由于学识浅薄，无法真正做到让该程序可以投入市场使用，仅仅简单实现部分功能，希望日后还能改善。 本系统具有以下优点： 该系统具有较高的适用性，选用B/S结构，可以在绝大部分个人平台上使用该系统。 系统将用户权限进行划分，管理员，网管和会员都能看到及操作的信息不一样，三者具备不同的操作权限。 该系统操作界面简单明了，大部分人都可以正常使用。 但也存在以下问题需要改进： 运行时窗口不能被刷新，可以改进。 系统过于简单，显示的信息有限。。 不能添加多个管理员账号，如果可以则将利于发展网吧规模，便于网吧信息集中管理。 不能实时预约接待消息和网吧反馈建议，容易被忽视，不利于管理员服务客户。
微信小程序大作业 新闻小程序
08-12
微信小程序大作业 新闻小程序
一种简单易用的通用循环队列的C语言解决方案
08-12
博文《一种简单易用的通用循环队列的C语言解决方案》实现的代码。 在实际的嵌入式编程中，消息队列的使用还是比较频繁的，已经在文章《一种简单安全的消息队列的C语言解决方案》中说明了一种队列的解决方案，但是那种设计其中还是存在一些不方便的用法，对于嵌入式系统中一些要求或者性能限制下，可能会用到循环队列，但是对于不使用操作系统的情况下，队列相关的功能就需要手动实现。所以下面将会介绍一种简单的循环队列的实现方式。
智慧城市应急指挥中心系统平台建设方案PPT(41页).pptx
08-12
城市应急指挥系统是智慧城市建设的重要组成部分，旨在提高城市对突发事件的预防和处置能力。系统背景源于自然灾害和事故灾难频发，如汶川地震和日本大地震等，这些事件造成了巨大的人员伤亡和财产损失。随着城市化进程的加快，应急信息化建设面临信息资源分散、管理标准不统一等问题，需要通过统筹管理和技术创新来解决。 系统的设计思路是通过先进的技术手段，如物联网、射频识别、卫星定位等，构建一个具有强大信息感知和通信能力的网络和平台。这将促进不同部门和层次之间的信息共享、交流和整合，提高城市资源的利用效率，满足城市对各种信息的获取和使用需求。在“十二五”期间，应急信息化工作将依托这些技术，实现动态监控、风险管理、预警以及统一指挥调度。 应急指挥系统的建设目标是实现快速有效的应对各种突发事件，保障人民生命财产安全，减少社会危害和经济损失。系统将包括预测预警、模拟演练、辅助决策、态势分析等功能，以及应急值守、预案管理、GIS应用等基本应用。此外，还包括支撑平台的建设，如接警中心、视频会议、统一通信等基础设施。 系统的实施将涉及到应急网络建设、应急指挥、视频监控、卫星通信等多个方面。通过高度集成的系统，建立统一的信息接收和处理平台，实现多渠道接入和融合指挥调度。此外，还包括应急指挥中心基础平台建设、固定和移动应急指挥通信系统建设，以及应急队伍建设，确保能够迅速响应并有效处置各类突发事件。 项目的意义在于，它不仅是提升灾害监测预报水平和预警能力的重要科技支撑，也是实现预防和减轻重大灾害和事故损失的关键。通过实施城市应急指挥系统，可以加强社会管理和公共服务，构建和谐社会，为打造平安城市提供坚实的基础。
毕业设计php网络相册-qkrp源码含文档工具包
08-12
毕业设计php网络相册-qkrp源码含文档工具包 php，数据库mysql，jdk1.8，开发工具用ecplise、myecplise、sts、idea都可以 本网站由用户模块、风采相册、留言簿模块与管理模块等构成，其中用户模块实现了用户注册、登陆与修改个人资料等功能；在线论坛提供交流平台；风采相册实现图片上载和在线浏览功能；留言簿模块实现网上留言功能；管理模块实现用户管理、论坛管理、相册管理与留言簿管理等功能。 包含：源码、数据库脚本、论文、环境工具包、相同框架项目的安装教程（在说明文档中）
基于Springboot和Vue的中药实验管理系统源码 中药实验管理系统代码（优秀毕业设计）
08-12
中药实验管理系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！
【轨迹跟踪】基于matlab四轴飞行器轨迹跟踪（含位置 速度）【含Matlab源码 6846期】.mp4
08-12
Matlab研究室上传的视频均有对应的完整代码，皆可运行，亲测可用，适合小白； 1、代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描视频QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作
【精品毕设推荐】-基于SSM+jsp的蜀都天香酒楼网站设计与实现.zip
最新发布
08-12
【项目简介】 可辅助在本地配置运行 近年来，信息化管理行业的不断兴起，使得人们的日常生活越来越离不开计算机和互联网技术。 首先，根据收集到的用户需求分析，对设计系统有一个初步的认识与了解，确定蜀都天香酒楼管理系统的总体功能模块。 然后，详细设计系统的主要功能模块，通过数据库设计过程将相关的数据信息存储到数据库中，再通过使用关键的开发工具，如MyEclipse开发平台、JSP技术等，编码设计相关的功能模块。 接着，主要采用功能测试的方式对系统进行测试，找出系统在运行过程中存在的问题，以及解决问题的方法，不断地改进和完善系统的设计。 最后，总结本文介绍的系统的设计和实现过程，并且针对于系统的开发提出未来的展望工作。 本系统的研发具有重大的意义，在安全性方面，用户使用浏览器访问网站时，采用注册和密码等相关的保护措施，提高系统的可靠性，维护用户的个人信息和财产的安全。在方便性方面，促进了酒楼管理行业的信息化建设，极大的方便了相关的工作人员对酒楼信息进行管理。 关键词：酒楼管理；Java语言；B/S模式；JSP技术；系统测试
深度报告-20230507-天风证券-阿尔特-300825.SZ-AI赋能汽车设计降本增效-研发 制造双轮驱动扬帆.pdf
08-12
深度报告-20230507-天风证券-阿尔特-300825.SZ-AI赋能汽车设计降本增效_研发 制造双轮驱动扬帆出海__32页_3mb.pdf
基于vue的地方美食分享网站.zip
08-12
该系统严格按照需求分析制作相关模块，并利用所学知识尽力完成，但是本人由于学识浅薄，无法真正做到让该程序可以投入市场使用，仅仅简单实现部分功能，希望日后还能改善。 本系统具有以下优点： 该系统具有较高的适用性，选用B/S结构，可以在绝大部分个人平台上使用该系统。 系统将用户权限进行划分，管理员和用户能看到及操作的信息不一样，两者具备不同的操作权限。 该系统操作界面简单明了，大部分人都可以正常使用。 但也存在以下问题需要改进： 运行时窗口不能被刷新，可以改进。 系统过于简单，显示的信息有限。。 不能添加多个管理员账号，如果可以则将利于发展地方美食规模，便于地方美食分享信息集中管理。 不能实时预约接待消息和地方美食分享反馈建议，容易被忽视，不利于管理员服务用户。
Huawei CE16800-V200R023SPH150
08-12
Huawei CE16800_V200R023SPH150，里面包含补丁说明书和补丁安装指导书，该补丁支持哪些型号，支持哪些版本可以安装当前补丁，请参考补丁说明书和补丁安装指导书。
springboot集成neo4j，使用继承Neo4jRepository的方式来实现对数据的操作
08-12
springboot集成neo4j，这里使用Spring DATA Neo4j模块来实现。 主要使用以下​ Spring Framework ​注释来开发此应用程序： S.No. Spring DATA Neo4j注解 用法 1 @GraphEntity 定义域类​Neo4j Entity​ 2 @GraphID 定义节点或关系​id​ 3 @GraphProperty 定义节点或关系属性 Spring DATA Neo4j模块的附加功能： 支持Neo4j属性图模块 支持Neo4j Lucence索引 支持Neo4j CQL 支持Neo4jTemplate
请用FMOD写一个小例子介绍怎么在android开发中使用
03-27
FMOD是一个流行的音频引擎，它可以用来在Android应用中播放音频文件、应用音效、混音等。下面是一个使用FMOD在Android开发中播放音频文件的简单例子： 1. 首先，将FMOD库文件添加到你的Android项目中。可以将文件复制到libs文件夹中，或者添加Gradle依赖项。 2. 在你的Activity类中，创建一个FMOD系统对象： ``` FMOD.Studio.System system = null; FMOD.System_Create(system); ``` 3. 初始化FMOD系统： ``` int numDrivers = 0; FMOD.RESULT result; result = system.init(numDrivers, FMOD.INIT_NORMAL, null); if (result != FMOD.RESULT.OK) { // 处理初始化错误 } ``` 4. 加载音频文件： ``` FMOD.Sound sound = null; result = system.createSound(filePath, FMOD.MODE.DEFAULT, null, sound); if (result != FMOD.RESULT.OK) { // 处理加载错误 } ``` 5. 播放音频文件： ``` FMOD.Channel channel = null; result = system.playSound(sound, null, false, channel); if (result != FMOD.RESULT.OK) { // 处理播放错误 } ``` 6. 停止播放： ``` channel.stop(); ``` 以上是一个简单的使用FMOD在Android开发中播放音频文件的例子。使用FMOD可以实现更多功能，例如应用音效、混音等，具体可以参考FMOD官方文档。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值