一个有梦想的小白
一个有梦想的小白

canvas画简单的横向流程图

开发思路

最近，因为在做基于MES系统进行工业互联网开发的项目；其中，在做demo时，我负责工序管理的开发，其中有一个功能是通过一个物料SFC码可以追踪该物料所经历的所有工序；网上有很多插件，比如D3等，但是，我只需要一个特别简单的横向流程图，所以并没有引用插件；此处要感谢https://www.cnblogs.com/zhangym118/p/8405962.html的作者，我引用了他的代码，仅仅在他的基础上删掉不用的部分并做一点修改。

话不多说，直接上代码，因为没有采用插件，所以，横向流程图都是用H5的canvas画布去制作。

<html>
<head>
	<title>经历的工序title>
	<meta name="decorator" content="default"/>
	  <script type="text/javascript">
 
$(document).ready(function() {
	 var len = '${length}';
	 var json = '${lineNames}';
	 json = JSON.parse(json);
	 console.log( Object.values(json[0])[1]);
    var cont = document.getElementById("workflow").getContext("2d");
    document.getElementById("workflow").width = 10 * 180;//根据数据的多少来设定画布的宽度
    for (var i =0; i<len; i++){
        arcTopStroke(cont,200 + i*150 ,100 ,20, i, len-1, Object.values(json[i])[1]);
    }
 
});
 
//画top圆
function arcTopStroke(cont, x, y, r, i, len, hash){
    cont.beginPath();
    cont.arc(x, y, r, 0, 2*Math.PI);
    cont.lineWidth = 5;
    cont.strokeStyle = "#999999";
    cont.stroke();
    cont.closePath();
    cont.fillText(hash, x, y-30);
 
    if( i < len ){
        cont.moveTo(x + r, y);
        cont.lineTo(x + r + 110, y);
        cont.lineWidth = 2;
        cont.stroke();
    }
}
 
 

script>
	
head>
<body>
	 <div class="workflow_left_content" style="width:100% ;overflow-x: auto">
        <canvas id="workflow" height=300>canvas>
    div>
body>
 
html>

我相信一看代码，都会知道什么意思，比较简单，就是画圆然后用线连接，并在圆上写上字以作解释，因为要跟后台关联，所以var json = ‘${lineNames}’;这行代码就是接收后台传给页面的list集合，至于后台怎么传，我用的是Model去传，也可以采用@ResponseBody以Json形式将返回值传到前端；但是，因为我返回值为页面地址，所以只能用model去传。

	model.addAttribute("lineNames", new Gson().toJson(lines));

你以为完事了，那你就错了，你要是这样做，你传给页面的是一个list集合，而到了页面接收就变成了一个字符数据，页面会把后台传的值解析为一个一个字符，那该怎么办呢？在我的代码中已经写出来了，就是

 json = JSON.parse(json);

JSON 通常用于与服务端交换数据。

在接收服务器数据时一般是字符串。

我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。
因为我的List集合中存储的是对象，所以需要此步来转换。

此时，才算完毕。

你可能感兴趣的:(开发手记,canvas,横向流程图)

  • MQ横向对比：RocketMQ、Kafka、RabbitMQ、ActiveMQ、ZeroMQ namelessmyth Java框架MQrocketmqkafkarabbitmqactivemq
    前言本文将从多个角度全方位对比目前比较常用的几个MQ：RocketMQKafkaRabbitMQActiveMQZeroMQ下文单独说明。表格对比特性RocketMQKafkaRabbitMQActiveMQ单机吞吐量10万级，支撑高吞吐10万级以上，甚至有文献称，可以达到单机百万级TPS。万级，同ActiveMQ万级，相对其他MQ较低。topic数量对吞吐量的影响topic可以达到几百/几千的级
  • Java二次开发海康SDK-对接门禁机一文全解 半自定义大剑仙 一文全解java前端服务器图像处理
    写在最前SDK版本：CH-HCNetSDKV6.1.6.45_build20210302_win64参考文档：海康SDK使用手册_V6.1对接测试设备型号：DS-K1T671M设备序列号：E50247795业务目标使用门禁设备实现对人脸的抓拍，将抓拍的人脸与其对应的数据进行上传。业务流程图：业务流程节点解释：1.初始化SDK（NET_DVR_Init）：进行海康提供开发库的载入，使用海康官方提供的
  • 【插件html2canvas】页面元素生成图片 不吃香菜的蟹老板 前端javascriptvue
    插件html2canvas将页面元素转换成图片点击【复制】按钮，将页面某个区域的内容以图片的形式复制到剪切板，粘贴后是一张图片。点击【下载】按钮，将页面某个区域的内容以图片的形式下载到本地。1安装插件npmihtml2canvas2目标页面元素html2canvas复制下载3核心逻辑3.1html2canvas绘制页面元素通过插件【html2canvas】转换成图片base64letcanvas=
  • mesh渲染到ui_UGUI深入理解--渲染系统 陈人 mesh渲染到ui
    UGUI怎么显示一张图片？从原理上来说，显示图片和其他渲染一样，需要的也是mesh和material。所以我们要看的就是怎么把mesh和material传给引擎。UI的渲染可以分三部分来看CanvasUpdateRegistry负责驱动，也就是通知需要渲染的UI组件，为什么用通知的方式而不是UI自己处理呢，UGUI的处理流程是这样的，UI自己记录是否需要重新渲染，注册事件给registry，reg
  • Uni-app开发Canvas当子组件示例，点点绘制图形 他在时间门外 uni-appjavascript前端
    前言使用Uni-app实现封装一个Canvas渲染的子组件，实现通过传入两点绘制一条完整的路程具体逻辑看我发的后端和数据库设计C#根据两点名称，寻找两短路程的最优解，【有数据库设计，完整代码】即使不了解具体逻辑，该文章同样可以帮助想要实现使用Canvas当子组件，以及点点绘制图形问题的疑惑注意事项问题一：在使用canvas开发时为什么图形没有渲染1.注意画布的尺寸canvas标签默认宽度300px
  • 3 HTML5 svg 官清岁月
    SVG:ScalableVectorGraphics;//可缩放矢量图形->svg图像放大情况下图形质量不会损失(失真)；-->应用场景：图表、动画、矢量图(点/线/面,形成的基本图形)、常用于制作图标icon1、canvas与svg的区别：(1).canvas是由像素点构成的，其依赖分辨率，其放大后会"失真"；其通过js来绘制2D图形，常用来制作游戏、图表(运行速度快)；(2).svg是由图形(
  • canvas绘制圆形进度条 程序猿小离 javascriptvue.js开发语言
    canvas绘制圆形进度条用canvas绘制了一个圆形进度条，记录一下：效果如下：感觉效果还行，不过有待优化代码如下：我是用Vue写的组件的代码：progressCanvas.vueexportdefault{name:'ProgressCanvas',data(){return{drawPgress:0}},mounted(){constaa=setInterval(()=>{this.draw
  • 21天影响力-16-三个立场 海红米花妈
    R：《横向领导力》P81-84图片源自网络I：当我们遇到事情时，如何防止自己产生偏见？如果只从自己个人角度思考问题，因为自己身处其中，会有情绪，容易产生偏见，那可以怎么办？除了我们每个人都不会忽略的自我立场，还可以从第二立场、第三立场老考虑问题，这2个立场，都是换位思考。换位思考可以帮助我们扩大自己的视野，考虑更周全。第二立场：跟问题直接相关的人，工作上的同事，交互的客户，站在对方的角度思考问题。
  • 天池龙之-python-task2 三 lsswear 学习python
    三、字符串定义：Python中字符串被定义为引号之间的字符集合。Python支持使用成对的单引号或双引号。转义字符描述\\反斜杠符号\'单引号\"双引号\n换行\t横向制表符(TAB)\r回车原始字符串在字符串前边加一个英文字母r三引号允许一个字符串跨多行，字符串中可以包含换行符、制表符以及其他特殊字符切片与拼接：类似于元组具有不可修改性从0开始(和Java一样)切片通常写成start:end这种
  • 计算机设计大赛 行人重识别(person reid) - 机器视觉 深度学习 opencv python iuerfee python
    文章目录0前言1技术背景2技术介绍3重识别技术实现3.1数据集3.2PersonREID3.2.1算法原理3.2.2算法流程图4实现效果5部分代码6最后0前言优质竞赛项目系列，今天要分享的是深度学习行人重识别(personreid)系统该项目较为新颖，适合作为竞赛课题方向，学长非常推荐！学长这里给一个题目综合评分(每项满分5分)难度系数：3分工作量：3分创新点：5分更多资料,项目分享：https:
  • html5在不同浏览器兼容,HTML5浏览器兼容性解决方案 weixin_39732991 html5在不同浏览器兼容
    HTML5浏览器兼容性解决方案HTML5新增语义标签，以及如何兼容老版本浏览器。前言HTML5属于上一代HTML的新迭代语言，设计HTML5最主要的目的是为了在移动设备上支持多媒体。例如：video标签和audio及canvas标记。而HTML5在取消了过时的显示效果标记和等同时，也引入了一些新的语义标签，例如：更多的语义标签请参考一、语义标签兼容性1.解决思路主流浏览器都兼容HTML5的新标签。
  • Linux--基础命令 码农小小苏 Linuxlinux运维服务器
    一.pwd（PrintWorkingDirectory）(1)pwd:显示当前位置的绝对路径;二.cd(ChangeDirectory)(2)cd:切换目录,cd的参数表示要切换的位置,可以使用绝对路径或者相对路径;三.ls(3)ls:显示目录中的文件(lai)ls补充:理解使用:-A显现除“.”和“..”外的一切文件。-m横向输出文件名，并以“，”作分格符。-o显现文件的除组信息外的具体信息。-
  • 什么是“互联网 +”智慧能源? AEMC马广川 人工智能算法大数据
    “互联网+”智慧能源，就是以电力系统为核心纽带，构建多类型能源互联网络，即利用互联网思维与技术改造传统能源行业，实现横向多源互补，纵向“源一网一荷一储”协调，能源与信息高度融合的新型能源体系。其中，“源”是指煤炭、石油、天然气、太阳能、风能、地热能等一次能源和电力、汽油等二次能源;“网”是指涵盖天然气和石油管道网、电力网络等能源传输网络;“荷”和“储”是指代表各种能源需求和存储设施。实施“源一网一
  • RBD快照灾备方案 lihanglucien
    一、说明从主集群定期的导出最近两个快照之差，然后导入到备集群。二、Ceph生成差量文件的方式2.1导出某个image从创建到此刻的变化2.1.1导出快照rbdexport-difftest_pool/test_imagetestimage_now2.1.2导入快照rbdimport-difftestimage_nowtest_pool/test_image2.1.3流程图__image_____.
  • thumb 垂直seekbar 居中_Android 垂直SeekBar weixin_39788740 thumb垂直seekbar居中
    packagecom.example.helloverticalseekbarv2;importandroid.content.Context;importandroid.graphics.Canvas;importandroid.graphics.Rect;importandroid.graphics.drawable.Drawable;importandroid.util.AttributeS
  • android 快速实现 圆角矩形控件 及 圆形控件 42nf androidRoundImageView圆角矩形控件
    1.自定义RoundImageViewpackagecom.examle.widget;importandroid.content.Context;importandroid.content.res.TypedArray;importandroid.graphics.Bitmap;importandroid.graphics.Canvas;importandroid.graphics.Color;
  • Android 垂直seekbar 福州司马懿 #Android自定义控件
    android系统自带的拖动条（seekbar）只有横向，这里分享一个垂直的seekbar。原理很简单：（1）在测量控件大小（包括发现控件大小改变时）时，把宽度和高度互换（2）在绘制时将画布顺时针旋转90度，即将拖动条逆时针旋转90度，为了保证从画布的原点开始绘制需要将画布上移视图高度（3）自定义触摸事件，根据触摸的相对位置来修改progress变量的值。代码分享如下（这个代码是很久以前网上找的，
  • 父元素flex:1,子元素宽度100%失效的问题 一个巨蟹座的前端 vuejsvue.js前端javascriptcsshtml
    今天做项目时遇见一个问题，父元素在设置flex:1来固定宽度撑满时，子元素设置width100%无效。经过尝试发现给父元素及设置flex:1的元素加上width:0可解决。即这样写：.parent{flex:1;width:0;.children{width:100%;overflow-x:scroll;}}但同时遇到了另一个问题，我发现这样设置后，即使width超过之后，横向滚动条依然不出现，经
  • C语言程序与设计：篮球游戏 NueXini c语言开发语言后端
    文章目录@[toc]C语言程序与设计：篮球游戏1.题目2.代码实现(输出坐标)C语言程序与设计：篮球游戏1.题目你们正在编写一个篮球游戏。假设篮球质量为1kg，将其放在高度为y米高的地方做自由落体运动。其初速度为v。篮球在运动过程中，只受到重力加速度g（-9.8m/s2）,请输出其随时间t的运行轨迹（设t的时间间隔是0.1秒）请以小组为单位完成此练习，1）先由B同学写出思路、画出流程图，A同学观察
  • Web 游戏 「梦幻西游」地图 Demo ，纯 Canvas 画 梁同桌
    前言本程序仅仅学习，顺便回忆小学玩的游戏。项目初心为了验证一些对Canvas想法。项目大量运用ES6，无";"写法。cover.gif目录文件介绍职责分类缺点文件imgjxk（剑侠客图片）background（地图图片）jsbaserunloop.js（循环）viewjxk.js（剑侠客）map_one.js（地图）game.jsindex.jsindex.html职责分类js/base/runl
  • 2019-06-21 随机生成的名字
    Jenkins集成sonarqube方案评审Jenkins+GitLab+sonarqube三者的联通1.工具的插件准备Jenkins需要安装SonarQubeScannerpluginsonarqube需要安装gitlabplugin/语言分析插件如SonarPHP2.分析的流程图流程图.jpgsonarqube分析php项目使用的方案选择1.使用sonarqube第三方插件方式【不可行】Son
  • 《千年一叹》——叹息百年随风转（序） 星星醒醒
    《千年一叹》是余秋雨先生于2002年出版的著作。属于日记体散文，记录了先生在2000年随香港凤凰卫视“千禧之旅”车队跋涉四万公里的经历。在此书之前，先生还曾写成了《文化苦旅》和《山居笔记》，梳理了中华文化的脉络。但在这本书中，先生共记录了希腊、埃及、以色列、巴基斯坦、约旦、伊拉克、伊朗、印度、尼泊尔等国的所见所感，笔触平实厚重，又不失幽默风趣，淡化了路途艰险，刻画出了各国文化现实，横向比对了这些国
  • 【改进算法】【IHAOAVOA】天鹰优化算法和非洲秃鹫混合优化算法 科研工作站 智能算法算法智能算法天鹰优化算法非洲秃鹫算法
    目录1主要内容IHAOAVOA流程图主要创新点2部分代码3程序结果4下载链接1主要内容该程序复现《IHAOAVOA:AnimprovedhybridaquilaoptimizerandAfricanvulturesoptimizationalgorithmforglobaloptimizationproblems》，天鹰优化算法（AO）和非洲秃鹫算法（AVOA）各有优势：AO具有强大的全局勘探能力
  • 如何成为一个更好的领导者？ 白小白说
    今天是我们最后一天学习《横向领导力》，这是我们最后一天学习本书，我个人的观点是:横向领导力是我们每个人都应该掌握的软实力，是我们成功、成长的必备品。一、掌握横向领导力的必要性1、有可能我们本身就是领导，但你自己还没意识到自己是，哪怕只有一个人，我们也要活成一支队伍，在打造个人品牌的时代，具有横向领导力的人，注定会获得成功和地位。2、很多人的职业瓶颈期，都是因为自己的局限和格局，如果把自己定位于横向
  • 关于学习C#总结 zzyynn_bb 编程语言
    关于学习C#课程总结首先先说一下什么是.net，他是一个平台，支持下一代Internet的可编程结构，最主要的特点是面向对象，是编程变得简单。接下来用一个简短的流程图总结一下C#编程，可能略有不足。以上流程图仅代表自学内容可能有所欠缺，仅供参考。C#和其他的编程语言大部分都是一样的可能略有不同但是有很多都是相同的。例如都有数据类型、变量、常量，当然也有运算符和表达式。当然C#语言最重要的就是面向对
  • 【Graphviz】绘制流程图 YZXnuaa 数据分析软件
    前言日常的开发工作中，为代码添加注释是代码可维护性的一个重要方面，但是仅仅提供注释是不够的，特别是当系统功能越来越复杂，涉及到的模块越来越多的时候，仅仅靠代码就很难从宏观的层次去理解。因此我们需要图例的支持，图例不仅仅包含功能之间的交互，也可以包含复杂的数据结构的示意图，数据流向等。但是，常用的UML建模工具，如Visio等都略显复杂，且体积庞大。对于开发人员，特别是后台开发人员来说，命令行，脚本
  • windows wvp-gb28181-pro一键安装的脚本流程 三希 wvpgb28181Prowvp-gb28181-pro
    流程图【金山文档】windowswvp安装脚本流程https://kdocs.cn/l/cataPonNMXNm
  • uni-app 实现拍照后给照片加水印功能 前端码农小黄 功能uni-app前端
    遇到个需求需要实现，研究了一下后写了个demo本质上就是把拍完照后的照片放到canvas里，然后加上水印样式然后再重新生成一张图片代码如下，看注释即可~使用的话记得还是得优化下代码测试按钮exportdefault{data(){return{canvasWidth:300,canvasHeight:150,}},methods:{handlePhotoAndWatermask(){//调用拍照功
  • 线阵相机参数设置和原理解释 （转载）很棒。 Lafer碎碎 机器视觉
    线阵相机顾名思义就是取像是成线性的。它的传感器是成线型的。举个例子：比如面阵相机的分辨率是640*480就是说这个相机横向有640个像元，纵向有480个像元。而线阵相机分辨率只体现在横向，比如2048像素的线阵相机就是说横向有2048个像元，纵向大多数为1。（RGB相机和TDI相机除外）关于线阵相机的传感器70年代大多数使用的是MOS，而从70年代末CCD开始迅速发展，一直到现在也是主流，CMOS
  • Gateway网关学习笔记 编程老师傅 gateway学习
    目录1、⽹关介绍1.1、微服务拆分之后遇到的问题？1.2什么是API⽹关？1.3⽹关可以⼲什么？1.4常⽤的⽹关2、使⽤Nginx实现⽹关服务3、使⽤Gateway实现⽹关服务3.1搭建gateway服务器3.2配置路由规则4、Gateway⼯作原理4.1名词解释4.2Gateway⼯作流程图5、Predicate断⾔编辑5.1Path5.2Query5.3Header6、过滤器6.1Gatewa
  • 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其他