执念斩长河
执念斩长河

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基础)

  • 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代
  • TypeScript+Vue 神小夜 前端vuetypescript
    Vue官方TypeScript支持文档初始化项目使用@vue/cli创建模版项目（啥是@vue/cli）具体操作自行百度提示：@vue/cli脚手架默认生成的项目是零webpack配置，但是可以支持自定义webpack配置。只需在根目录下新建vue.config.js配置文件，这个文件会被@vue/cli-service自动加载。vue.config.js基础配置模版：constpath=requ
  • 08-JS基础-BOM相关 xiaohan_zhang
    BOM浏览器对象模型BOM可以使我们通过JS来操作浏览器BOM对象：Window代表的是整个浏览器的窗口，同时window也是网页中的全局对象Navigator代表的当前浏览器的信息，通过该对象可以来识别不同的浏览器。Location代表当前浏览器的地址栏信息，通过Location可以获取地址栏信息，或者操作浏览器跳转页面History代表浏览器的历史记录，可以通过该对象来操作浏览器的历史记录由于
  • 【Three.js基础学习】19.Custom models with Blender 蚕食我的耐心 three.js基础学习学习blender
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档前言blender模型资源:【blender】一个汉堡包-CSDN博客一、代码import'./style.css'import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/OrbitControls.js'import{GLTFLoa
  • 笔记：node.js基础 一只小bug。 node.js
    1.初识node.jsNode.js是一个基于chromeV8引擎的javaScript运行环境。浏览器中js的运行环境=chromeV8引擎+webAPI（BOM、DOM、ajax等）。Node.js中js的运行环境=V8引擎+内置API（fs、path、http、js内置对象等）。终端快捷键：tab（补全路径）、esc（清空当前已输入的命令）、clear（清空终端）。2.fs文件模块系统fs模
  • three.js 实现 3D地图 优雅永不过时· 3djavascript低代码npm智慧城市前端threejs
    three.js实现仿照echarts3d地图。由于three.js目前比较依赖写代码，而一个美的地图需要大量的three.js组合，我建议先做three.js基础层的低代码编辑器，随后各种项目和效果配置起来都会很方便。https://z2586300277.github.io/three-editor/dist/#/codeMirror?example_path=threeEditor&exam
  • 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其他