执念斩长河
执念斩长河

js|基于学生分数实例动态表格添加(含完整源码)

本博文源于js基础，旨在探讨如何将输入完毕的分数自动添加到表格进行显示，并能验证出非法数据添加。

实验效果

js|基于学生分数实例动态表格添加(含完整源码)_第1张图片

实验步骤

书写html代码

大家一眼能看出哪些html内容，那些css修饰。在这个案例中，除了表格第二列动态添加外，其他要做基本设置，比如form表单里的四个text，两个按钮，table里一个tr四个td因此，html代码如下：

<form name="form1">
	学号&nbsp;&nbsp;&nbsp;&nbsp;<input name="stuId"><br>
	姓名&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="name"><br>
	C语言:&nbsp;&nbsp;<input name="c"><br>
	动态脚本:<input name="js"><br>
	<input type="button" value="显示总分" onclick="SumShow()">
	<input type="reset" value="重置">
	
</form>
<div id="info"></div>
<table id="cj" cellspacing="0" width="100%" align="center" border="1">
	<caption>学生成绩信息统计表</caption>
	<tr>
		<th>学号</th>
		<th>姓名</th>
		<th>C语言</th>
		<th>动态脚本</th>
		<th>总分</th>
	</tr>
</table>

书写css代码

想啊，css代码美其名曰格式修饰，盒子模型/颜色/字体居中/字体大小进行简要修饰就行了。

<style type="text/css">
	caption {
		font-size: 28px;
		line-height: 50px;
		color: blue;
	}
	td {
		text-align: center;
	}
	form {
		border-right: 100px;	
		line-height: 30px;
	}
	input {
		margin-left: 10px;
	}
</style>

书写js代码

js代码纯原生，主要完成分数的合法性判定和动态添加这两个操作。运用的是面向对象的机制，值得一敲。如果大家对面向对象创建不是很明白。这篇博文：
绝了，6种渐进方式创建js对象，第5种最流行！！本次实验js代码应该是先增加行与列，然后判定形式，如果成功那就添加，否则给出提示。

<script>
	function addTable(stu) {
		var tab = document.getElementById("cj")
		var colsNum  = 5;
		rs = tab.insertRow(tab.rows.length);
		for(var i = 0;i<colsNum;i++)
			rs.insertCell(i);
		rs.cells[0].innerHTML = stu.ID;
		rs.cells[1].innerHTML = stu.name;
		rs.cells[2].innerHTML = stu.c;
		rs.cells[3].innerHTML = stu.js;
		rs.cells[4].innerHTML = stu.summation();
		
	}
	function Student(ID,name,c,js) {
		this.ID = ID;
		this.name = name;
		this.c = parseFloat(c);
		this.js = parseFloat(js);
		
	}
	Student.prototype.summation = function() {
		return this.c + this.js;
	}
	var count ;
	var students = new Array();
	var info = document.getElementById('info');
	function SumShow() {
		
		
		with(form1) {
			if(elements[0].value == "" || elements[1].value == "") {
				info.innerHTML = "学号姓名不能为空";
				return ;
			}
			for(var i = 2;i<4;i++) {
				var s = parseFloat(elements[i].value);
				if(s > 100 || s<0 || isNaN(s)) {
					info.innerHTML = "成绩要在0~100之间，请重新输入";
					return ;
				}
			}
			stu = new Student(elements[0].value,elements[1].value,elements[2].value,elements[3].value);
			info.innerHTML = "";
			for(n in students) {
				if(students[n].ID == stu.ID)
				{
					info.innerHTML += "学号重复！";
					return ;
				}
			}
			students[count] = stu;
			count++;
			addTable(stu);
		}
	}
</script>

完整代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			caption {
				font-size: 28px;
				line-height: 50px;
				color: blue;
			}
			td {
				text-align: center;
			}
			form {
				border-right: 100px;
				
				line-height: 30px;
			}
			input {
				margin-left: 10px;
			}
		</style>
	</head>
	<body>
		<form name="form1">
			学号&nbsp;&nbsp;&nbsp;&nbsp;<input name="stuId"><br>
			姓名&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="name"><br>
			C语言:&nbsp;&nbsp;<input name="c"><br>
			动态脚本:<input name="js"><br>
			<input type="button" value="显示总分" onclick="SumShow()">
			<input type="reset" value="重置">
			
		</form>
		<div id="info"></div>
		<table id="cj" cellspacing="0" width="100%" align="center" border="1">
			<caption>学生成绩信息统计表</caption>
			<tr>
				<th>学号</th>
				<th>姓名</th>
				<th>C语言</th>
				<th>动态脚本</th>
				<th>总分</th>
			</tr>
		</table>
		
		<script>
			function addTable(stu) {
				var tab = document.getElementById("cj")
				var colsNum  = 5;
				rs = tab.insertRow(tab.rows.length);
				for(var i = 0;i<colsNum;i++)
					rs.insertCell(i);
				rs.cells[0].innerHTML = stu.ID;
				rs.cells[1].innerHTML = stu.name;
				rs.cells[2].innerHTML = stu.c;
				rs.cells[3].innerHTML = stu.js;
				rs.cells[4].innerHTML = stu.summation();
				
			}
			function Student(ID,name,c,js) {
				this.ID = ID;
				this.name = name;
				this.c = parseFloat(c);
				this.js = parseFloat(js);
				
			}
			Student.prototype.summation = function() {
				return this.c + this.js;
			}
			var count ;
			var students = new Array();
			var info = document.getElementById('info');
			function SumShow() {
				
				
				with(form1) {
					if(elements[0].value == "" || elements[1].value == "") {
						info.innerHTML = "学号姓名不能为空";
						return ;
					}
					for(var i = 2;i<4;i++) {
						var s = parseFloat(elements[i].value);
						if(s > 100 || s<0 || isNaN(s)) {
							info.innerHTML = "成绩要在0~100之间，请重新输入";
							return ;
						}
					}
					stu = new Student(elements[0].value,elements[1].value,elements[2].value,elements[3].value);
					info.innerHTML = "";
					for(n in students) {
						if(students[n].ID == stu.ID)
						{
							info.innerHTML += "学号重复！";
							return ;
						}
					}
					students[count] = stu;
					count++;
					addTable(stu);
				}
			}
		</script>
	</body>
</html>

总结

本次实验依次讲解如何让js创建动态表格，并能做相应判断，最后添加，尤其在于js的面向对象，可深入体会。

你可能感兴趣的:(JS基础)

  • Node.js和webpack入门-个人学习笔记 ksmswq node.jswebpack学习
    Node.js-入门Node.js基础概念Node.js是一个跨平台JavaScript运行环境，是开发者可以搭建服务器端的JavaStript应用程序。作用1.编写服务端程序2.编写数据接口，提供网页浏览资源等等3.实现“前端工程化”，为Vue和React等框架做铺垫前端工程化-概念开发项目直到上线，过程中集成的所有工具和技术。（Node.js是前端工程化的基础（因为Node.js可以主动读取前
  • Vue CLI 构建移动端购物商城实战 凌莫凡
    本文还有配套的精品资源，点击获取简介：本项目通过VueCLI创建一个针对移动端的电商应用，目的是帮助开发者快速构建一个功能齐全、性能优良的在线购物平台。文章详细解析了Vue.js基础、VueCLI3的项目配置、组件化开发、Vuex状态管理、VueRouter路由管理、移动端适配、热重载与开发服务器配置，以及生产环境优化等关键知识点，对于提升Vue.js技能和项目实战经验具有重要价值。1.Vue.j
  • Vue.js 学习笔记 剑走偏锋o.O vue.js学习笔记
    文章目录前言一、Vue.js基础概念1.1Vue.js简介1.2Vue.js的特点1.3Vue.js基础示例二、Vue.js常用指令2.1双向数据绑定（`v-model`）2.2条件渲染（`v-if`和`v-show`）2.3列表渲染（`v-for`）2.4事件处理（`v-on`）2.5表单绑定（`v-model`）三、Vue.js组件化开发3.1组件的概念3.2创建组件3.2.1全局注册3.2.
  • js基础二 才不是小emo的小杨 前端爬虫javascript前端html
    JavaScript基础下1事件处理JS事件（event）是当用户与网页进行交互时发生的事情，例如单机某个链接或按钮、在文本框中输入文本、按下键盘上的某个按键、移动鼠标等等。当事件发生时，您可以使用JavaScript中的事件处理程序（也可称为事件监听器）来检测并执行某些特定的程序。一般情况下事件的名称都是以单词on开头的，例如点击事件onclick、页面加载事件onload等。下表中列举了一些J
  • WebGL开发：ThreeJS从入门到精通 莲华君 前端权威教程合集WebGL系统化学习前端WebGLThreeJSBabylonJS
    前言：ThreeJS——开启3DWeb世界的钥匙欢迎来到ThreeJS的奇妙世界！无论你是前端开发者、图形学爱好者，还是希望将3D技术融入Web应用的工程师，这本书都将带你从零开始，逐步掌握ThreeJS的核心概念，并最终实现大型数字孪生项目。让我们一起踏上这段充满挑战与乐趣的旅程吧！目录：第一部分：ThreeJS基础入门第一章：ThreeJS概述与基础概念1.1ThreeJS是什么？介绍Thre
  • Vue.js 全面技术指南 2301_81335708 vue.js前端javascript
    目录1.Vue.js基础入门1.1脚手架安装1.2基础指令使用v-bind动态绑定v-model双向绑定1.3条件渲染2.核心概念详解2.1计算属性与监听器2.2Methods方法2.3Filters过滤器3.组件化开发3.1组件基础3.2组件通信4.实战应用4.1ElementUI使用4.2Axios网络请求4.3路由配置5.进阶技巧5.1BOM定时器5.2DOM操作总结Vue.js高级开发指南
  • Nodejs基础使用Elasticsearch(二) 小黑前端攻城狮 elasticsearchnode.jsvue.jsjavascript
    ／*链接到elasticsearch数据库*／varelasticsearch=require('elasticsearch');varclient=newelasticsearch.Client({host:'192.168.1.107:9200',log:'error'});1.统计索引数据：client.count({index:['telegram_message','telegram_u
  • 深入浅出 Vue.js：从基础到进阶的全面总结 多年以后_ vue.js前端javascript
    深入浅出Vue.js：从基础到进阶的全面总结Vue.js是一个用于构建用户界面的渐进式框架。它不仅易于上手，还能通过其强大的生态系统支持复杂的应用开发。本文将从基础到进阶，全面总结Vue.js的核心概念、常用技术和最佳实践，并提供代码示例以便更好地理解。目录Vue.js基础Vue实例模板语法计算属性和侦听器组件系统组件基础父子组件通信插槽VueRouter路由基础动态路由匹配嵌套路由Vuex状态管
  • 解读 Uniapp： 从入门到精通的底层原理 xcLeigh UniApp技术点解析uni-app
    解读Uniapp：从入门到精通的底层原理一、前言二、Uniapp与Vue.js的关系2.1Vue.js基础回顾2.2Uniapp对Vue.js的继承与扩展三、Uniapp的组件系统3.1组件的基本概念与创建3.2组件的生命周期四、数据绑定与响应式原理4.1数据绑定的实现方式4.2响应式原理剖析五、Uniapp的跨平台实现原理5.1多端编译机制5.2条件编译六、总结结束语优质源码分享解读Uniapp
  • Three.js基础入门系列（四） 骨灰级收藏家 前端javascriptmesh3d
    01、Three.js中的基本要素：网格（Mesh）当我们拥有了几何体模型和材质之后，我们需要通过一个网格（Mesh）将两者结合起来，创建我们正在的拍摄对象。两种不同的拍摄对象构造方法：newTHREE.Mesh(geometry,material)THREE.SceneUtils.createMultiMaterialObject(geometry,[materials…])第一个参数代表物体的
  • 【面试题】Node.js高频面试题 城仕 node.js面试题
    简述Node.js基础概念？Node.js是一个基于ChromeV8引擎的JavaScript运行环境。它使得JavaScript可以在服务器端运行，从而进行网络编程，如构建Web服务器、处理网络请求等。Node.js采用事件驱动、非阻塞I/O模型，使其轻量且高效，尤其适用于数据密集型实时应用。**主要特点**:1.**异步I/O**：Node.js几乎所有的API都是异步的，如读写文件、网络请求
  • 前端面试题】—53道常见NodeJS基础面试题（附答案） 秋の本名 前端node.js前端
    Node.js是一个不错的选择，它是基于JavaScript语法的一套服务器端（后端）语言。想要在企业中做得更好，开发者需要更多地了解它，并掌握它的有关用法。1、你了解Node.js吗？Node.js是一个基于Chromev8引擎的服务器端JavaScript运行环境；Node.js是一个事件驱动、非阻塞式I/O的模型，轻量而又高效；Node.js的包管理器npm是全球最大的开源库生态系统。2、N
  • JS(1-69) 小箌 javascript开发语言学习
    01_JS介绍1.1JS是什么1.JavaScript（是什么？)是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。2.作用（做什么？)网页特效（监听用户的一些行为让网页作出对应的反馈)表单验证（针对表单数据的合法性进行判断）数据交互（获取后台的数据，渲染到前端服务端编程（node.js)3.JavaScript的组成（有什么？)ECMAScript:规定了js基础语法核心知识。口比如：变
  • 【JavaScript】Day01 boy快快长大 前端javascript开发语言ecmascript
    1.介绍1.1JS是什么一种运行在客户端(浏览器)的编程语言，实现人机交互效果。1.2作用网页特效(监听用户的一些行为让网页做出对应的反馈)表单验证(针对表单数据的合法性做出判断)数据交互(获取后台的数据，渲染到前端)服务端编程(node.js)1.3JS的组成ECMAScript：规定了JS基础的语法知识WebAPIs：DOM与BOMDOM:操作文档，比如对页面元素进行移动、大小、添加删除等操作
  • JavaScript基础入门(三)：JS 定时器和函数全解析：从入门到实战的必备秘籍！ kdayjj966 javascript原型模式开发语言
    JS基础（三）知识点一：JavaScript的Math对象（了解）Math对象常用于做数学运算，不需要创建对象，直接调用属性或方法就可以了属性描述E返回算术常量e，即自然对数的底数（约等于2.718）。LN2返回2的自然对数（约等于0.693）。LN10返回10的自然对数（约等于2.302）。LOG2E返回以2为底的e的对数（约等于1.414）。LOG10E返回以10为底的e的对数（约等于0.43
  • PHP代码审计 Smile灬凉城666 网络安全php开发语言安全
    目的：对源代码进行审计，寻找代码中的BUG和安全漏洞一.代码审计的基础1.基础:html/js基础语法、PHP基础语法，面向对象思想，PHP小项目开发(Blog、注册登录、表单、文件上传、留言板等)，Web漏洞挖掘及利用，Web安全工具基本使用(burpsuite、sqlmap等)，代码审计工具(seay审计系统、zendstudio+xdebug等)2.代码审计两种基本方式：通读全文源码：通读全
  • Node.js常用知识 UnityGxGameLab+ node.jsjavascript前端
    Nodejs总结Node.js基础知识，便于定期回顾1、fs文件写入1、require(‘fs’)2、fs.writeFile()3、fs.appendFile()4、fs.createwriteStream（）//流式写入ws.write()文件读取1、fs.readFile(‘’,(err,data)=>{})constfs=require('fs')fs.readFile("D:/Node/
  • 前端——JS 逆风局？ 前端javascript开发语言
    目录什么是JS？JS引入方式JS基础语法输出语句变量常量数据类型函数自定义对象什么是JS？JavaScript（简称：JS）是一门跨平台、面向对象的脚本语言，是用来控制网页行为的，实现人机交互效果。JavaScript和Java是完全不同的语言，不论是概念还是设计。但是基础语法类似。组成：ECMAScript:规定了JS基础语法核心知识，包括变量、数据类型、流程控制、函数、对象等。BOM：浏览器对
  • node.js基础入门语法总结 @dahai node.jsnode.jsnpm前端
    目录目录1.node内置fs模块1.fs.readFile()2.fs.writeFile()3.注意点2.path模块1.path.join()2.path.basename()3.path.extname()3.http模块1.创建基本的web服务器步骤2.res.end返回中文乱码问题4.模块化1.模块作用域2.module对象，向外共享模块作用域中的成员3.module.exports对象
  • 【前端面试】深入了解Node.js基础 贾明恣 前端面试node.js
    前端与node.jsNode.js不是一门语言也不是框架，而是JavaScript运行时环境。基于GoogleV8引擎、同时它通过封装和抽象操作系统提供的底层功能，以及使用Libuv等c++/c的核心模块，扩展了JavaScript功能，使得JavaScript能够同时具有DOM操作(浏览器)和I/O、文件读写、操作数据库(服务器端)……能力，是目前最简单的全栈式语言。前端开发者经常需要安装Nod
  • 逆向工程入门 - 社交平台移动端发微博 API 分析 dreadp python网络爬虫web安全前端数据分析网络协议
    逆向工程入门-社交平台移动端发微博API分析免责声明：本博客内容仅供学习和研究使用，请勿用于非法用途。任何未经授权的逆向工程行为都可能违反相关法律法规和服务条款，风险自负。前言:继上一篇博客详述了使用JS注入绕过msedgedriver的字符处理逻辑并触发表单提交元素后,为更深入地理解某知名社交平台的前端逻辑,开始尝试使用浏览器的开发者工具,以更深入地理解Web开发的底层原理.即使在没有JS基础语
  • 网安快速入门之JS基础 天启互联网工作室 javascript开发语言ecmascript
    JS定义JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。它以其作为开发Web页面的脚本语言而闻名，但也被广泛应用于非浏览器环境中。JavaScript是一种基于原型编程、多范式的动态脚本语言，支持面向对象、命令式、声明式和函数式编程范式。简言而知：JS->利用脚本，让网站动起来基本语法var定义一个全局变量，如：vara=123;varx=10;con
  • 【学术会议论文投稿】JavaScript在数据可视化领域的探索与实践 小周不想卷 艾思科蓝学术会议投稿javascript
    【ACM出版|EI快检索|高录用】2024年智能医疗与可穿戴智能设备国际学术会议（SHWID2024）_艾思科蓝_学术一站式服务平台更多学术会议请看学术会议-学术交流征稿-学术会议在线-艾思科蓝目录引言JavaScript可视化库概览D3.js基础入门1.引入D3.js2.绘制简单的条形图3.添加轴交互性与动画实际应用场景结论引言在数据驱动决策日益重要的今天，数据可视化成为连接数据与洞察的桥梁。J
  • Js面试题 蛋蛋大少爷
    JS基础1.documentload和documentready的区别答：1.load是当页面所有资源全部加载完成后（包括DOM文档树，css文件，js文件，图片资源等），执行一个函数问题：如果图片资源较多，加载时间较长，onload后等待执行的函数需要等待较长时间，所以一些效果可能受到影响2.$(document).ready()是当DOM文档树加载完成后执行一个函数（不包含图片，css等）所以
  • web学习笔记11-node.js基础 晴天.js web-学习笔记前端学习node.js
    一、ES6ECMAscript->ES是JS的标准规范ES6是JS的第六套标准规范1，块级作用域let声明的变量，会进入暂时性的死区，提升后暂时不允许访问，只有赋值以后才允许访问let声明的变量不允许重复声明块级作用域：大括号之间的语句块，例如if、else。块级作用域下，let和const声明的局部变量或者常量，不允许被块级作用域以外访问let和const即使声明在全局作用域下，也不是全局变量或
  • JS基础-ClassList -移动端插件的引入-touch事件-sessionStorage 和 localStorage 垦利不 javascript开发语言ecmascript
    目录1.classList属性添加类删除类切换类检查类是否存在替换类移动端touch事件2.消除点击延迟Fastclick插件的引入引入FastClick初始化3.Swiper插件的引入和使用通过CDN引入通过npm安装（vue中建议）使用SwiperHTML结构初始化Swiper4.zyMedia插件简介4.1下载与引入4.2使用4.3js初始化4.4参数说明5.bootstrap的安装和使用5
  • javaweb2:javascript+正则表达式 rookie123222 javawebjavascript开发语言ecmascript
    一：js基础1.变量类型数值类型number函数类型functionjs是弱类型语言，变量类型可变化vari;i=12;alert(typeof(i));i="abc";alert(typeof(i));2.特殊值undefined：未定义，所有js变量未赋值的时候，默认undefinednull:空值NAN：notanumber非数字非数值，比如数字*字符串结果是NAN3.关系比较==做简单字面
  • 初识Node.js 玄冥洛璃 Node.jsnode.js
    大家好久不见，今天我来介绍一下Node.js，对Node.js的安装和对其模块的简要讲解。Node.js目录Node.js什么是Node.js安装Node.jsNode运行方式Node.js基础命令查缺补漏模块化原生模块fs模块require指令module对象小结什么是Node.jsNode.js不是语言，也不是类似springboot之类的框架。他是一个单线程的，运行JS的一个平台。它能解析和
  • JS基础 836a4e8394dc
    第一部分变量及基础数据类型一、引入js文件及变量1、外部引入js：body最后一行上输入：，内嵌式：在内输入：js代码2、注释：单行注释：//内容多行注释：/*内容*/快捷键：ctrl+/3、输入输出：prompt(msg,defaultText);msg可选。要在对话框中显示的纯文本。defaultText可选。默认的输入文本。使用window.alert()弹出警告框。例：alert("你输入
  • 【HarmonyOS NEXT应用开发】案例103：基于JSVM创建引擎执行JS代码并销毁 青少年编程作品集 javascriptmicrosoft开发语言华为云harmonyos华为华为od
    场景描述通过JSVM，可以在应用运行期间直接执行一段动态加载的JS代码。也可以选择将一些对性能、底层系统调用有较高要求的核心功能用C/C++实现并将C++方法注册到JS侧，在JS代码中直接调用，提高应用的执行效率。功能描述通过createJsCore方法来创建一个新的JS基础运行时环境，并通过该方法获得一个虚拟机ID，通过evalUateJS方法使用虚拟机ID对应的运行环境来运行JS代码，在JS代
  • scala的option和some 矮蛋蛋 编程scala
    原文地址： http://blog.sina.com.cn/s/blog_68af3f090100qkt8.html 对于学习 Scala 的 Java™ 开发人员来说，对象是一个比较自然、简单的入口点。在 本系列 前几期文章中，我介绍了 Scala 中一些面向对象的编程方法，这些方法实际上与 Java 编程的区别不是很大。我还向您展示了 Scala 如何重新应用传统的面向对象概念，找到其缺点
  • NullPointerException Cb123456 androidBaseAdapter
        java.lang.NullPointerException: Attempt to invoke virtual method 'int android.view.View.getImportantForAccessibility()' on a null object reference     出现以上异常.然后就在baidu上
  • PHP使用文件和目录 天子之骄 php文件和目录读取和写入php验证文件php锁定文件
    PHP使用文件和目录 1.使用include()包含文件 (1)：使用include()从一个被包含文档返回一个值 (2)：在控制结构中使用include()   include_once()函数需要一个包含文件的路径，此外，第一次调用它的情况和include()一样，如果在脚本执行中再次对同一个文件调用，那么这个文件不会再次包含。   在php.ini文件中设置
  • SQL SELECT DISTINCT 语句 何必如此 sql
    SELECT DISTINCT 语句用于返回唯一不同的值。 SQL SELECT DISTINCT 语句 在表中，一个列可能会包含多个重复值，有时您也许希望仅仅列出不同（distinct）的值。 DISTINCT 关键词用于返回唯一不同的值。 SQL SELECT DISTINCT 语法 SELECT DISTINCT column_name,column_name F
  • java冒泡排序 3213213333332132 java冒泡排序
    package com.algorithm; /** * @Description 冒泡 * @author FuJianyong * 2015-1-22上午09:58:39 */ public class MaoPao { public static void main(String[] args) { int[] mao = {17,50,26,18,9,10
  • struts2.18 +json,struts2-json-plugin-2.1.8.1.jar配置及问题！ 7454103 DAOspringAjaxjsonqq
    struts2.18  出来有段时间了！ （貌似是 稳定版）   闲时研究下下！  貌似 sruts2 搭配 json 做 ajax 很吃香！   实践了下下！ 不当之处请绕过！ 呵呵   网上一大堆 struts2+json  不过大多的json 插件 都是 jsonplugin.34.jar   strut
  • struts2 数据标签说明 darkranger jspbeanstrutsservletScheme
    数据标签主要用于提供各种数据访问相关的功能，包括显示一个Action里的属性，以及生成国际化输出等功能 数据标签主要包括： action ：该标签用于在JSP页面中直接调用一个Action，通过指定executeResult参数，还可将该Action的处理结果包含到本页面来。 bean ：该标签用于创建一个javabean实例。如果指定了id属性，则可以将创建的javabean实例放入Sta
  • 链表.简单的链表节点构建 aijuans 编程技巧
    /*编程环境WIN-TC*/ #include "stdio.h" #include "conio.h" #define NODE(name, key_word, help) \  Node name[1]={{NULL, NULL, NULL, key_word, help}} typedef struct node {  &nbs
  • tomcat下jndi的三种配置方式 avords tomcat
    jndi(Java Naming and Directory Interface，Java命名和目录接口)是一组在Java应用中访问命名和目录服务的API。命名服务将名称和对象联系起来，使得我们可以用名称 访问对象。目录服务是一种命名服务，在这种服务里，对象不但有名称，还有属性。          tomcat配置
  • 关于敏捷的一些想法 houxinyou 敏捷
    从网上看到这样一句话：“敏捷开发的最重要目标就是：满足用户多变的需求，说白了就是最大程度的让客户满意。” 感觉表达的不太清楚。 感觉容易被人误解的地方主要在“用户多变的需求”上。 第一种多变，实际上就是没有从根本上了解了用户的需求。用户的需求实际是稳定的，只是比较多，也比较混乱，用户一般只能了解自己的那一小部分，所以没有用户能清楚的表达出整体需求。而由于各种条件的，用户表达自己那一部分时也有
  • 富养还是穷养，决定孩子的一生 bijian1013 教育人生
    是什么决定孩子未来物质能否丰盛？为什么说寒门很难出贵子，三代才能出贵族？真的是父母必须有钱，才能大概率保证孩子未来富有吗？-----作者：@李雪爱与自由 事实并非由物质决定，而是由心灵决定。一朋友富有而且修养气质很好，兄弟姐妹也都如此。她的童年时代，物质上大家都很贫乏，但妈妈总是保持生活中的美感，时不时给孩子们带回一些美好小玩意，从来不对孩子传递生活艰辛、金钱来之不易、要懂得珍惜
  • oracle 日期时间格式转化 征客丶 oracle
    oracle 系统时间有 SYSDATE 与 SYSTIMESTAMP； SYSDATE：不支持毫秒，取的是系统时间； SYSTIMESTAMP：支持毫秒，日期，时间是给时区转换的，秒和毫秒是取的系统的。 日期转字符窜： 一、不取毫秒： TO_CHAR(SYSDATE, 'YYYY-MM-DD HH24:MI:SS') 简要说明， YYYY 年 MM   月
  • 【Scala六】分析Spark源代码总结的Scala语法四 bit1129 scala
    1. apply语法   FileShuffleBlockManager中定义的类ShuffleFileGroup，定义：   private class ShuffleFileGroup(val shuffleId: Int, val fileId: Int, val files: Array[File]) { ... def apply(bucketId
  • Erlang中有意思的bug bookjovi erlang
      代码中常有一些很搞笑的bug，如下面的一行代码被调用两次（Erlang beam） commit f667e4a47b07b07ed035073b94d699ff5fe0ba9b Author: Jovi Zhang <[email protected]> Date: Fri Dec 2 16:19:22 2011 +0100 erts:
  • 移位打印10进制数转16进制-2008-08-18 ljy325 java基础
    /** * Description 移位打印10进制的16进制形式 * Creation Date 15-08-2008 9:00 * @author 卢俊宇 * @version 1.0 * */ public class PrintHex { // 备选字符 static final char di
  • 读《研磨设计模式》-代码笔记-组合模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; abstract class Component { public abstract void printStruct(Str
  • 利用cmd命令将.class文件打包成jar chenyu19891124 cmdjar
    cmd命令打jar是如下实现： 在运行里输入cmd，利用cmd命令进入到本地的工作盘符。(如我的是D盘下的文件有此路径 D:\workspace\prpall\WEB-INF\classes) 现在是想把D:\workspace\prpall\WEB-INF\classes路径下所有的文件打包成prpall.jar。然后继续如下操作： cd D: 回车 cd workspace/prpal
  • [原创]JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明 comsci eclipse设计模式算法工作swing
                           JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明     &nb
  • SecureCRT右键粘贴的设置 daizj secureCRT右键粘贴
    一般都习惯鼠标右键自动粘贴的功能，对于SecureCRT6.7.5 ，这个功能也已经是默认配置了。 老版本的SecureCRT其实也有这个功能，只是不是默认设置，很多人不知道罢了。 菜单： Options->Global Options ...->Terminal 右边有个Mouse的选项块。 Copy on Select Paste on Right/Middle
  • Linux 软链接和硬链接 dongwei_6688 linux
    1.Linux链接概念Linux链接分两种，一种被称为硬链接（Hard Link），另一种被称为符号链接（Symbolic Link）。默认情况下，ln命令产生硬链接。 【硬连接】硬连接指通过索引节点来进行连接。在Linux的文件系统中，保存在磁盘分区中的文件不管是什么类型都给它分配一个编号，称为索引节点号(Inode Index)。在Linux中，多个文件名指向同一索引节点是存在的。一般这种连
  • DIV底部自适应 dcj3sjt126com JavaScript
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
  • Centos6.5使用yum安装mysql——快速上手必备 dcj3sjt126com mysql
    第1步、yum安装mysql [root@stonex ~]#  yum -y install mysql-server 安装结果： Installed:     mysql-server.x86_64 0:5.1.73-3.el6_5                   &nb
  • 如何调试JDK源码 frank1234 jdk
    相信各位小伙伴们跟我一样，想通过JDK源码来学习Java，比如collections包，java.util.concurrent包。 可惜的是sun提供的jdk并不能查看运行中的局部变量，需要重新编译一下rt.jar。 下面是编译jdk的具体步骤：         1.把C:\java\jdk1.6.0_26\sr
  • Maximal Rectangle hcx2013 max
    Given a 2D binary matrix filled with 0's and 1's, find the largest rectangle containing all ones and return its area.   public class Solution { public int maximalRectangle(char[][] matrix)
  • Spring MVC测试框架详解——服务端测试 jinnianshilongnian spring mvc test
    随着RESTful Web Service的流行，测试对外的Service是否满足期望也变的必要的。从Spring 3.2开始Spring了Spring Web测试框架，如果版本低于3.2，请使用spring-test-mvc项目（合并到spring3.2中了）。   Spring MVC测试框架提供了对服务器端和客户端（基于RestTemplate的客户端）提供了支持。 &nbs
  • Linux64位操作系统（CentOS6.6）上如何编译hadoop2.4.0 liyong0802 hadoop
    一、准备编译软件   1.在官网下载jdk1.7、maven3.2.1、ant1.9.4，解压设置好环境变量就可以用。     环境变量设置如下：   （1）执行vim /etc/profile （2）在文件尾部加入: export JAVA_HOME=/home/spark/jdk1.7 export MAVEN_HOME=/ho
  • StatusBar 字体白色 pangyulei status
    [[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent]; /*you'll also need to set UIViewControllerBasedStatusBarAppearance to NO in the plist file if you use this method
  • 如何分析Java虚拟机死锁 sesame javathreadoracle虚拟机jdbc
    英文资料： Thread Dump and Concurrency Locks   Thread dumps are very useful for diagnosing synchronization related problems such as deadlocks on object monitors. Ctrl-\ on Solaris/Linux or Ctrl-B
  • 位运算简介及实用技巧（一）：基础篇 tw_wangzhengquan 位运算
    http://www.matrix67.com/blog/archives/263    去年年底写的关于位运算的日志是这个Blog里少数大受欢迎的文章之一，很多人都希望我能不断完善那篇文章。后来我看到了不少其它的资料，学习到了更多关于位运算的知识，有了重新整理位运算技巧的想法。从今天起我就开始写这一系列位运算讲解文章，与其说是原来那篇文章的follow-up，不如说是一个r
  • jsearch的索引文件结构 yangshangchuan 搜索引擎jsearch全文检索信息检索word分词
    jsearch是一个高性能的全文检索工具包，基于倒排索引，基于java8，类似于lucene，但更轻量级。   jsearch的索引文件结构定义如下：     1、一个词的索引由=分割的三部分组成：        第一部分是词        第二部分是这个词在多少
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他