chwshuang
chwshuang

js画图开发库--mxgraph--[dynamicloading-动态加载.html]

 js画图开发库--mxgraph--[dynamicloading-动态加载.html] 

 

 

<!Doctype html>
<html xmlns=http://www.w3.org/1999/xhtml>
	<head>
	<meta http-equiv=Content-Type content="text/html;charset=utf-8">
	<title>动态加载</title>
	<!-- 如果本文件的包与src不是在同一个目录,就要将basepath设置到src目录下 -->
	<script type="text/javascript">
		mxBasePath = '../src';
	</script>

	<!-- 引入支持库文件 -->
	<script type="text/javascript" src="../src/js/mxClient.js"></script>
	<!-- 示例代码 -->
	<script type="text/javascript">
		// 程序在此方法中启动
		
		// 全局变量，以确保每一个元素在响应中具有独特的ID，
		// 在整个程序的生命周期中每一个元素在实际应用中的设置应该有一个外部的业务对象的ID或其他的单元应该是全局唯一的ID图模型的生命周期。
		var requestId = 0;
		
		function main(container)
		{
			// 检查浏览器支持
			if (!mxClient.isBrowserSupported()) {
				mxUtils.error('Browser is not supported!', 200, false);
			}
			else {
				// 在容器中创建图形
				var graph = new mxGraph(container);
				
				// 禁用所有元素的交互操作 
				graph.setEnabled(false);

				// 处理对元素的点击
				graph.addListener(mxEvent.CLICK, function(sender, evt)
				{
					var cell = evt.getProperty('cell');

					if (cell != null)
					{
						load(graph, cell);
					}
				});

				// 改变默认顶点的风格样式
				var style = graph.getStylesheet().getDefaultVertexStyle();
				style[mxConstants.STYLE_SHAPE] = mxConstants.SHAPE_ELLIPSE;
				style[mxConstants.STYLE_PERIMETER] = mxPerimeter.EllipsePerimeter;
				style[mxConstants.STYLE_GRADIENTCOLOR] = 'white';
								
				// 在图形中创建默认组件 
				var parent = graph.getDefaultParent();

				var cx = graph.container.scrollWidth / 2;
				var cy = graph.container.scrollHeight / 2;
				
				var cell = graph.insertVertex(parent, '0-0', '0-0', cx - 20, cy - 15, 40, 30);

				// 以动画的样式改变图形
				graph.getModel().addListener(mxEvent.CHANGE, function(sender, evt)
				{
					var changes = evt.getProperty('edit').changes;
					mxEffects.animateChanges(graph, changes);
				});

				load(graph, cell);
			}
		};

		// 根据链接在服务器端请求相应的数据加载到给定的图形中（这是演示使用服务器的功能）
		function load(graph, cell)
		{
			if (graph.getModel().isVertex(cell))
			{
				var cx = graph.container.scrollWidth / 2;
				var cy = graph.container.scrollHeight / 2;
				
				// 在图形中创建默认组件 
				var parent = graph.getDefaultParent();

				// 开启模型的更新事务
				graph.getModel().beginUpdate();
				try
				{
					var xml = server(cell.id);
					var doc = mxUtils.parseXml(xml);
					var dec = new mxCodec(doc);
					var model = dec.decode(doc.documentElement);

					// 删除服务器响应中没有的元素
					for (var key in graph.getModel().cells)
					{
						var tmp = graph.getModel().getCell(key);
						
						if (tmp != cell &&
							graph.getModel().isVertex(tmp))
						{
							graph.removeCells([tmp]);
						}
					}

					// 将客户端的元素与服务器返回的元素合并
					graph.getModel().mergeChildren(model.getRoot().getChildAt(0), parent);

					// 将给定的元素移动到图形中心
					var geo = graph.getModel().getGeometry(cell);

					if (geo != null)
					{
						geo = geo.clone();
						geo.x = cx - geo.width / 2;
						geo.y = cy - geo.height / 2;

						graph.getModel().setGeometry(cell, geo);
					}

					//根据选中的元素创建一个新的顶点列表图
					var vertices = [];
					
					for (var key in graph.getModel().cells) {
						var tmp = graph.getModel().getCell(key);
						
						if (tmp != cell &&
							model.isVertex(tmp)) {
							vertices.push(tmp);

							// 将选中的元素移动到园中心位置，形成动画
							var geo = model.getGeometry(tmp);

							if (geo != null) {
								geo.x = cx - geo.width / 2;
								geo.y = cy - geo.height / 2;
							}
						}
					}
					
					// 将响应的内容排列到一个圆形图中 
					var cellCount = vertices.length;
					var phi = 2 * Math.PI / cellCount;
					var r = Math.min(graph.container.scrollWidth / 4,
							graph.container.scrollHeight / 4);
					
					for (var i = 0; i < cellCount; i++) {
						var geo = graph.getModel().getGeometry(vertices[i]);
						
						if (geo != null) {
							geo = geo.clone();
							geo.x += r * Math.sin(i * phi);
							geo.y += r * Math.cos(i * phi);

							graph.getModel().setGeometry(vertices[i], geo);
						}
					}
				}
				finally
				{
					// 更新事务结束
					graph.getModel().endUpdate();
				}
			}
		};

		// 模拟的一个服务器，可以抓取大的具有一定深度的曲线图，并创建用于遍历的细胞，然后将其发送到客户端的图形模型的存在
		// 模拟服务器，
		function server(cellId)
		{
			// 增加元素的请求ID的编号
			requestId++;

			// 创建一个没有显示的本地图形
			var graph = new mxGraph();
			
			// 在对象中创建默认组件 
			var parent = graph.getDefaultParent();

			// 开启模型的更新事务
			graph.getModel().beginUpdate();
			try
			{
				var v0 = graph.insertVertex(parent, cellId, 'Dummy', 0, 0, 40, 30);
				var cellCount = parseInt(Math.random() * 16) + 4;

				// 在顶点元素上根据随机数创建子元素
				for (var i = 0; i < cellCount; i++)
				{
					var id = requestId + '-' + i;
					var v = graph.insertVertex(parent, id, id, 0, 0, 40, 30);
					var e = graph.insertEdge(parent, null, 'Link ' + i, v0, v);
				}
			}
			finally
			{
				// 更新事务结束 
				graph.getModel().endUpdate();
			}

			var enc = new mxCodec();
			var node = enc.encode(graph.getModel());
			
			return mxUtils.getXml(node);
		};
	</script>
</head>

<!-- 页面载入时启动程序 -->
<body onload="main(document.getElementById('graphContainer'))" style="overflow:hidden;">

	<!-- Creates a container for the graph with a grid wallpaper. Make sure to define the position
		and overflow attributes! See comments on the adding of the size-listener on line 54 ff!  -->
	<!-- 创建带网格壁纸和曲线的一个容器，请一定要定义的position和overflow的属性！根据在线API的54 页内容增加的大小侦听器  -->
	<div id="graphContainer"
		style="overflow:visible;position:absolute;width:100%;height:100%;background:url('editors/images/grid.gif');cursor:default;">
	</div>
</body>
</html>

 

 

 

 

 

你可能感兴趣的:(js画图开发库--mxgraph--[dynamicloading-动态加载.html])

  • 代码审计学习路线 白帽子技术分享 python网络安全代码审计
    学习代码审计分以下四部分一.编程语言1.前端语言html/javascript/dom元素使用，主要是为了挖掘xss漏洞，jquery主要写一些涉及到CSRF脚本使用的或者DOM型XSS，JSON劫持等2.后端语言基础语法要知道，例如变量类型,常量,数组(python是列表,元组,字典)，对象,类的调用,引用等，MVC设计模式要清楚,因为大部分目标程序都是基于MVC写的，包括不限于php，pyth
  • 前端——vue代码结构 Alisazxy 前端
    默认代码结构README.md---项目说明文件package.json---定义了这个项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等元数据）。package-lock.json---会自动为npm修改node_modules树或任何操作而生成package.jsonLICENSE---开源协议index.html---项目默认首页模板.postcssrc.js---是对pos
  • 微信小程序视频点播在线视频学习系统 毕业设计 课程设计（1）首页_微信小程序视频功能设计流程图 字节全栈_kYu 微信小程序学习课程设计
    06-19关于违规会员处理的通知视频分类最新更新课程所有课程HTML入门到精通3651人报名免费HTML入门到精通3651人报名免费HTML入门到精通3651人报名免费HTML入门到精通3651人报名免费###wxss代码/*广告图片*/.ad01{width:100%;/*宽度100%*/}.qukuai{display:flex;align-items:center;background-co
  • http://www.115ps.com/all.html,plnt-20200804 爽新全效瓷兔膏
    0001637207-20-000037.txt:202008040001637207-20-000037.hdr.sgml:2020080420200804161432ACCESSIONNUMBER:0001637207-20-000037CONFORMEDSUBMISSIONTYPE:8-KPUBLICDOCUMENTCOUNT:15CONFORMEDPERIODOFREPORT:202008
  • JavaScript网页设计实战：微信登录 + 获取用户头像和昵称 James吖 javascript微信前端开发语言目标检测ecmascript神经网络
    引言在现代Web开发中，社交媒体登录已经成为提升用户体验的一个重要组成部分。微信登录因其广泛的用户基础和便捷的登录方式，深受开发者和用户的喜爱。本文将通过一个实战案例，介绍如何在JavaScript网页应用中集成微信登录功能，并获取用户的头像和昵称。前提条件在开始之前，请确保你已经具备以下条件：已经在微信开放平台上注册并创建了应用，获取到了AppID和AppSecret。了解基本的HTML、CSS
  • JavaScript-黑马程序员-前端零基础 羊羊的代码笔记本 javascript前端html
    目录1.初识JavaScript1.1浏览器执行js1.2js的组成1.3js三种书写方式1.4JavaScript输入输出语句2.变量2.1变量是一个装东西的容器2.2变量是使用2.3更新变量2.4声明多个变量1.初识JavaScript是一种高级编程语言1.1浏览器执行js浏览器分成两部分：渲染引擎和js引擎渲染引擎：用来解析HTML和CSS，俗称内核js引擎：也称为js解释器。用来读取网页中
  • python 从知网的期刊导航页面抓取与农业科技相关的数据 go5463158465 pythonpython科技开发语言
    要从知网的期刊导航页面抓取与农业科技相关的数据，并提取《土壤学报》2016年06期的结果，可以使用requests库来获取网页内容，BeautifulSoup库来解析HTML。由于知网页面结构可能会发生变化，在实际使用中，需要根据页面结构的实际情况进行调整。以下是实现该功能的Python代码示例：importrequestsfrombs4importBeautifulSoupdefcrawl_ag
  • Github 2025-02-01 开源项目月报 Top20 老孙正经胡说 github开源Github趋势分析开源项目PythonGolang
    根据GithubTrendings的统计，本月(2025-02-01统计)共有20个项目上榜。根据开发语言中项目的数量，汇总情况如下：开发语言项目数量Python项目8TypeScript项目3JupyterNotebook项目2Rust项目2HTML项目2C++项目1Ruby项目1JavaScript项目1Svelte项目1非开发语言项目1Go项目1Ollama:本地大型语言模型设置与运行创建周
  • HTML5+SVG+CSS3 雪中点亮的圣诞树 坏男孩！ css3html5css
    HTML5+SVG+CSS3雪中点亮的圣诞树源码下载地址：HTML5+SVG+CSS3雪中点亮的圣诞树css3：body{background:-webkit-linear-gradient(top,#235,#22240%,#fff50%,#fff);background:linear-gradient(tobottom,#235,#22240%,#fff50%,#fff);overflow:h
  • mac 安装多个python版本 泡了个面 macospython开发语言
    python相关学习资料：https://edu.51cto.com/video/1158.htmlhttps://edu.51cto.com/video/4102.htmlhttps://edu.51cto.com/video/3832.html安装多个Python版本在Mac上的指南作为一名经验丰富的开发者，我经常被问到如何在Mac上安装和管理多个Python版本。这篇文章将详细指导你如何实现
  • （尚硅谷 Java 学习 B 站大学版）Day 13 面向对象 方法 亢从文_Jackson java学习开发语言
    4-5类的成员之二：方法（Method）一、“万事万物皆对象”**：（理解）1、在Java语言范畴中，我们都将功能、结构等封装到类中，通过类的实例化，来调用具体的功能结构>Scanner,String等>文件：File>网络资源：URL2、涉及到java语言与前端html、后端数据库交互时，前后端的结构在Java层面交互时，都体现为类、对象二、内存解析说明1、引用类型的变量，只可能存储两类值：nu
  • solr 的admin.html 详细使用讲解 qq_37300675 solr
    爱雨轩真正的爱情，就像花朵，开放的地方越贫瘠，越是美丽动人！目录视图摘要视图订阅征文|从高考，到程序员深度学习与TensorFlow入门一课搞定！每周荐书|Web扫描、HTML5、Python（评论送书）solr管理界面详解标签：solrsolr管理界面solrqueryanalysis2016-08-0210:425117人阅读评论(0)收藏举报本文章已收录于：分类：Solr（8）作者同类文章X
  • Python网络爬虫调试技巧：解决爬虫中的问题 master_chenchengg pythonpythonPythonpython开发IT
    Python网络爬虫调试技巧：解决爬虫中的问题引子：当你的小蜘蛛遇到大麻烦知己知彼：了解常见的爬虫错误类型侦探出马：使用开发者工具和日志追踪问题源头化险为夷：调整User-Agent与添加延时策略进阶秘籍：处理JavaScript渲染页面与动态加载内容引子：当你的小蜘蛛遇到大麻烦在一个阳光明媚的下午，我正坐在电脑前，满怀信心地运行着我的Python爬虫脚本。这个脚本是为了从一个大型电子商务网站上抓
  • react中关于组件的一些概念(有无状态组件、组件封装与继承 、高阶组件) 不能懒鸭 react基础面试react.jsjavascript前端
    怎么理解“在react中，一切皆为组件”句话react采用组件化的思想，最小的组件单位就是原生HTML元素，采用JSX语法组件声明调用react的虚拟dom，就是一个大的组件树，从父组件层到子组件，在react-routerv4版开始，路由本身也是组件各个库提供的hoc返回也是组件，如withRouter、connectreact中的基础数据stateprops的传递也是以组件为基础1.什么是组件
  • HTML基础与进阶技术指南 王奥雷
    本文还有配套的精品资源，点击获取简介：HTML是构建网页的基础语言，负责定义网页的内容结构和样式。初学者需要掌握HTML元素、属性、结构等基础知识，并了解HTML5新增的语义化标签，表单元素的使用，布局与定位技术，响应式设计原则，以及如何与JavaScript交互。此外，学习SEO优化和无障碍性设计也是提高网页质量和可访问性的关键。本指南旨在引导初学者从基础到高级技巧，逐步深入理解并实践网页开发。
  • 第26节课：内容安全策略（CSP）—构建安全网页的防御盾 学问小小谢 HTML学习安全前端学习服务器运维网络
    目录CSP基础CSP的作用CSP的主要属性配置CSP通过响应头配置CSP通过HTML``标签配置CSP属性设置详解指定多个来源配置示例说明常见错误配置实践：CSP与XSS防护示例1：防止内联脚本和样式说明示例2：限制图片来源说明限制与注意事项结语在现代Web开发中，内容安全策略（CSP）是一种强大的工具，用于帮助开发者防止多种安全漏洞，尤其是跨站脚本（XSS）攻击。本节课将详细介绍CSP的基础知识
  • 深入剖析 HTML5 新特性：语义化标签和表单控件完全指南 吴师兄大模型 html5前端html语义化标签表单控件HTML5编程
    系列文章目录01-从零开始学HTML：构建网页的基本框架与技巧02-HTML常见文本标签解析：从基础到进阶的全面指南03-HTML从入门到精通：链接与图像标签全解析04-HTML列表标签全解析：无序与有序列表的深度应用05-HTML表格标签全面解析：从基础到高级优化技巧06-HTML表单深度解析：GET和POST提交方法07-HTML表单控件类型大全：文本框、密码框、文件上传全掌握08-前端表单验
  • 实战：利用百度站长平台加速网站收录 百度网站快速收录 百度百度快速收录网站快速收录
    本文转自：百万收录网原文链接：https://www.baiwanshoulu.com/33.html利用百度站长平台加速网站收录是一个实战性很强的过程，以下是一些具体的步骤和策略：一、了解百度站长平台百度站长平台是百度为网站管理员提供的一系列工具和服务，旨在帮助网站更好地与百度搜索引擎进行交互。通过该平台，你可以提交网站地图、监控网站表现、优化搜索排名等。二、注册与验证网站注册百度账号：如果你还
  • 表单提交实战教程：HTML、CSS、JavaScript到Java后端 河马和荷花
    本文还有配套的精品资源，点击获取简介：网页表单是用户与服务器交互的重要界面元素，本资源提供了从构建表单到数据提交的完整流程。介绍了HTML表单基础、GET与POST提交方法、JavaScript事件处理、CSS样式设计，并通过demo.html文件展示综合应用，以及Java后端的接收和处理。同时，强调了表单安全和性能优化的重要性。1.HTML表单基础知识HTML表单的作用和结构HTML表单是Web
  • MarkDown 语法学习 2501_90252715 学习
    ###四级标题####五级标题#####六级标题######横线–***---___*字型–斜体:**粗体:****斜粗体******HTML斜体:HTML粗体:HTML粗斜体:引用–>>>>>>...时间过得好快。Timeflies–zmsAndroidDeveloper莫忘初衷。正文内容清单–---1.2.3.***+++清单1.1清单1.2清单1.3清单2.1清单2.2清单2.3abcaaa
  • 在HTML中的行内元素（inline elements）、块级元素（block-level elements）和空元素（void elements 或 empty elements）。 小白_ysf 前端基础前端
    目录行内元素（InlineElements）块级元素（Block-levelElements）空元素（VoidElements或EmptyElements）行内元素（InlineElements）定义：行内元素不会开始新的一行，而是与其他元素并排显示。特点：不会打断文本流。高度、行高以及外边距和内边距的上下部分不可改变。宽度就是它的文字或图片的宽度，不可改变。内联元素之间会有空白符（空格、换行等）
  • Python 网络爬虫实战：从基础到高级爬取技术 一ge科研小菜鸡 编程语言Pythonpython
    个人主页：一ge科研小菜鸡-CSDN博客期待您的关注1.引言网络爬虫（WebScraping）是一种自动化技术，利用程序从网页中提取数据，广泛应用于数据采集、搜索引擎、市场分析、舆情监测等领域。本教程将涵盖requests、BeautifulSoup、Selenium、Scrapy等常用工具，并深入探讨反爬机制突破、动态加载页面、模拟登录、多线程/分布式爬取等高级技巧。2.爬虫基础：request
  • 在js中使用createElement创建HTML对象和元素 Dove言和
    1.创建链接 var o=document.body; //创建链接 function createA(url,text) { var a=document.createElement("a"); a.href=url; a.innerHTML=text; a.style.color= "red"; o.appendChild(a); } createA("http://www.ffasp.com
  • 【JQuery】.val()方法和.html()方法的区别探究，延伸HTML中元素（Elements）和表单元素（Form Elements）的区别 maider_kong jqueryhtml前端
    一、HTML中元素（Elements）和表单元素（FormElements）的区别1.HTML元素（Elements）HTML元素是HTML文档的基本构建块。每个HTML元素都通过开始标签和结束标签来定义（某些元素是空的，即它们不包含任何内容，因此不需要结束标签，如或）。元素可以包含属性，这些属性提供了有关HTML元素的额外信息。例如，元素用于定义段落，到元素用于定义标题，元素用于定义超链接，和元
  • Tauri应用开发实践指南（1）— Tauri 怎么样 前端徐徐 Tauri应用开发实践指南前端前端框架
    本文首发于微信公众号：前端徐徐。欢迎关注，获取更多前端技能分享。Tarui是什么Tauri是一个用于构建针对所有主要桌面和移动平台的小型、高速二进制文件的框架。开发人员可以集成任何能编译为HTML、JavaScript和CSS的前端框架来构建用户体验,同时在需要时利用诸如Rust、Swift和Kotlin等语言进行后端逻辑开发。官网：https://tauri.appTarui架构Tauri的整体
  • HTML中的元素（elements） 董林夕 html前端
    HTML（HyperTextMarkupLanguage）中的元素（elements）定义了网页的结构和内容。以下是一些常见的HTML元素及其各自的作用：文档结构元素：：根元素，包裹所有其他HTML元素。：包含文档的元数据，如标题、字符集声明、样式表链接、脚本等。：定义文档的标题，显示在浏览器标签页上。：包含文档的所有可见内容，如文本、图片、视频、游戏、可播放的音频等。文本内容元素：-：标题元素，
  • Python一个爬虫 HL.云黑 python爬虫开发语言
    importrequestsimportreimportthreadingfromconcurrent.futuresimportThreadPoolExecutorheaders={'User-Agent':'Mozilla/5.0(WindowsNT6.1;WOW64)AppleWebKit/537.36(KHTML,likeGecko)Chrome/62.0.3202.101Safari/5
  • python eml解析_提取邮件（eml格式）保存为html-python | 学步园 weixin_39820158 pythoneml解析
    #-*-coding:utf-8-*-__author__='[email protected]'importosimportsysimportemailimporterrnoimportmimetypesPATH=os.path.abspath(os.path.dirname(sys.argv[0]))ITEM_PATH=PATH+"\item"PATH_DATA=os.path.abspat
  • AI：180-如何利用Python进行图像处理和计算机视觉任务 一键难忘 精通AI实战千例专栏合集python图像处理计算机视觉
    本文收录于专栏：精通AI实战千例专栏合集https://blog.csdn.net/weixin_52908342/category_11863492.html从基础到实践，深入学习。无论你是初学者还是经验丰富的老手，对于本专栏案例和项目实践都有参考学习意义。每一个案例都附带关键代码，详细讲解供大家学习，希望可以帮到大家。正在不断更新中~一.探索Python在图像处理和计算机视觉任务中的应用随着人
  • 前端必知必会-Vue 简介 编程岁月 vue.js前端javascript
    文章目录Vue简介Vue是一个JavaScript框架为什么要学习Vue？OptionsAPI我的第一页文本插值文本插值中的JavaScript总结Vue简介Vue是一个JavaScript框架。可以使用标记将其添加到HTML页面。Vue使用指令扩展HTML属性，并使用表达式将数据绑定到HTML。Vue是一个JavaScript框架Vue是一个用JavaScript编写的前端JavaScript框
  • Spring中@Value注解，需要注意的地方 无量 springbean@Valuexml
    Spring 3以后,支持@Value注解的方式获取properties文件中的配置值，简化了读取配置文件的复杂操作 1、在applicationContext.xml文件(或引用文件中)中配置properties文件 <bean id="appProperty" class="org.springframework.beans.fac
  • mongoDB 分片 开窍的石头 mongodb
        mongoDB的分片。要mongos查询数据时候 先查询configsvr看数据在那台shard上，configsvr上边放的是metar信息，指的是那条数据在那个片上。由此可以看出mongo在做分片的时候咱们至少要有一个configsvr,和两个以上的shard（片）信息。     第一步启动两台以上的mongo服务 &nb
  • OVER(PARTITION BY)函数用法 0624chenhong oracle
    这篇写得很好，引自 http://www.cnblogs.com/lanzi/archive/2010/10/26/1861338.html OVER(PARTITION BY)函数用法 2010年10月26日 OVER(PARTITION BY)函数介绍 开窗函数        &nb
  • Android开发中，ADB server didn't ACK 解决方法 一炮送你回车库 Android开发
    首先通知：凡是安装360、豌豆荚、腾讯管家的全部卸载，然后再尝试。   一直没搞明白这个问题咋出现的，但今天看到一个方法，搞定了！原来是豌豆荚占用了 5037 端口导致。 参见原文章：一个豌豆荚引发的血案——关于ADB server didn't ACK的问题 简单来讲，首先将Windows任务进程中的豌豆荚干掉，如果还是不行，再继续按下列步骤排查。 &nb
  • canvas中的像素绘制问题 换个号韩国红果果 JavaScriptcanvas
    pixl的绘制，1.如果绘制点正处于相邻像素交叉线，绘制x像素的线宽，则从交叉线分别向前向后绘制x/2个像素，如果x/2是整数，则刚好填满x个像素，如果是小数，则先把整数格填满，再去绘制剩下的小数部分，绘制时，是将小数部分的颜色用来除以一个像素的宽度，颜色会变淡。所以要用整数坐标来画的话（即绘制点正处于相邻像素交叉线时），线宽必须是2的整数倍。否则会出现不饱满的像素。 2.如果绘制点为一个像素的
  • 编码乱码问题 灵静志远 javajvmjsp编码
    1、JVM中单个字符占用的字节长度跟编码方式有关，而默认编码方式又跟平台是一一对应的或说平台决定了默认字符编码方式；2、对于单个字符：ISO-8859-1单字节编码，GBK双字节编码，UTF-8三字节编码；因此中文平台(中文平台默认字符集编码GBK)下一个中文字符占2个字节，而英文平台(英文平台默认字符集编码Cp1252(类似于ISO-8859-1))。 3、getBytes()、getByte
  • java 求几个月后的日期 darkranger calendargetinstance
    Date plandate = planDate.toDate(); SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd"); Calendar cal = Calendar.getInstance(); cal.setTime(plandate); // 取得三个月后时间 cal.add(Calendar.M
  • 数据库设计的三大范式（通俗易懂） aijuans 数据库复习
    关系数据库中的关系必须满足一定的要求。满足不同程度要求的为不同范式。数据库的设计范式是数据库设计所需要满足的规范。只有理解数据库的设计范式，才能设计出高效率、优雅的数据库，否则可能会设计出错误的数据库. 目前，主要有六种范式：第一范式、第二范式、第三范式、BC范式、第四范式和第五范式。满足最低要求的叫第一范式，简称1NF。在第一范式基础上进一步满足一些要求的为第二范式，简称2NF。其余依此类推。
  • 想学工作流怎么入手 atongyeye jbpm
    工作流在工作中变得越来越重要，很多朋友想学工作流却不知如何入手。 很多朋友习惯性的这看一点，那了解一点，既不系统，也容易半途而废。好比学武功，最好的办法是有一本武功秘籍。研究明白，则犹如打通任督二脉。 系统学习工作流，很重要的一本书《JBPM工作流开发指南》。 本人苦苦学习两个月，基本上可以解决大部分流程问题。整理一下学习思路，有兴趣的朋友可以参考下。 1  首先要
  • Context和SQLiteOpenHelper创建数据库 百合不是茶 androidContext创建数据库
           一直以为安卓数据库的创建就是使用SQLiteOpenHelper创建,但是最近在android的一本书上看到了Context也可以创建数据库,下面我们一起分析这两种方式创建数据库的方式和区别,重点在SQLiteOpenHelper     一:SQLiteOpenHelper创建数据库:   1,SQLi
  • 浅谈group by和distinct bijian1013 oracle数据库group bydistinct
            group by和distinct只了去重意义一样，但是group by应用范围更广泛些，如分组汇总或者从聚合函数里筛选数据等。         譬如：统计每id数并且只显示数大于3 select id ,count(id) from ta
  • vi opertion 征客丶 macoprationvi
    进入 command mode （命令行模式） 按 esc 键 再按 shift + 冒号 注：以下命令中 带 $ 【在命令行模式下进行】，不带 $ 【在非命令行模式下进行】 一、文件操作 1.1、强制退出不保存 $ q! 1.2、保存 $ w 1.3、保存并退出 $ wq 1.4、刷新或重新加载已打开的文件 $ e 二、光标移动 2.1、跳到指定行 数字
  • 【Spark十四】深入Spark RDD第三部分RDD基本API bit1129 spark
      对于K/V类型的RDD,如下操作是什么含义？   val rdd = sc.parallelize(List(("A",3),("C",6),("A",1),("B",5)) rdd.reduceByKey(_+_).collect  reduceByKey在这里的操作，是把
  • java类加载机制 BlueSkator java虚拟机
    java类加载机制 1.java类加载器的树状结构 引导类加载器 ^ | 扩展类加载器 ^ | 系统类加载器 java使用代理模式来完成类加载，java的类加载器也有类似于继承的关系，引导类是最顶层的加载器，它是所有类的根加载器，它负责加载java核心库。当一个类加载器接到装载类到虚拟机的请求时，通常会代理给父类加载器，若已经是根加载器了，就自己完成加载。 虚拟机区分一个Cla
  • 动态添加文本框 BreakingBad 文本框
      <script>     var num=1; function AddInput() {      var str="";     str+="<input 
  • 读《研磨设计模式》-代码笔记-单例模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ public class Singleton { } /* * 懒汉模式。注意，getInstance如果在多线程环境中调用，需要加上synchronized，否则存在线程不安全问题 */ class LazySingleton
  • iOS应用打包发布常见问题 chenhbc iosiOS发布iOS上传iOS打包
    这个月公司安排我一个人做iOS客户端开发，由于急着用，我先发布一个版本，由于第一次发布iOS应用，期间出了不少问题，记录于此。   1、使用Application Loader 发布时报错：Communication error.please use diagnostic mode to check connectivity.you need to have outbound acc
  • 工作流复杂拓扑结构处理新思路 comsci 设计模式工作算法企业应用OO
    我们走的设计路线和国外的产品不太一样，不一样在哪里呢？  国外的流程的设计思路是通过事先定义一整套规则(类似XPDL)来约束和控制流程图的复杂度(我对国外的产品了解不够多，仅仅是在有限的了解程度上面提出这样的看法)，从而避免在流程引擎中处理这些复杂的图的问题，而我们却没有通过事先定义这样的复杂的规则来约束和降低用户自定义流程图的灵活性，这样一来，在引擎和流程流转控制这一个层面就会遇到很
  • oracle 11g新特性Flashback data archive daizj oracle
    1. 什么是flashback data archive Flashback data archive是oracle 11g中引入的一个新特性。Flashback archive是一个新的数据库对象，用于存储一个或多表的历史数据。Flashback archive是一个逻辑对象，概念上类似于表空间。实际上flashback archive可以看作是存储一个或多个表的所有事务变化的逻辑空间。
  • 多叉树:2-3-4树 dieslrae 树
        平衡树多叉树,每个节点最多有4个子节点和3个数据项,2,3,4的含义是指一个节点可能含有的子节点的个数,效率比红黑树稍差.一般不允许出现重复关键字值.2-3-4树有以下特征:     1、有一个数据项的节点总是有2个子节点(称为2-节点)     2、有两个数据项的节点总是有3个子节点(称为3-节
  • C语言学习七动态分配 malloc的使用 dcj3sjt126com clanguagemalloc
    /* 2013年3月15日15:16:24 malloc 就memory(内存) allocate(分配)的缩写 本程序没有实际含义，只是理解使用 */ # include <stdio.h> # include <malloc.h> int main(void) { int i = 5; //分配了4个字节 静态分配 int * p
  • Objective-C编码规范[译] dcj3sjt126com 代码规范
      原文链接 : The official raywenderlich.com Objective-C style guide 原文作者 : raywenderlich.com Team 译文出自 : raywenderlich.com Objective-C编码规范 译者 : Sam Lau
  • 0.性能优化-目录 frank1234 性能优化
    从今天开始笔者陆续发表一些性能测试相关的文章，主要是对自己前段时间学习的总结，由于水平有限，性能测试领域很深，本人理解的也比较浅，欢迎各位大咖批评指正。 主要内容包括： 一、性能测试指标 吞吐量、TPS、响应时间、负载、可扩展性、PV、思考时间 http://frank1234.iteye.com/blog/2180305 二、性能测试策略 生产环境相同 基准测试 预热等 htt
  • Java父类取得子类传递的泛型参数Class类型 happyqing java泛型父类子类Class
      import java.lang.reflect.ParameterizedType; import java.lang.reflect.Type; import org.junit.Test; abstract class BaseDao<T> { public void getType() { //Class<E> clazz =
  • 跟我学SpringMVC目录汇总贴、PDF下载、源码下载 jinnianshilongnian springMVC
      ----广告-------------------------------------------------------------- 网站核心商详页开发 掌握Java技术，掌握并发/异步工具使用，熟悉spring、ibatis框架； 掌握数据库技术，表设计和索引优化，分库分表/读写分离； 了解缓存技术，熟练使用如Redis/Memcached等主流技术； 了解Ngin
  • the HTTP rewrite module requires the PCRE library 流浪鱼 rewrite
    ./configure: error: the HTTP rewrite module requires the PCRE library. 模块依赖性Nginx需要依赖下面3个包 1. gzip 模块需要 zlib 库 ( 下载: http://www.zlib.net/ ) 2. rewrite 模块需要 pcre 库 ( 下载: http://www.pcre.org/ ) 3. s
  • 第12章 Ajax（中） onestopweb Ajax
    index.html <!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/
  • Optimize query with Query Stripping in Web Intelligence blueoxygen BO
    http://wiki.sdn.sap.com/wiki/display/BOBJ/Optimize+query+with+Query+Stripping+in+Web+Intelligence and a very straightfoward video http://www.sdn.sap.com/irj/scn/events?rid=/library/uuid/40ec3a0c-936
  • Java开发者写SQL时常犯的10个错误 tomcat_oracle javasql
    1、不用PreparedStatements 　　有意思的是，在JDBC出现了许多年后的今天，这个错误依然出现在博客、论坛和邮件列表中，即便要记住和理解它是一件很简单的事。开发者不使用PreparedStatements的原因可能有如下几个： 　　他们对PreparedStatements不了解 　　他们认为使用PreparedStatements太慢了 　　他们认为写Prepar
  • 世纪互联与结盟有感 阿尔萨斯
    10月10日，世纪互联与（Foxcon）签约成立合资公司，有感。 全球电子制造业巨头（全球500强企业）与世纪互联共同看好IDC、云计算等业务在中国的增长空间，双方迅速果断出手，在资本层面上达成合作，此举体现了全球电子制造业巨头对世纪互联IDC业务的欣赏与信任，另一方面反映出世纪互联目前良好的运营状况与广阔的发展前景。 众所周知，精于电子产品制造（世界第一），对于世纪互联而言，能够与结盟
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他