laputa73
laputa73

jtopo简单实例

原贴地址

http://cn-arthurs.iteye.com/blog/2009345

说明:

 jtopo是一个基于canvas的js拓扑图形组件.比canvasexpress容易多了.

 可以方便地加点,加连线,加鼠标事件,拖曳.

 号称跨浏览器,不过实际上不支持ie678,加上excanvas.js也没用,除非像canvasexpress那样使用chrome插件.

注意在IE9下,第一行的>必不可少

 

网络拓扑图DEMO

背景

在一个项目中，需要展示模型结构，模型是有层级结构的，而且底层的模型可能被上层的多个模型所引用。

如果希望在前台展示模型的依赖关系，使用Tree结构肯定是不够直观的，而且数据有一些混乱。

因此，在技术讨论的时候，提出使用网络拓扑结构展示模型及子模型的关系。特此验证。

组件工具

JTopo（http://www.jtopo.com/）

需求

1.可以显示多个节点图标和节点名称

2.可以对节点进行连线，显示递进关系

3.可以添加对节点单击、双击、右击的事件处理

截图


jtopo简单实例_第1张图片

代码

Html代码 复制代码 收藏代码
  1. >
  2. <html>
  3. <head>
  4. <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/>
  5. <title>jTopo Demotitle>
  6. <linkrel="stylesheet"type="text/css"href="../css/base.css">
  7. <linkhref="../css/jquery.snippet.min.css"rel="stylesheet">
  9. <scriptsrc="../js/jquery.js">script>
  11. <scripttype="text/javascript"src="js/snippet/jquery.snippet.min.js">script>
  12. <scripttype="text/javascript"src="js/excanvas.js">script>
  13. <scripttype="text/javascript"src="js/jtopo-min.js">script>
  15. <scriptid='code'>
  16. $(document).ready(function(){
  17. var canvas =document.getElementById('canvas');
  18. var stage =new JTopo.Stage(canvas);
  19. var scene =new JTopo.Scene(stage);
  20. scene.setBackground('./img/bg.jpg');
  22. function addLink(form,to){
  23. var l =new JTopo.ArrowsLink(form, to);
  24. l.style.lineWidth =3;
  25. l.style.lineJoin ='round';
  26. scene.add(l);
  27. };
  29. var node =new JTopo.Node("总模型");
  30. node.setLocation(scene.width * Math.random(), scene.height * Math.random());
  31. scene.add(node);
  33. var node1 =new JTopo.Node("模型1");
  34. node1.setLocation(scene.width * Math.random(), scene.height * Math.random());
  35. scene.add(node1);
  36. var node2 =new JTopo.Node("模型2");
  37. node2.setLocation(scene.width * Math.random(), scene.height * Math.random());
  38. scene.add(node2);
  39. var node3 =new JTopo.Node("模型3");
  40. node3.setLocation(scene.width * Math.random(), scene.height * Math.random());
  41. scene.add(node3);
  42. var node4 =new JTopo.Node("模型4");
  43. node4.setLocation(scene.width * Math.random(), scene.height * Math.random());
  44. scene.add(node4);
  45. var node5 =new JTopo.Node("模型5");
  46. node5.setLocation(scene.width * Math.random(), scene.height * Math.random());
  47. scene.add(node5);
  48. var node6 =new JTopo.Node("模型6");
  49. node6.setLocation(scene.width * Math.random(), scene.height * Math.random());
  50. scene.add(node6);
  51. var node7 =new JTopo.Node("模型7");
  52. node7.setLocation(scene.width * Math.random(), scene.height * Math.random());
  53. scene.add(node7);
  54. var node8 =new JTopo.Node("模型8");
  55. node8.setLocation(scene.width * Math.random(), scene.height * Math.random());
  56. scene.add(node8);
  57. var node9 =new JTopo.Node("模型9");
  58. node9.setLocation(scene.width * Math.random(), scene.height * Math.random());
  59. scene.add(node9);
  61. addLink(node1,node);
  62. addLink(node2,node1);
  63. addLink(node3,node2);
  64. addLink(node4,node3);
  65. addLink(node5,node4);
  66. addLink(node6,node);
  67. addLink(node7,node6);
  68. addLink(node8,node7);
  69. addLink(node9,node8);
  70. addLink(node8,node5);
  72. stage.play(scene);
  75. });
  76. script>
  77. head>
  79. <body>
  80. <center>
  81. <canvaswidth="800"height="500"id="canvas"style=" background-color:#EEEEEE; border:1px solid #444;">
  83. canvas>
  84. center>
  85. body>
  86. html>

 

你可能感兴趣的:(web编程,javascript)

  • Vue2 原生实现右键菜单组件 - menujs
    Vue2原生实现右键菜单组件-menujsmenujsVue2原生实现右键菜单组件,零依赖项目地址:https://gitcode.com/gh_mirrors/me/menujs项目基础介绍和主要的编程语言menujs是一个基于Vue2的原生右键菜单组件，主要使用JavaScript和Vue框架进行开发。该项目旨在为Vue2开发者提供一个轻量级、零依赖的右键菜单解决方案，使得开发者能够轻松地在项
  • jquerymobile跳转方法_jquery mobile 页面跳转方法
    如果使用JavaScript代码切换当前显示的页面，可以调用jQueryMobile中的changePage()方法。该方法可以设置跳转页面的URL地址、跳转时的动画效果和需要携带的数据，接下来通过一个简单的实例详细说明该方法的使用过程。实例2-8使用changePage()方法跳转页面1.功能说明新建一个HTML页面，在页面中显示“页面正在跳转中…”文字，然后调用changePage()方法，从
  • Acrobat JavaScript 表单验证与动态计算
    在AdobeAcrobatDC中设计交互式PDF表单时，JavaScript的应用极大地扩展了表单的功能性。本文将深入探讨如何利用AcrobatJavaScript实现表单字段的动态计算、验证以及安全实践，并通过Mermaid图表直观展示相关技术概念。一、AcrobatJavaScript基础1.1Acrobat与WebJavaScript的区别AcrobatJavaScript虽然语法与网页Ja
  • TzdInjectorNTQQ：基于内存注入的QQ NT客户端扩展框架解析 tzdwindows_7 Electron深度实践Windows逆向安全JavaScript引擎java逆向qqntqqTzdInjectorNTQQc++Electron
    TzdInjectorNTQQ：基于内存注入的QQNT客户端扩展框架解析项目地址：https://github.com/tzdwindows/TzdInjectorNTQQ许可协议：GNULesserGeneralPublicLicensev3.0适用场景：Electron应用逆向工程、客户端扩展开发、JavaScript运行时研究项目背景与核心价值QQNT是基于Electron架构的新一代跨平台
  • TypeScript vs JavaScript: 开发者必须了解的核心差异
    在现代前端开发中，JavaScript和TypeScript是两个不可忽视的重要技术。虽然TypeScript基于JavaScript构建，但两者在开发体验、代码质量和项目维护方面存在显著差异。本文将深入探讨这两种语言的核心区别，帮助开发者做出明智的技术选择。什么是JavaScript？JavaScript是一种动态的、解释型的编程语言，最初为网页开发而设计。它具有以下特点：动态类型系统：变量类型
  • 网页跳转window.location 前端与小赵 前端页面跳转window
    indow.location是JavaScript中用于获取和操作当前页面URL的对象。它提供了丰富的属性和方法，允许开发者读取URL的各个部分，或者导航到新的页面。以下是关于window.location的详细说明：一、常用属性window.location的属性用于获取或设置URL的特定部分：属性描述示例href完整的URL（可读写）https://www.example.com/path?q
  • TypeScript类
    一、前言在面向对象编程中，类（Class）是组织代码的重要结构。TypeScript在JavaScript的基础上增强了类的功能，支持类型检查、访问控制、继承、抽象等高级特性，使得代码更具结构性和可维护性。本文将带你全面了解TypeScript中的类机制，包括：✅类的基本定义与使用✅构造函数与属性初始化✅访问修饰符public/private/protected✅静态成员与只读属性✅继承与多态✅抽
  • Java小白入门200例56之鸡兔同笼问题 编程界小明哥 Java小白入门200例javajava小白入门实例
    作者简介作者名：编程界明世隐简介：CSDN博客专家，从事软件开发多年，精通Java、JavaScript，博主也是从零开始一步步把学习成长、深知学习和积累的重要性，喜欢跟广大ADC一起打野升级，欢迎您关注，期待与您一起学习、成长、起飞！引言很多Java初学者问我，新手明明很用心、很努力学习的Java知识，转头又忘记了，很让人犯愁，小白如何能够快速成长、成为大牛呢？其实要成为大神的技巧只有一个：“多
  • Java简易爬虫：抓取京东图书信息实战指南 黃昱儒
    本文还有配套的精品资源，点击获取简介：本项目展示如何使用Java语言创建一个网络爬虫来抓取京东网站的图书信息。介绍使用Maven作为构建工具，HTTP客户端库发送请求，以及Jsoup或类似库解析HTML内容。讲解如何处理JavaScript动态加载内容，绕过反爬机制，并讨论数据存储和用户界面设计的策略。1.Java网络爬虫项目概述网络爬虫是一种自动获取网页内容的程序，它按照一定的规则，自动抓取互联
  • 构建ASP.NET Web应用中的高效日期选择功能 金融先生-Frank
    本文还有配套的精品资源，点击获取简介：ASP.NET框架为Web应用程序开发提供了强大的服务器控件，其中日期选择控件让网页用户能够方便地进行日期选择。本文深入解析了ASP.NET内置的日期选择控件以及JavaScript控件的集成和使用。介绍了如何使用asp:Calendar和asp:TextBox配合asp:CalendarExtender来创建交互式的日期选择体验。此外，还探讨了JavaScr
  • 前端开发避坑指南：从浏览器兼容到性能优化，这些 “坑“ 你踩过几个？？？ 敲代码的苦13 HTML性能优化html5前端css
    一、浏览器兼容性：前端开发者的"跨次元挑战"不同浏览器对HTML、CSS、JavaScript的解析规则存在差异，这是前端开发中最常见的"拦路虎"。CSS样式错乱：例如IE浏览器不支持flex布局的部分属性，或对box-sizing的默认值与Chrome不同，导致页面在不同浏览器中显示效果千差万别。JavaScript语法兼容：旧版浏览器（如IE11）不支持ES6+的箭头函数、Promise等语法
  • Cursor黑科技：AI编程实战
    引言AI编程工具的崛起与Cursor的定位Cursor的核心功能概述（代码生成、补全、对话式调试等）目标读者：开发者、技术团队、AI工具探索者核心功能解析智能代码生成基于自然语言描述生成代码（如“实现一个Python快速排序”）多语言支持（Python、JavaScript、Go等）示例对比代码补全与优化实时上下文感知补全（比传统IDE更精准）代码重构建议（如性能优化、冗余删除）对话式交互调试通过
  • 【1】确认安装 Node.js 和 npm版本号
    搭建前端项目时需要安装Node.js和npm，主要是因为它们提供了一些重要的功能和工具，帮助开发者高效地开发、构建和管理项目。一、具体原因如下：Node.js：JavaScript运行环境Node.js是一个基于ChromeV8引擎的JavaScript运行时，可以在服务器端运行JavaScript代码。它使得JavaScript不仅限于浏览器中运行，还能在本地环境中运行。npm：包管理工具npm
  • OneCode图表组件深度解析：注解驱动的Java可视化方案 低代码老李 领域设计低代码软件行业java开发语言
    在数据驱动决策的时代，企业级应用对可视化的需求日益复杂。OneCode作为专注于企业级开发的Java框架，其可视化引擎通过创新的设计理念和技术实现，为开发者带来了截然不同的图表开发体验。本文将深入剖析OneCode在可视化领域的五大独特优势。一、注解驱动的零前端代码开发模式OneCode彻底颠覆了传统图表开发需要编写JavaScript的模式，创新性地将所有图表配置通过Java注解完成：@FCha
  • 手写 Vue 中虚拟 DOM 到真实 DOM 的完整过程
    目录一、虚拟DOM的核心概念二、虚拟DOM到真实DOM的流程三、手写虚拟DOM到真实DOM的实现1.定义虚拟DOM的结构（VNode）2.创建虚拟DOM转真实DOM的函数3.挂载虚拟DOM到页面4.更新虚拟DOM的过程（Diff算法简化版）四、完整示例：虚拟DOM到真实DOM的生命周期五、总结一、虚拟DOM的核心概念虚拟DOM是用JavaScript对象（VNode）模拟真实DOM结构的轻量级抽象
  • Python训练营-Day3
    DAY3列表、循环和判断语句题目1：列表的基础操作题目:1.创建一个包含三个字符串元素的列表tech_list，元素分别为“Python”,“Java”,“Go”。2.获取列表中的第一个元素，并将其存储在变量first_tech中。3.向tech_list的末尾添加一个新的字符串元素“JavaScript”。4.修改tech_list中的第二个元素（索引为1），将其从“Java”更改为“Ruby”
  • 尚硅谷-javaweb笔记记录 java成长之旅 javaweb
    Javaweb笔记网页三组成：内容html，表现css，行为js。html，css，javascriptstyle标签定义css样式代码(只能在一个页面公用css样式)css文件id选择器：#id001{}#id002{}使用：标签1class选择器：.class001{}使用：类选择器组合选择器：选择器1，选择器2…{属性：值；}js里编写或者写完了再引入进去。且运算&&：当表达式为全真，返回最
  • HTML表格导出为Excel文件的实现方案 ~风清扬~ 前端技术htmlexcel前端
    1、前端javascript可通过mime类型、blob对象或专业库（如sheetjs）实现html表格导出excel，适用于中小型数据量；2、服务器端方案利用后端语言（如python的openpyxl、java的apachepoi）处理复杂报表和大数据，确保安全性与格式控制；3、常见问题包括数据类型识别错误、样式丢失、大文件卡顿、浏览器兼容性及乱码，需通过设置单元格类型、使用后端样式api、分页
  • Dash 安装使用教程 小奇JAVA面试 安装使用教程dash
    一、Dash简介Dash是一个基于Python的Web应用框架，专为构建数据可视化界面而设计。它由Plotly团队开发，适合构建交互式仪表盘、可视化分析工具和Web应用，无需使用JavaScript。二、安装Dash2.1使用pip安装pipinstalldash推荐同时安装Plotly：pipinstallplotly2.2验证安装python-c"importdash;print(dash._
  • 【前端工程化】你知道前端编码规范包含哪些内容吗 前端
    编码规范是保障代码质量、提升团队协作效率与维护性的基础。良好的编码习惯不仅有助于减少Bug，还能提升项目的长期稳定性与可扩展性。以下是从以往项目中总结整理出来的一些编码规范，适用于Vue/React技术栈下的B端应用开发场景。一、JavaScript/TypeScript规范1.命名规范变量命名使用有意义的英文单词，采用camelCase，如userName,isLoading；常量命名全大写加下
  • C# 中的 .Select() 方法与 JavaScript 中的 .map() 方法功能类似，都是用于对集合中的每个元素进行转换并返回新的集合。 NPCZ c#javascript
    一、核心功能对比1.JavaScript的.map()遍历数组，对每个元素执行回调函数，并返回包含结果的新数组：constnumbers=[1,2,3];constsquared=numbers.map(x=>x*x);//结果：[1,4,9]2.C#的.Select()遍历集合（如List、IEnumerable），对每个元素应用转换函数，并返回新的序列：varnumbers=newList{1
  • 快速创建Chrome浏览器二维码生成插件的完全指南 不爱说话的我
    本文还有配套的精品资源，点击获取简介：Chrome简易二维码插件是一个JavaScript开发的浏览器扩展，用于快速生成链接或文本内容的二维码，方便用户扫描分享。该插件简化了二维码生成过程，提升用户体验。开发此插件需要掌握浏览器扩展开发、事件监听、二维码库使用、DOM操作、错误处理等关键技术点。开发者还应考虑性能优化、设备适配及无障碍设计原则。本插件的实际案例能够帮助开发者提高Web开发技能，并为
  • JavaWeb开发3 偷萧逸苦茶 前端javascript开发语言
    JavaScript一门跨平台、面向对象的脚本语言，用来控制网页行为，能使网页可交互js引入方式内部脚本：将JS代码定义在HTML页面中JavaScript代码必须位于在HTML文档中，可以在任意地方，放置任意数量的一般会把脚本置于元素的底部，可以改善显示速度外部脚本：将JS代码定义在外部JS文件中，然后引入到HTML页面中外部JS文件中，只包含JS代码，不包含标签标签不能自闭和    焦点访谈-
  • JavaScript 中 HTML 转纯文本的最高效方法
    JavaScript中HTML转纯文本的最高效方法在JavaScript中，将HTML转换为纯文本有多种实现方式，你提供的div.textContent方法是最常见的，但在处理大量HTML或复杂场景时，可能需要更高效的方案。以下是几种方法的对比和推荐：一、原生方法对比1.使用textContent（最简洁，兼容性好）javascriptfunctionhtmlToText(html){constd
  • javascript的类，ES6模块写法在VSCODE中智能提示 专注VB编程开发20年 javascriptvscode开发语言
    onststringlib=newStringLib();,必须NEW对象吗？有没有像VB.ENT一样的静态类或模块？用模块名.函数方式智能提示？在JavaScript中，你可以通过以下几种方式实现类似VB.NET的静态类或模块功能，直接使用模块名。函数的方式调用，并获得VSCode的智能提示：方法一：使用普通对象（最简洁）直接定义一个对象字面量，将所有方法作为其属性。通过JSDoc注释提供类型信
  • 编程新手小白入门最佳攻略 闲暇部落 编程java新手入门开发语言
    编程小白想要成为大神，并为大学新生的学习制定一份最佳入门攻略，可以遵循以下步骤：一、选择编程语言Python：被誉为最适合初学者的编程语言，语法简洁清晰，学习曲线平缓，广泛应用于数据分析、机器学习、Web开发、自动化脚本编写等领域。JavaScript：前端开发的核心语言，实现网页的动态效果，还能通过Node.js实现服务器端的编程，用于开发桌面应用和移动应用。Java：企业级开发中使用最广泛的语
  • 理解WebGL中的顶点着色器和片元着色器 程序猿全栈の董（董翔） webgl着色器
    WebGL是一种基于OpenGLES的JavaScriptAPI，它允许我们在网页上直接渲染3D图形而无需任何插件。WebGL的核心是着色器编程，它主要包含两种着色器：顶点着色器(VertexShader)和片元着色器(FragmentShader)。顶点着色器负责处理每个顶点的位置，它决定了顶点在屏幕上的最终位置。而片元着色器则负责计算每个像素的颜色值。这两个着色器共同工作，构成了WebGL渲染
  • 现代 JavaScript (ES6+) 入门到实战（八）：总结与展望 - 成为一名现代前端开发者
    恭喜你坚持到了最后！在过去的七篇文章中，我们一起踏上了一段从“传统”到“现代”的JavaScript进化之旅。我们告别了那些曾经让我们头疼的“怪异行为”，拥抱了一套更强大、更优雅、更符合工程化思想的工具集。现在，是时候回顾我们的旅程，并展望前方的道路了。一、我们的进化之路：知识图谱回顾让我们将学到的核心知识点串联起来，形成一张清晰的“进化图谱”。如果你错过了之前的任何一篇，可以点击链接回顾：第一篇
  • 【React】入门概述 - 虚拟DOM与原生DOM - JSX语法 - React基本使用 YK菌 前端框架Reactreact
    文章目录1.React入门概述1.1介绍1.2原生JavaScript的缺点【补充】浏览器重绘重排【补充】模块化与组件化1.3React的特点1.4.React高效的原因2.HelloReact2.1相关库介绍【补充】babel.js的作用2.2使用JSX创建虚拟DOM2.3渲染虚拟DOM(元素)2.4页面显示3.创建虚拟DOM的两种方式3.1纯JS方式(一般不用)3.2JSX方式4.虚拟DOM与
  • React JSX属性传递规则（事件处理函数名必须用驼峰式；内联样式必须是JavaScript对象，键名用驼峰命名；className、htmlFor；自定义属性要以data-开头、动态属性绑定） Dontla reactjavascriptreact.js前端
    文章目录**1.驼峰式命名法（CamelCase）****2.属性值的类型**-**字符串属性**：直接使用双引号包裹的字符串。-**表达式属性**：使用`{}`包裹JavaScript表达式，动态计算属性值。-**布尔属性**：如果属性值为`true`，可以直接省略值；如果为`false`，则不传递该属性。**3.事件处理**-**规则**：事件处理函数的命名必须使用驼峰式（如`onClick`
  • java线程的无限循环和退出 3213213333332132 java
    最近想写一个游戏，然后碰到有关线程的问题，网上查了好多资料都没满足。 突然想起了前段时间看的有关线程的视频，于是信手拈来写了一个线程的代码片段。 希望帮助刚学java线程的童鞋 package thread; import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Date
  • tomcat 容器 BlueSkator tomcatWebservlet
    Tomcat的组成部分 1、server A Server element represents the entire Catalina servlet container. (Singleton) 2、service service包括多个connector以及一个engine，其职责为处理由connector获得的客户请求。   3、connector 一个connector
  • php递归,静态变量,匿名函数使用 dcj3sjt126com PHP递归函数匿名函数静态变量引用传参
      <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Current To-Do List</title> </head> <body>
  • 属性颜色字体变化 周华华 JavaScript
    function changSize(className){ var diva=byId("fot") diva.className=className; } </script> <style type="text/css"> .max{ background: #900; color:#039;
  • 将properties内容放置到map中 g21121 properties
    代码比较简单： private static Map<Object, Object> map; private static Properties p; static { //读取properties文件 InputStream is = XXX.class.getClassLoader().getResourceAsStream("xxx.properti
  • [简单]拼接字符串 53873039oycg 字符串
             工作中遇到需要从Map里面取值拼接字符串的情况，自己写了个，不是很好，欢迎提出更优雅的写法，代码如下：           import java.util.HashMap; import java.uti
  • Struts2学习 云端月影
    最近开始关注struts2的新特性，从这个版本开始，Struts开始使用convention-plugin代替codebehind-plugin来实现struts的零配置。 配置文件精简了，的确是简便了开发过程，但是，我们熟悉的配置突然disappear了，真是一下很不适应。跟着潮流走吧，看看该怎样来搞定convention-plugin。 使用Convention插件，你需要将其JAR文件放
  • Java新手入门的30个基本概念二 aijuans java新手java 入门
    基本概念:　　1.OOP中唯一关系的是对象的接口是什么,就像计算机的销售商她不管电源内部结构是怎样的,他只关系能否给你提供电就行了,也就是只要知道can or not而不是how and why.所有的程序是由一定的属性和行为对象组成的,不同的对象的访问通过函数调用来完成,对象间所有的交流都是通过方法调用,通过对封装对象数据,很大限度上提高复用率。　　2.OOP中最重要的思想是类,类是模板是蓝图,
  • jedis 简单使用 antlove javarediscachecommandjedis
    jedis.RedisOperationCollection.java package jedis; import org.apache.log4j.Logger; import redis.clients.jedis.Jedis; import java.util.List; import java.util.Map; import java.util.Set; pub
  • PL/SQL的函数和包体的基础 百合不是茶 PL/SQL编程函数包体显示包的具体数据包
    由于明天举要上课,所以刚刚将代码敲了一遍PL/SQL的函数和包体的实现(单例模式过几天好好的总结下再发出来);以便明天能更好的学习PL/SQL的循环,今天太累了,所以早点睡觉,明天继续PL/SQL总有一天我会将你永远的记载在心里,,,   函数; 函数:PL/SQL中的函数相当于java中的方法;函数有返回值 定义函数的 --输入姓名找到该姓名的年薪 create or re
  • Mockito(二)--实例篇 bijian1013 持续集成mockito单元测试
            学习了基本知识后，就可以实战了，Mockito的实际使用还是比较麻烦的。因为在实际使用中，最常遇到的就是需要模拟第三方类库的行为。         比如现在有一个类FTPFileTransfer，实现了向FTP传输文件的功能。这个类中使用了a
  • 精通Oracle10编程SQL(7)编写控制结构 bijian1013 oracle数据库plsql
    /* *编写控制结构 */ --条件分支语句 --简单条件判断 DECLARE v_sal NUMBER(6,2); BEGIN select sal into v_sal from emp where lower(ename)=lower('&name'); if v_sal<2000 then update emp set
  • 【Log4j二】Log4j属性文件配置详解 bit1129 log4j
    如下是一个log4j.properties的配置   log4j.rootCategory=INFO, stdout , R log4j.appender.stdout=org.apache.log4j.ConsoleAppender log4j.appender.stdout.layout=org.apache.log4j.PatternLayout log4j.appe
  • java集合排序笔记 白糖_ java
    public class CollectionDemo implements Serializable,Comparable<CollectionDemo>{ private static final long serialVersionUID = -2958090810811192128L; private int id; private String nam
  • java导致linux负载过高的定位方法 ronin47
    定位java进程ID 可以使用top或ps -ef |grep java ![图片描述][1] 根据进程ID找到最消耗资源的java pid 比如第一步找到的进程ID为5431 执行 top -p 5431 -H ![图片描述][2] 打印java栈信息 $ jstack -l 5431 > 5431.log 在栈信息中定位具体问题 将消耗资源的Java PID转
  • 给定能随机生成整数1到5的函数，写出能随机生成整数1到7的函数 bylijinnan 函数
    import java.util.ArrayList; import java.util.List; import java.util.Random; public class RandNFromRand5 { /** 题目：给定能随机生成整数1到5的函数，写出能随机生成整数1到7的函数。 解法1： f(k) = (x0-1)*5^0+(x1-
  • PL/SQL Developer保存布局 Kai_Ge
          近日由于项目需要，数据库从DB2迁移到ORCAL，因此数据库连接客户端选择了PL/SQL Developer。由于软件运用不熟悉，造成了很多麻烦，最主要的就是进入后，左边列表有很多选项，自己删除了一些选项卡，布局很满意了，下次进入后又恢复了以前的布局，很是苦恼。在众多PL/SQL Developer使用技巧中找到如下这段：   &n
  • [未来战士计划]超能查派[剧透,慎入] comsci 计划
           非常好看,超能查派,这部电影......为我们这些热爱人工智能的工程技术人员提供一些参考意见和思想........        虽然电影里面的人物形象不是非常的可爱....但是非常的贴近现实生活....    &nbs
  • Google Map API V2 dai_lm google map
    以后如果要开发包含google map的程序就更麻烦咯 http://www.cnblogs.com/mengdd/archive/2013/01/01/2841390.html 找到篇不错的文章，大家可以参考一下 http://blog.sina.com.cn/s/blog_c2839d410101jahv.html 1. 创建Android工程 由于v2的key需要G
  • java数据计算层的几种解决方法2 datamachine javasql集算器
    2、SQL     SQL/SP/JDBC在这里属于一类，这是老牌的数据计算层，性能和灵活性是它的优势。但随着新情况的不断出现，单纯用SQL已经难以满足需求，比如： JAVA开发规模的扩大，数据量的剧增，复杂计算问题的涌现。虽然SQL得高分的指标不多，但都是权重最高的。     成熟度：5星。最成熟的。   
  • Linux下Telnet的安装与运行 dcj3sjt126com linuxtelnet
    Linux下Telnet的安装与运行   linux默认是使用SSH服务的 而不安装telnet服务  如果要使用telnet 就必须先安装相应的软件包  即使安装了软件包 默认的设置telnet 服务也是不运行的 需要手工进行设置 如果是redhat9，则在第三张光盘中找到 telnet-server-0.17-25.i386.rpm
  • PHP中钩子函数的实现与认识 dcj3sjt126com PHP
    假如有这么一段程序： function fun(){ fun1(); fun2(); }   首先程序执行完fun1()之后执行fun2()然后fun()结束。   但是，假如我们想对函数做一些变化。比如说，fun是一个解析函数，我们希望后期可以提供丰富的解析函数，而究竟用哪个函数解析，我们希望在配置文件中配置。这个时候就可以发挥钩子的力量了。   我们可以在fu
  • EOS中的WorkSpace密码修改 蕃薯耀 修改WorkSpace密码
    EOS中BPS的WorkSpace密码修改 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 201
  • SpringMVC4零配置--SpringSecurity相关配置【SpringSecurityConfig】 hanqunfeng SpringSecurity
     SpringSecurity的配置相对来说有些复杂，如果是完整的bean配置，则需要配置大量的bean，所以xml配置时使用了命名空间来简化配置，同样，spring为我们提供了一个抽象类WebSecurityConfigurerAdapter和一个注解@EnableWebMvcSecurity，达到同样减少bean配置的目的，如下：   applicationContex
  • ie 9 kendo ui中ajax跨域的问题 jackyrong AJAX跨域
    这两天遇到个问题，kendo ui的datagrid，根据json去读取数据，然后前端通过kendo ui的datagrid去渲染，但很奇怪的是，在ie 10,ie 11,chrome,firefox等浏览器中，同样的程序， 浏览起来是没问题的，但把应用放到公网上的一台服务器， 却发现如下情况： 1） ie 9下，不能出现任何数据，但用IE 9浏览器浏览本机的应用，却没任何问题
  • 不要让别人笑你不能成为程序员 lampcy 编程程序员
    在经历六个月的编程集训之后，我刚刚完成了我的第一次一对一的编码评估。但是事情并没有如我所想的那般顺利。 说实话，我感觉我的脑细胞像被轰炸过一样。 手慢慢地离开键盘，心里很压抑。不禁默默祈祷：一切都会进展顺利的，对吧？至少有些地方我的回答应该是没有遗漏的，是不是？ 难道我选择编程真的是一个巨大的错误吗——我真的永远也成不了程序员吗？ 我需要一点点安慰。在自我怀疑，不安全感和脆弱等等像龙卷风一
  • 马皇后的贤德 nannan408
       马皇后不怕朱元璋的坏脾气，并敢理直气壮地吹耳边风。众所周知，朱元璋不喜欢女人干政，他认为“后妃虽母仪天下，然不可使干政事”，因为“宠之太过，则骄恣犯分，上下失序”，因此还特地命人纂述《女诫》，以示警诫。但马皇后是个例外。 　　有一次，马皇后问朱元璋道：“如今天下老百姓安居乐业了吗？”朱元璋不高兴地回答：“这不是你应该问的。”马皇后振振有词地回敬道：“陛下是天下之父，
  • 选择某个属性值最大的那条记录（不仅仅包含指定属性，而是想要什么属性都可以） Rainbow702 sqlgroup by最大值max最大的那条记录
    好久好久不写SQL了，技能退化严重啊！！！   直入主题： 比如我有一张表，file_info， 它有两个属性（但实际不只，我这里只是作说明用）： file_code, file_version 同一个code可能对应多个version 现在，我想针对每一个code，取得它相关的记录中，version 值 最大的那条记录， SQL如下： select *
  • VBScript脚本语言 tntxia VBScript
      VBScript 是基于VB的脚本语言。主要用于Asp和Excel的编程。   VB家族语言简介   Visual Basic 6.0           源于BASIC语言。           由微软公司开发的包含协助开发环境的事
  • java中枚举类型的使用 xiao1zhao2 javaenum枚举1.5新特性
    枚举类型是j2se在1.5引入的新的类型,通过关键字enum来定义,常用来存储一些常量.   1.定义一个简单的枚举类型 public enum Sex { MAN, WOMAN }   枚举类型本质是类,编译此段代码会生成.class文件.通过Sex.MAN来访问Sex中的成员,其返回值是Sex类型.   2.常用方法 静态的values()方
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他