chwshuang
chwshuang

js画图--mxgraph--codec.html 编辑框
js画图--mxgraph--codec.html 编辑框 

 


<!Doctype html>
<html xmlns=http://www.w3.org/1999/xhtml>
	<head>
	<meta http-equiv=Content-Type content="text/html;charset=utf-8">
	<title>Editing example for mxGraph</title>
	<script type="text/javascript">
		mxBasePath = '../src';
	</script>
	<!-- 引入支持库文件 -->
	<script type="text/javascript" src="../src/js/mxClient.js"></script>
	<!-- 示例代码 -->
	<script type="text/javascript">
		// 程序在此方法中启动
		function main(container)
		{
			// 检查浏览器支持
			if (!mxClient.isBrowserSupported()) {
				mxUtils.error('浏览器不支持!', 200, false);
			} else {
				// 在对象中创建图形
				var graph = new mxGraph(container);
				graph.setHtmlLabels(true);
				
				// 在图形对象中添加按键监听
				var keyHandler = new mxKeyHandler(graph);
				// 鼠标事件触发，返回选中对象字段名称
				var getFieldnameForEvent = function(cell, evt) {
					if (evt != null) {
						// 获得事件在元素内的坐标 
						var point = mxUtils.convertPoint(graph.container,
								evt.clientX, evt.clientY);
						var state = graph.getView().getState(cell);
						
						if (state != null)
						{
							point.x -= state.x;
							point.y -= state.y;
							
							// 判断事件坐标位置
							//if (point.y > state.height / 3)
							if (point.y > state.height / 3) {
								if(point.y > ((state.height / 3)*2)){
									return 'three';
								}
								return 'second';
							}
						}
					}
					return 'first';
				};
				
				// 返回含有上下内容的表格
				graph.getLabel = function(cell) {
					var table = document.createElement('table');
					table.style.height = '100%';
					table.style.width = '100%';
					
					var body = document.createElement('tbody');
					var tr1 = document.createElement('tr');
					var td1 = document.createElement('td');
					td1.style.fontSize = '12px';
					mxUtils.write(td1, cell.value.first);
					
					var tr2 = document.createElement('tr');
					var td2 = document.createElement('td');
					td2.style.fontSize = '12px';
					mxUtils.write(td2, cell.value.second);
					
					var tr3 = document.createElement('tr');
					var td3 = document.createElement('td');
					td3.style.fontSize = '12px';
					mxUtils.write(td3, cell.value.three);
					
					tr1.appendChild(td1);
					tr2.appendChild(td2);
					tr3.appendChild(td3);
					body.appendChild(tr1);
					body.appendChild(tr2);
					body.appendChild(tr3);
					table.appendChild(body);
					
					return table;
				};
				 
				// 返回要编辑的内容
				graph.getEditingValue = function(cell, evt) {
					evt.fieldname = getFieldnameForEvent(cell, evt);
					return cell.value[evt.fieldname] || '';
				};
								
				// 标签内容改变时触发元素内值更新
				graph.labelChanged = function(cell, newValue, trigger) {
					var name = (trigger != null) ? trigger.fieldname : null;
					if (name != null) {
						// Clones the user object for correct undo and puts
						// the new value in the correct field.
						var value = mxUtils.clone(cell.value);
						value[name] = newValue;
						newValue = value;
						
						mxGraph.prototype.labelChanged.apply(this, arguments);
					}
				};
				
				// 给示例对象赋值
				var value = new Object();
				value.first = '上部内容';
				value.second = '中部内容';
				value.three = '下部内容'; 
				
				// 获得默认元对象
				var parent = graph.getDefaultParent();
								
				// 在图形中添加元对象
				//开启事务
				graph.getModel().beginUpdate();
				try {
					var v1 = graph.insertVertex(parent, null, value, 100, 60, 120, 80, 'overflow=fill;');
				}
				finally
				{
					// 结束事务
					graph.getModel().endUpdate();
				}
			}
		};
	</script>
</head>

<!-- 页面载入时启动程序 -->
<body onload="main(document.getElementById('graphContainer'))">
	<p>
	 双击上(下)一半的单元格的编辑不同领域的对象。
	</p>
	<!-- 创建一个带网格背景的容器 -->
	<div id="graphContainer"
		style="overflow:hidden;position:relative;width:321px;height:241px;background:url('../examples/editors/images/grid.gif')">
	</div>
</body>
</html>

 

特别要注意的是div id='graphContainer'这个容器背景url地址的写法要引用正确。

 

你可能感兴趣的:(mxgraph,js画图,编辑框,codec.html)

  • MxGraph上下文按钮实现 随风九天 前端mxgraph浮动按钮
    1介绍mxGraph是一个强大的JavaScript图形前端库，可以快速创建交互式图表和图表应用程序，国内外著名的ProcessOne和draw.io都是使用该库创建的强大的在线流程图绘制网站.1.1编写顶点事件functionmxVertexToolHandler(state){mxVertexHandler.apply(this,arguments);};mxVertexToolHandler
  • mxgraph创建流程实现简单的加减乘除 lost_wen mxgraphmxgraph
    html{min-width:800px;}body{margin:0auto;font-size:12px;height:550px;}input.form-control,button.btn{font-size:12px;height:25px;line-height:12px;}#container{width:100%;height:500px;overflow:hidden;backg
  • 探索 Fabric.js：前端开发的轻量级图形编辑框架 滑辰煦Marc
    探索Fabric.js：前端开发的轻量级图形编辑框架是一个强大的、基于WebGL和SVG的JavaScript图形库，专为构建交互式图形界面而设计。它提供了一种简单的方式来在网页上创建和操纵矢量对象，包括文本、形状、图像等，并且具有丰富的可定制性和性能优化。项目简介Fabric.js提供了一个统一的对象模型，使得处理HTML5canvas上的元素变得异常简单。无论是创建复杂的绘图应用，还是实现动态
  • 基于PYQT5的表格控件类QTableWidget的扩展子类QTableWidgetEx（可实现各种单元格为各种控件类型,图象，动画，按纽组合框，复选框等） mr_LuoWei2009 PYTHON+PYQT学习心得qt开发语言python
    刚完成了一个基于PYQT5的表格控件类QTableWidget的扩展子类QTableWidgetEx，扩展类可以实现自定义表格头类型，表格中的单元格可以是标签、复选框、按纽、组合框、有掩码的编辑框、多行文本编辑等任意窗体类控件（读者可继续扩展）在编写此扩展子类的过程中的相关总结如下：1、QTableWidget控件刚被初始化后（虽然界面上有表格，也可以在表格中录入数据），这时每个单元格不能直接被使
  • 开发MFC界面爬取图片工具三（结合MFC界面时遇到的问题及解决方法） 吾名招财 MFC界面应用c++mfc
    结合MFC界面时遇到的问题及解决方法引言开发中涉及到的一些问题及解决方法1.引入头文件问题2.接收内容的格式转换问题（CString转string，CString转int）3.CString类型字符串中的字符替换问题4.创建线程问题（1）创建下载线程（2）创建判断线程5.如何实现编辑框追加文本问题6.URLDownloadToFile函数中参数格式问题（string转换为LPCWSTR）7.获取已
  • C++开源界面库duilib的使用细节与实战技巧总结（实战经验分享） dvlinker C/C++实战专栏C/C++软件开发从入门到实战C++开源库duilib使用细节实战技巧控件Layout布局字符串格式化
    目录1、使用CEditUI编辑框2、使用CLabelUI或CTextUI的Html文本效果3、使用CTextUI控件对文字宽度自适应的特性4、CRichEditUI富文本控件使用注意点4.1、指定CRichEditUI加在2.0版本的Riched20.dll库4.2、解决向CRichEditUI中插入文字后显示空白的问题5、设置窗口透明度的接口CPaintManagerUI::SetTranspa
  • 流程图编辑框架LogicFlow-vue-ts和js 懒员员 vuevue.jsjavascript前端
    LogicFlow官网https://site.logic-flow.cn/LogicFlow是一款流程图编辑框架，提供了一系列流程图交互、编辑所必需的功能和灵活的节点自定义、插件等拓展机制。LogicFlow支持前端研发自定义开发各种逻辑编排场景，如流程图、ER图、BPMN流程等。在工作审批配置、机器人逻辑编排、无代码平台流程配置都有较好的应用。效果图将此项目导入自己现有项目中：在自己现有项目中
  • postgresql视图-1-视图基础介绍（个人总结，不喜勿喷） wanan7 postgresqlpostgresql视图pythonodoo
    可以创建临时视图、普通视图和物化视图：临时视图：createtempview(视图名称)asselect(选择想要的字段)from(获取数据的表)，临时视图只有在sql语句编辑框内有效，关闭编辑框就会消失，在数据库的菜单下没有显示；普通视图：createview(视图名称)asselect(选择想要的字段)from(获取数据的表)，普通视图会存在于数据库中的视图菜单下，不删除不会消失，可以进行增删
  • 电脑桌面云便签怎么通过提醒弹窗快速打开大窗口编辑便签内容？ 宝玉敬业
    一、打开Windows电脑桌面云便签，当有设置的提醒时间的便签提醒事项到期之后，会在桌面右侧显示相应的便签事项提醒弹窗；二、在提醒弹窗中的空白处或者便签文字等非按钮区域左键双击，可唤出该条便签提醒事项大窗口；三、在大窗口编辑框中，既可以对便签文字备注、文字颜色、提醒时间、图片、音频以及附件等内容进行编辑，也可以对其进行打印、删除或者标记完成等操作，编辑后点击右下角的保存按钮即可。通过提醒弹窗大窗口
  • 好用的富文本编辑框wangEditor 周六不算加班
    最近项目中需要集成一个富文本编辑框。一开始用的是百度富文本编辑框，但是前段不能使用，加上这个编辑框有点旧，就找了一个新的文本编辑框wangEditor，链接地址是http://www.wangeditor.com/。这个编辑框是纯js加css实现的，使用起来还是很方便的，比百度的要简单很多，前段用起来也没有问题。下面就是使用的例子，可以作为参考，也可以去官网看下。Title欢迎使用wangEdit
  • iOS 富文本编辑框UITextView插入图片获取的字符不对 9岁就很6
    如何删除“\U0000fffc”字符串？问题：断点可见\U0000fffc或者，但无论你怎么替换字符串为空传到后台返回的还是存在\Ufffc等特殊字符，这是因为转译并没有成功。用下面这段代码即可解决。letcodeString="\u{FFFC}"des=des.replacingOccurrences(of:codeString,with:"")
  • 基于易语言，PC端微信多开 柒月@ windows微信
    .版本2.程序集启动窗口.子程序取窗口文本,文本型,,GetWindowText.参数窗口句柄,整数型.局部变量长度.局部变量缓冲,文本型长度＝发送消息(窗口句柄,14,0,0)＋1缓冲＝取空白文本(长度)发送消息(窗口句柄,13,长度,缓冲)返回(缓冲).子程序__启动窗口_创建完毕编辑框_微信目录.内容＝取文本注册项(#现行用户,“Software\Tencent\WeChat\Install
  • QML-编辑框的使用 进击的大海贼 QMLjavascript前端html
    QML-编辑框的使用一、TextInput1、添加自适应2、设置掩码3、添加密码显示4、编辑完成事件5、添加过滤二、TextField一、TextInputTextinput类似于QLineEdit，除了显示光标和文本外，默认并没有边框等装饰性效果，所以在使用时一般要为其添加Rectange可视化的外观。importQtQuick2.12importQtQuick.Window2.12import
  • 【JavaEE】_HTML常用标签 _周游 JavaEEjava-eehtmljava
    目录1.HTML结构2.HTML常用标签2.1注释标签2.2标题标签：h1~h62.3段落标签：p2.4换行标签：br2.5格式化标签2.6图片标签：img2.7超链接标签：a2.8表格标签2.9列表标签2.10表单标签2.10.1input标签2.10.2下拉菜单标签：select2.10.3多行编辑框标签：textarea2.11无语义标签1.HTML结构HTML用于描述网页骨架，是一个标签化
  • QT样式表，setstylesheet，控件使用图片 52_赫兹的鲸 QTQt样式表Qt之路setStyleSheetimage
    Qt的控件样式可以通过多种方法进行设置1、UI设置在Qt的设计页面，右键控件即可弹出菜单，选择改变样式表，如图在弹出的样式表编辑框中，可以对样式表进行各种修改还可以在控件属性栏进行设置样式表：字体、大小等2、代码设置样式表以按钮为例，介绍代码设置样式表，需要包含头文件QStylesheet//设置全局样式表使用this,按钮正常态、悬浮态、按压态顺序不能错this->setStyleSheet("
  • idea更改Git地址 星空小梦 gitgitintellij-ideagithub
    idea打开项目，菜单栏的VCS-Git-Remotes选中要更改的模块，点击编辑弹出输入密码编辑框，输入自己的账号密码，确认更新代码问题解决如果第三步出现这种情况
  • GEE的UI设计 RS GIS遥感 地信学习 GEEuijavascriptjquery
    varlabel=ui.Label({value:"这是一个标签",style:{fontSize:"18px"}})//标签varbtn=ui.Button("确定")//按钮btn.onClick(function(){print("你点击了按钮")})//点击按钮后的响应//编辑框vartextbox=ui.Textbox({placeholder:"请输入内容",value:"",onCh
  • Qt|QTextEdit编辑文本自动拉伸高度以及踩坑经验 糯诺诺米团 Qtqt开发语言
    最近做开放项目时，遇到了这样一个需求：使用QTextEdit编辑文本，随着编辑文本的变化，窗口高度自适应拉伸。实现该功能的核心思想：响应QTextEdit::textChanged消息，实时获取QTextEdit高度，当编辑框内容的高度超过最小值时，需要修改QTextEdit的高度。对于TextEdit编辑框自动拉伸的功能，很多博友也有记录，今天主要是针对踩坑经验分析，为大家分享！首先看一下实现效
  • android inset 管理 april_12345 androidjavaFramework
    目录简介Insets管理架构Insets相关类图app侧的类WMS侧的类insetshow的流程接口流程WMS侧确定InsetsSourceControl的流程两个问题窗口显示时不改变现有的inset状态全屏窗口上的dialog不显示statusbar问题View和DecorView设置insets信息输入法显示流程1.在某个app侧点击编辑框2.输入法app接收到显示输入法消息3.InputMe
  • MFC中如何实现CListCtrl单元格可编辑 _Santiago MFCmfc
    实现效果最近接到一个任务，要让ClistCtrl像Excel一样可以编辑，经过一些摸索，最终实现效果如下。基本思路当鼠标单击CListCtrl对象时，控件发出NM_CLICK消息，在这个消息的响应函数中，能够获取用户单击了哪个单元格；然后，动态创建一个CEdit控件，使其和单元格大小、字体、位置、文字完全相同；最后，当用户对编辑框操作完，焦点转向其他控件时，提取CEdit中文字内容，并更新到CLi
  • 【Qt学习笔记】（一）初识Qt 有心栽花无心插柳 Qtqt学习笔记
    Qt学习笔记1使用QtCreator新建项目2项目代码解释3创建第一个HelloWorld程序4关于内存泄漏问题5Qt中的对象树6关于qDebug（）的使用7使用其他方式创建一个HelloWorld程序（编辑框和按钮方式）8关于Qt中的命名规范/快捷键/查询文档9Qt窗口坐标系本文使用的是Qt6.21使用QtCreator新建项目新建项目打开QtCreator界面后点击左上角的文件选择newpro
  • Mxgraph的使用 爱蹦跶的大A阿 vuejavascriptvue.jsjson
    本项目是基于mxGraph+vue设计的流程图编辑器，可用于流程图绘制，流程渲染等等；项目展示：推荐文章:GitHub源码地址：GitHub-lijiapeng0302/Mxgraph-EasyFlowEditor:基于mxGraph+vue设计的流程图编辑器以下是个人认为对上手mxgraph非常有帮助的文章：1.基于mxGraph的可视化环境组网设计器:https://github.com/ig
  • 设置x-editable编辑框的大小 李北北
    我的x-editable是结合BootstrapTable一起使用的，如需要将x-editable和BootstrapTable整合，请参考BootstrapTable结合x-editable实现单元格编辑。使用x-editable进行编辑时候，其编辑框太小了，如图image.png于是想办法将其设置大一点，首先想到的是通过css进行修改，于是用浏览器检查了编辑框元素，发现了如下补齐：image.
  • PyQt5零基础入门（七）——文本编辑框 艾醒(AiXing-w) PyQt5入门到实践qtpython开发语言
    单行文本框控件(QLineEdit)QLineEdit是一个小部件，通常用于创建用户界面中的文本输入框。它提供了简单而强大的文本编辑功能，适用于各种需要单行文本输入的应用程序。fromPyQt5.QtWidgetsimport*importsysclassWindow(QWidget):def__init__(self):super(Window,self).__init__()self.user
  • C++/MFC:在窗体Form(Dialog)中多个编辑框时，在输入时将回车解释为TAB键，将输入焦点移到下一个编辑框的方法 不了阁-飞哥 c++mfc开发语言
    很多时候，为了输入方便，常用的做法，就是将回车键解释为将输入焦点移动到下一个编辑框中。就像是我的VxTerm中的快速连接输入一样：VxTerm是一个国产化替代的SSH工具，可以从本站的资源中免费下载并且免费使用，同时可以从中学习和分享本人的一些代码和经验：https://download.csdn.net/download/mynjer/87769610只要输入焦点不在下面两个按钮，按回车就当做T
  • 微信文章公众号下的精选评论。公众号评论点赞收费 爱吃菠萝的鱼
    公众号文章下的精选评论。公众号评论点赞收费。公众号文章下的精选评论，就是指你的公众号文章发布后，读者点击后你写的一篇原创文章后，在文章下发表的评论。在我们点击了一个公众号后，点开我们要阅读的这篇文章后，就会出现一个公众号编辑框。微信文章公众号下的精选评论：17762069205(长按微信号可复制粘贴)然后就会出现两个选项，一个是“精选评论”，一个是“随机评论”。什么是精选评论？“精选评论”，就是指
  • 【Qt学习】随机验证码生成 & 鼠标点击事件更新验证码 chenruhan_QAQ_ 学习qtc++开发语言
    目录一：效果展示二：源码分享一：效果展示验证码随机生成每点击一次验证码图标，就可以刷新出一个新的验证码输入密码，最初是密文显示，但是通过密码编辑框旁边的按钮控件可进行明文密文的切换最初密文切换明文二：源码分享以登录窗口的展示为例登录窗口类定义如下#ifndefLOGINWIDGET_H#defineLOGINWIDGET_H#include"setcontrol.h"#include#includ
  • 安卓开发-02-基础 轩不丢 安卓开发android前端
    文章目录一、基本UI组件文本类组件TextViewEditText按钮类组件普通按钮为普通按钮添加的单击事件监听器图片按钮单选按钮复选框（进行多选）日期时间类组件日期选择器时间选择器计时器二、高级UI组件进度条组件拖动条组件星级评分条图像类组件图像切换器列表类组件通用组件一、基本UI组件文本类组件TextViewEditText在编辑框内绘制图像属性通过getText()函数可以实现交互效果：按钮
  • 【锤锤按键】如何加载数据和保存数据文件 小橘猫软件
    锤锤按键是一款高级的可以获取六个位置坐标点的屏幕连点器。它不仅有定时功能，还能对获取的位置坐标数据进行保存和加载。只要保存过的数据，下次直接加载这个txt文件就能使用。加载数据的两种方法方法一：从配置方案中选中然后加载锤锤按键通用版V1.1方法二：在保存方案编辑框中输入txt文件名字进行加载高级鼠标连点器怎么样保存数据？保存和加载是一对互逆的操作。如果你设置的这些点，后面可能会重复用到，你可以将这
  • Excel自定义格式 ribut9225 VBAexcel
    使用自定义格式，能让单元格按指定的样式进行显示。按Ctrl+1组合键，打开【设置单元格格式】对话框。在【数字】选项卡下切换到【自定义】，在右侧的编辑框中会看到一大堆格式代码。接下来就介绍几个比较常用的格式代码，看看他们分别有什么作用：#显示单元格中原有的数字，但是不显示无意义的零值。比如自定义格式####.00，就是在原有的正数后面加上两位小数。虽然用了四个#号，但是单元格中不够4位的，仍然按原有
  • [黑洞与暗粒子]没有光的世界 comsci
         无论是相对论还是其它现代物理学,都显然有个缺陷,那就是必须有光才能够计算      但是,我相信,在我们的世界和宇宙平面中,肯定存在没有光的世界....      那么,在没有光的世界,光子和其它粒子的规律无法被应用和考察,那么以光速为核心的 &nbs
  • jQuery Lazy Load 图片延迟加载 aijuans jquery
    基于 jQuery 的图片延迟加载插件，在用户滚动页面到图片之后才进行加载。 对于有较多的图片的网页，使用图片延迟加载，能有效的提高页面加载速度。 版本： jQuery v1.4.4+ jQuery Lazy Load v1.7.2 注意事项： 需要真正实现图片延迟加载，必须将真实图片地址写在 data-original 属性中。若 src
  • 使用Jodd的优点 Kai_Ge jodd
    1.  简化和统一 controller ，抛弃 extends SimpleFormController ，统一使用 implements Controller 的方式。 2.  简化 JSP 页面的 bind, 不需要一个字段一个字段的绑定。 3.  对 bean 没有任何要求，可以使用任意的 bean 做为 formBean。   使用方法简介
  • jpa Query转hibernate Query 120153216 Hibernate
    public List<Map> getMapList(String hql, Map map) { org.hibernate.Query jpaQuery = entityManager.createQuery(hql); if (null != map) { for (String parameter : map.keySet()) { jp
  • Django_Python3添加MySQL/MariaDB支持 2002wmj mariaDB
    现状 首先，[email protected] 中默认的引擎为 django.db.backends.mysql 。但是在Python3中如果这样写的话，会发现 django.db.backends.mysql 依赖 MySQLdb[5] ，而 MySQLdb 又不兼容 Python3 于是要找一种新的方式来继续使用MySQL。 MySQL官方的方案 首先据MySQL文档[3]说，自从MySQL
  • 在SQLSERVER中查找消耗IO最多的SQL 357029540 SQL Server
    返回做IO数目最多的50条语句以及它们的执行计划。 select top 50   (total_logical_reads/execution_count) as avg_logical_reads,  (total_logical_writes/execution_count) as avg_logical_writes,  (tot
  • spring UnChecked 异常 官方定义！ 7454103 spring
      如果你接触过spring的 事物管理！那么你必须明白 spring的 非捕获异常！ 即 unchecked 异常！ 因为 spring 默认这类异常事物自动回滚！！ public static boolean isCheckedException(Throwable ex) { return !(ex instanceof RuntimeExcep
  • mongoDB 入门指南、示例 adminjun javamongodb操作
    一、准备工作 1、 下载mongoDB 下载地址：http://www.mongodb.org/downloads 选择合适你的版本 相关文档：http://www.mongodb.org/display/DOCS/Tutorial 2、 安装mongoDB A、 不解压模式： 将下载下来的mongoDB-xxx.zip打开，找到bin目录，运行mongod.exe就可以启动服务，默
  • CUDA 5 Release Candidate Now Available aijuans CUDA
    The CUDA 5 Release Candidate is now available at http://developer.nvidia.com/<wbr></wbr>cuda/cuda-pre-production. Now applicable to a broader set of algorithms, CUDA 5 has advanced fe
  • Essential Studio for WinRT网格控件测评 Axiba JavaScripthtml5
    Essential Studio for WinRT界面控件包含了商业平板应用程序开发中所需的所有控件，如市场上运行速度最快的grid 和chart、地图、RDL报表查看器、丰富的文本查看器及图表等等。同时，该控件还包含了一组独特的库，用于从WinRT应用程序中生成Excel、Word以及PDF格式的文件。此文将对其另外一个强大的控件——网格控件进行专门的测评详述。 网格控件功能 1、
  • java 获取windows系统安装的证书或证书链 bewithme windows
          有时需要获取windows系统安装的证书或证书链，比如说你要通过证书来创建java的密钥库  。 有关证书链的解释可以查看此处 。   public static void main(String[] args) { SunMSCAPI providerMSCAPI = new SunMSCAPI(); S
  • NoSQL数据库之Redis数据库管理(set类型和zset类型) bijian1013 redis数据库NoSQL
    4.sets类型         Set是集合，它是string类型的无序集合。set是通过hash table实现的，添加、删除和查找的复杂度都是O(1)。对集合我们可以取并集、交集、差集。通过这些操作我们可以实现sns中的好友推荐和blog的tag功能。         sadd：向名称为key的set中添加元
  • 异常捕获何时用Exception，何时用Throwable bingyingao
    用Exception的情况 try {        //可能发生空指针、数组溢出等异常         } catch (Exception e) {          
  • 【Kafka四】Kakfa伪分布式安装 bit1129 kafka
    在http://bit1129.iteye.com/blog/2174791一文中，实现了单Kafka服务器的安装，在Kafka中，每个Kafka服务器称为一个broker。本文简单介绍下，在单机环境下Kafka的伪分布式安装和测试验证   1. 安装步骤   Kafka伪分布式安装的思路跟Zookeeper的伪分布式安装思路完全一样，不过比Zookeeper稍微简单些(不
  • Project Euler bookjovi haskell
    Project Euler是个数学问题求解网站，网站设计的很有意思，有很多problem，在未提交正确答案前不能查看problem的overview，也不能查看关于problem的discussion thread，只能看到现在problem已经被多少人解决了，人数越多往往代表问题越容易。     看看problem 1吧： Add all the natural num
  • Java-Collections Framework学习与总结-ArrayDeque BrokenDreams Collections
            表、栈和队列是三种基本的数据结构，前面总结的ArrayList和LinkedList可以作为任意一种数据结构来使用，当然由于实现方式的不同，操作的效率也会不同。         这篇要看一下java.util.ArrayDeque。从命名上看
  • 读《研磨设计模式》-代码笔记-装饰模式-Decorator bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.io.BufferedOutputStream; import java.io.DataOutputStream; import java.io.FileOutputStream; import java.io.Fi
  • Maven学习(一) chenyu19891124 Maven私服
        学习一门技术和工具总得花费一段时间，5月底6月初自己学习了一些工具，maven+Hudson+nexus的搭建，对于maven以前只是听说，顺便再自己的电脑上搭建了一个maven环境，但是完全不了解maven这一强大的构建工具，还有ant也是一个构建工具，但ant就没有maven那么的简单方便，其实简单点说maven是一个运用命令行就能完成构建，测试，打包，发布一系列功
  • [原创]JWFD工作流引擎设计----节点匹配搜索算法(用于初步解决条件异步汇聚问题) 补充 comsci 算法工作PHP搜索引擎嵌入式
    本文主要介绍在JWFD工作流引擎设计中遇到的一个实际问题的解决方案，请参考我的博文"带条件选择的并行汇聚路由问题"中图例A2描述的情况(http://comsci.iteye.com/blog/339756),我现在把我对图例A2的一个解决方案公布出来，请大家多指点 节点匹配搜索算法(用于解决标准对称流程图条件汇聚点运行控制参数的算法) 需要解决的问题：已知分支
  • Linux中用shell获取昨天、明天或多天前的日期 daizj linuxshell上几年昨天获取上几个月
    在Linux中可以通过date命令获取昨天、明天、上个月、下个月、上一年和下一年 # 获取昨天 date -d 'yesterday'  # 或 date -d 'last day' # 获取明天 date -d 'tomorrow'   # 或 date -d 'next day' # 获取上个月 date -d 'last month' #
  • 我所理解的云计算 dongwei_6688 云计算
          在刚开始接触到一个概念时，人们往往都会去探寻这个概念的含义，以达到对其有一个感性的认知，在Wikipedia上关于“云计算”是这么定义的，它说：        Cloud computing is a phrase used to describe a variety of computing co
  • YII CMenu配置 dcj3sjt126com yii
    Adding id and class names to CMenu We use the id and htmlOptions to accomplish this. Watch. //in your view $this->widget('zii.widgets.CMenu', array( 'id'=>'myMenu', 'items'=>$this-&g
  • 设计模式之静态代理与动态代理 come_for_dream 设计模式
    静态代理与动态代理        代理模式是java开发中用到的相对比较多的设计模式，其中的思想就是主业务和相关业务分离。所谓的代理设计就是指由一个代理主题来操作真实主题，真实主题执行具体的业务操作，而代理主题负责其他相关业务的处理。比如我们在进行删除操作的时候需要检验一下用户是否登陆，我们可以删除看成主业务，而把检验用户是否登陆看成其相关业务
  • 【转】理解Javascript 系列 gcc2ge JavaScript
    理解Javascript_13_执行模型详解 摘要: 在《理解Javascript_12_执行模型浅析》一文中,我们初步的了解了执行上下文与作用域的概念，那么这一篇将深入分析执行上下文的构建过程，了解执行上下文、函数对象、作用域三者之间的关系。函数执行环境简单的代码:当调用say方法时，第一步是创建其执行环境，在创建执行环境的过程中，会按照定义的先后顺序完成一系列操作:1.首先会创建一个
  • Subsets II hcx2013 set
    Given a collection of integers that might contain duplicates, nums, return all possible subsets. Note: Elements in a subset must be in non-descending order. The solution set must not conta
  • Spring4.1新特性——Spring缓存框架增强 jinnianshilongnian spring4
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • shell嵌套expect执行命令 liyonghui160com
        一直都想把expect的操作写到bash脚本里,这样就不用我再写两个脚本来执行了,搞了一下午终于有点小成就,给大家看看吧.   系统:centos 5.x   1.先安装expect yum -y install expect   2.脚本内容: cat auto_svn.sh   #!/bin/bash
  • Linux实用命令整理 pda158 linux
    0. 基本命令 　　linux 基本命令整理 　 　1. 压缩 解压 　　tar -zcvf a.tar.gz a   #把a压缩成a.tar.gz 　　tar -zxvf a.tar.gz     #把a.tar.gz解压成a 　 　2. vim小结 　　2.1 vim替换 　　:m,ns/word_1/word_2/gc  
  • 独立开发人员通向成功的29个小贴士 shoothao 独立开发
    概述：本文收集了关于独立开发人员通向成功需要注意的一些东西,对于具体的每个贴士的注解有兴趣的朋友可以查看下面标注的原文地址。 明白你从事独立开发的原因和目的。 保持坚持制定计划的好习惯。 万事开头难，第一份订单是关键。 培养多元化业务技能。 提供卓越的服务和品质。 谨小慎微。 营销是必备技能。 学会组织，有条理的工作才是最有效率的。 “独立
  • JAVA中堆栈和内存分配原理 uule java
    1、栈、堆 1.寄存器：最快的存储区, 由编译器根据需求进行分配,我们在程序中无法控制.2. 栈：存放基本类型的变量数据和对象的引用，但对象本身不存放在栈中，而是存放在堆（new 出来的对象）或者常量池中（字符串常量对象存放在常量池中。）3. 堆：存放所有new出来的对象。4. 静态域：存放静态成员（static定义的）5. 常量池：存放字符串常量和基本类型常量（public static f
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他