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

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,横向流程图)

  • SpringMVC执行流程（原理），通俗易懂 国服冰 SpringMVCspringmvc
    SpringMVC执行流程（原理），通俗易懂一、图解SpringMVC流程二、进一步理解Springmvc的执行流程1、导入依赖2、建立展示的视图3、web.xml4、spring配置文件springmvc-servlet5、Controller6、tomcat配置7、访问的url8、视图页面一、图解SpringMVC流程图为SpringMVC的一个较完整的流程图，实线表示SpringMVC框架提
  • 公益广告图集 美小嗳
    横向社会主义核心价值观图片发自App图片发自App图片发自App图片发自App图片发自App图片发自App图片发自App图片发自App图片发自App
  • 如何学好图像处理——从小白到大神？ chentengkui 图像处理
    如何学好图像处理——从小白到大神？标签：图像处理学习方法2016-02-2617:4818439人阅读评论(25)收藏举报分类：学习方法与方法论（13）版权声明：本文为博主原创文章，未经博主允许不得转载。什么是数字图像处理？历史、以及它所研究的内容。说起图像处理，你会想到什么？你是否真的了解这个领域所研究的内容。纵向来说，数字图像处理研究的历史相当悠久；横向来说，数字图像处理研究的话题相当广泛。数
  • 国产测试用例管理工具横向评测：DevOps时代如何选择最适合的协作平台？ 不念霉运 测试用例devops运维
    国产测试用例管理工具横向评测：DevOps时代如何选择最适合的协作平台？在数字化转型浪潮下，软件研发效能已成为企业核心竞争力。作为DevOps流程中的关键环节，测试用例管理工具的选择直接影响着团队的协作效率和产品质量。面对市场上琳琅满目的国产解决方案，研发团队该如何做出明智选择？GiteeTest：为敏捷团队打造的工程化测试管理利器GiteeTest凭借其"工程化"的用例管理理念，在敏捷开发场景中
  • Consul 与 Hive：云原生数据仓库集成 AI云原生与云计算技术学院 AI云原生与云计算数据仓库consulhiveai
    Consul与Hive：云原生数据仓库集成关键词：Consul、Hive、云原生、数据仓库集成、服务发现摘要：本文深入探讨了Consul与Hive在云原生环境下的数据仓库集成。首先介绍了集成的背景和相关概念，包括Consul的服务发现机制和Hive作为数据仓库的特点。接着详细阐述了核心概念及联系，通过文本示意图和Mermaid流程图展示其架构。对集成所涉及的核心算法原理进行了讲解，并给出Pytho
  • Coze开源实战指南：构建企业级AI应用的全链路技术解析（含Kubernetes+服务网格深度实践）
    一、Coze技术架构深度解析1.1核心组件与五层异构架构Coze采用五层异构架构（感知层→执行层→决策层→监控层→进化层），实现亚毫秒级实时响应与动态弹性扩展。其核心模块包括：架构亮点支持横向扩展的微服务集群基于Kubernetes的自动扩缩容机制服务网格（Istio）实现流量治理核心组件对比表组件功能特性典型性能指标CozeStudio30+节点类型/多模式编排响应速度提升300%CozeLoo
  • GraphFlow：AutoGen 中构建多智能体工作流的可视化编程方案 佑瞻 AutoGenAutoGen
    在开发多智能体系统时，我们常常面临这样的挑战：如何让多个智能体按照预设流程协作，同时又能灵活应对不同场景的变化？AutoGen框架中的GraphFlow（工作流）组件为这个问题提供了优雅的解决方案。它就像智能体团队的"流程图编辑器"，让我们可以用可视化的方式定义智能体的协作流程，实现从顺序执行到条件循环的复杂逻辑。今天我们就来深入探讨这个强大的多智能体流程控制工具。一、GraphFlow核心概念与
  • 零基础学习性能测试第九章：全链路追踪-系统中间件节点监控 试着 性能测试学习中间件性能测试零基础
    目录一、为什么需要监控中间件节点？二、主流中间件监控方案1.监控体系架构2.监控工具矩阵三、环境搭建实战1.部署Prometheus2.部署Grafana四、中间件监控配置实战1.Nginx监控2.Redis监控3.Kafka监控4.MySQL监控五、全链路追踪中的中间件监控1.SkyWalking与Prometheus集成2.全链路视角的中间件监控六、性能瓶颈定位实战1.瓶颈分析流程图2.典型瓶
  • Java过滤器与拦截器深度解析
    目录概述过滤器Filter拦截器Interceptor执行流程图解核心区别对比代码实现示例使用场景最佳实践概述在JavaWeb开发中，过滤器(Filter)和拦截器(Interceptor)是两种重要的请求处理机制。它们都能够对HTTP请求进行预处理和后处理，但在实现方式、执行时机和应用场景上有着显著的区别。关键特征对比表特征过滤器(Filter)拦截器(Interceptor)️基于Servle
  • Python爬虫【三十四章】爬虫高阶：动态页面处理与Playwright增强控制深度解析 程序员_CLUB Python入门到进阶python爬虫开发语言
    目录一、技术演进背景与行业挑战二、核心技术栈深度解析2.1动态渲染双引擎架构2.2浏览器指纹伪装方案2.3BeautifulSoup集成实践三、进阶应用场景突破3.1电商价格监控系统3.1.1技术架构创新3.1.2实现效果3.2社交媒体舆情分析3.2.1无限滚动模拟3.2.2WebSocket监控3.2.3Canvas指纹防护四、性能优化与合规方案4.1资源消耗对比测试4.2反爬对抗升级方案五、总
  • Spring AOP Jonariguez Springspringjava后端
    OOP面向对象，允许开发者定义纵向的关系，但并不适用于定义横向的关系，会导致大量代码的重复，而不利于各个模块的重用。AOP，一般称为面向切面，作为面向对象的一种补充，用于将那些与业务无关，但却对多个对象产生影响的公共行为和逻辑，抽取并封装为一个可重用的模块，这个模块被命名为切面（Aspect）。优点：AOP减少系统中的重复代码，降低了模块间的耦合度，提高系统的可维护性。可用于权限认证、日志、事务处
  • 前端面试题 大大。 前端vue.jsjavascript
    HTML5的新特性和CSS3的新特性引入了一系列语义化标签使文档结构更加清晰(header,nav,aside,article,footer,section)，多媒体支持video,audio，Canvas绘图div上下居中对齐的几种方式第一种：flex布局display:flex;justify-content:center;/*水平居中/align-items:center;/垂直居中/第二种
  • 用 Python BeautifulSoup 实现网页表格数据的提取
    用PythonBeautifulSoup实现网页表格数据的提取关键词：Python、BeautifulSoup、网页表格数据提取、HTML解析、数据处理摘要：本文深入探讨了如何使用Python的BeautifulSoup库来实现网页表格数据的提取。首先介绍了相关背景知识，包括目的、预期读者等内容。接着详细阐述了BeautifulSoup的核心概念和工作原理，并给出了相应的流程图。然后讲解了核心算法
  • 零信任架构落地：Java + SPIFFE 微服务身份联邦体系 司铭鸿 架构java微服务机器学习线性代数开发语言算法
    “信任是最昂贵的漏洞。”——2017年Equifax数据泄露后安全专家总结开篇：当城堡护城河干涸时2019年，某跨国金融集团遭遇“服务间信任链断裂”攻击。攻击者利用Kubernetes服务账户令牌泄露，伪装成合法服务横向渗透，窃取核心交易数据。其传统边界防火墙与VPN如同中世纪的护城河，对内部流量毫无防御能力。这场灾难性事件点燃了他们落地零信任架构（ZeroTrustArchitecture,ZT
  • android studio 适配安卓10版本 戎厉 androidandroidstudio数据库ide
    AndroidStudio适配安卓10版本的步骤指南在Android开发中，适配新的操作系统版本是必不可少的步骤，尤其是Android10（API29）的特性增加了许多隐私和安全方面的增强。对于一个刚入行的小白开发者来说，适配可能看起来是一个挑战，但通过系统性的步骤和代码示例，我们可以轻松克服这个问题。流程概述以下是适配Android10的基本步骤，显示在一个清晰的流程图中：开始更新Gradle文
  • 【2024国赛C题】2024 年全国大学生数学建模比赛思路、代码更新中.....
    欢迎来到本博客❤️❤️博主优势：博客内容尽量做到思维缜密，逻辑清晰，为了方便读者。⛳️座右铭：行百里者，半于九十。本文目录如下：目录⛳️竞赛事件及参赛一、解题思路二、准备建议三、注意事项1找程序网站推荐2公式编辑器、流程图、论文排版324年国赛C题及资源下载4思路、代码分享......⛳️竞赛事件及参赛一、解题思路理解题目背景和要求：仔细阅读题目，理解问题的背景、目的和具体要求。识别问题的关键要素
  • 零基础也能看懂的 Tkinter 完全指南：从“Hello, World!” 到“桌面级应用”全流程实战
    目录前言一、为什么选择Tkinter？二、5分钟跑通“Hello,Tkinter”三、核心概念一张图四、控件速查表（常用10个）五、布局管理器：packvsgridvsplace1.pack（适合纵向/横向堆叠）2.grid（表格，最常用）3.place（绝对坐标，极少用）六、事件处理3种写法七、完整实战：To-DoList（100行以内）八、进阶：ttk与主题美化九、打包成exe（PyInsta
  • [AI8051U入门第九步]W5500实现MQTT协议（前期准备工程）-EMQX在Windows下使用教程 单片有机机 windows
    学习目标：1、学习如何在Windows下使用EMQX软件一、EMQX介绍EMQX是一款高性能、可扩展的开源MQTT消息中间件，专为物联网（IoT）场景设计，支持海量设备连接和实时消息处理。以下是关于EMQX的详细介绍：1、核心功能MQTT协议支持：完整支持MQTT3.1、3.1.1和5.0协议，兼容各类IoT设备。高并发连接：单节点可支持百万级设备连接（依赖硬件配置），集群模式下可横向扩展。低延迟
  • Java领域Spring Boot的单元测试最佳实践 AI应用架构探索者 AI实战AI人工智能与大数据应用开发javaspringboot单元测试ai
    Java领域SpringBoot的单元测试最佳实践关键词：SpringBoot、单元测试、最佳实践、Java、测试框架摘要：本文深入探讨了Java领域中SpringBoot的单元测试最佳实践。首先介绍了SpringBoot单元测试的背景，包括目的、预期读者、文档结构和相关术语。接着阐述了核心概念和联系，通过示意图和流程图帮助理解。详细讲解了核心算法原理及具体操作步骤，结合Python代码示例进行说
  • canvas入门教学（1）基本认识与了解 WebGIS小智 Canvas专题讲解htmljavascriptcanvaswebgl
    从本文章开始，笔者将带大家从0开始，一点一点慢慢的学习canvas。掌握webgl图形渲染的一些底层的原理和逻辑，方便大家后续更容易理解一些gis框架和原理。canvas本质上是一个html元素，和其他html元素一样，本质上也属于document。canvas翻译过来中文叫做画布，顾名思义canvas的设计者最初是希望人们能够在网页上也有绘画的能力。canvas的用途很广，例如游戏，签名类，地图
  • 【高中数学之函数】四种幂函数图线（二次、三次、开方、开立方） 土门子拉马努金 高中数学之函数高中数学函数
    【图像】【代码】UNASSIGNED.centerlize{margin:0auto;border:0pxsolidred;width:1200px;height:600px;}如果看到这段文字说您的浏览器尚不支持HTML5Canvas，请更换浏览器再试.retval.max){retval.max=y;retval.max_x=cds[i].x;}if(yarr.length){index=in
  • Elasticsearch 索引的批量操作深度剖析 北漂老男人 Elasticsearchelasticsearch大数据搜索引擎全文检索
    Elasticsearch索引的批量操作深度剖析一、前言在大数据和实时检索的场景下，Elasticsearch作为分布式搜索引擎，批量操作（如批量查询、批量增删改）是提升吞吐量、降低资源消耗的核心手段。本文将围绕批量操作主流程，结合源码、伪代码、流程图、实际场景和优化技巧，系统性剖析其实现原理与高级用法，助你深入理解和高效使用Elasticsearch。二、主流程环节与设计思想1.基于_mget的
  • SAP-ABAP：SAP中工单号（生产订单号，Order Number）、预留号（Reservation Number）、凭证号（Material Document Number）三者的关系详解 爱喝水的鱼丶 vipSAPABAP运维开发语言
    在SAP系统中，工单号（生产订单号，OrderNumber）、预留号（ReservationNumber）和凭证号（MaterialDocumentNumber）三者之间的关联关系贯穿于生产、物料管理和库存操作的全流程。以下是它们的逻辑关系及对应数据库表：1.核心关系流程图工单号(AUFNR)→预留号(RSNUM)→凭证号(MBLNR)工单号驱动预留号的生成（如生产领料需求）。预留号被消耗时生成凭
  • 【2024国赛D题】2024 年全国大学生数学建模比赛思路、代码更新中..... 长安程序猿 matlab
    欢迎来到本博客❤️❤️博主优势：博客内容尽量做到思维缜密，逻辑清晰，为了方便读者。⛳️座右铭：行百里者，半于九十。本文目录如下：目录⛳️竞赛事件及参赛一、解题思路二、准备建议三、注意事项1找程序网站推荐2公式编辑器、流程图、论文排版324年国赛D题及资源下载4思路、代码分享......⛳️竞赛事件及参赛竞赛开始时间：北京时间2024年9月5日18:00竞赛结束时间：北京时间2024年9月8日20:
  • 微信小程序 环形进度条_微信小程序：实时圆形进度条实现 武奘 微信小程序环形进度条
    第九程序给大家带来微信小程序：实时圆形进度条实现，希望大家在开发小程序过程中能够帮助大家解决。废话不多说，先上一张效果图！实现思路建立两个canvas标签，先绘制底层的浅灰色圆圈背景，再绘制上层的红色进度条。WXML代码开始动态绘制WXSS代码特别注意：底层的canvas最好使用z-index:-99；放置于底层page{width:100%;height:100%;background-colo
  • 撕碎QT面具（2）：groupBox内容居中显示 软件开发技术局 qt
    问题描述：当笔者在GroupBox中使用FormLayout构建图中内容时，不能居中显示。解决方案：1、首先在formlayout左右添加横向弹簧，并ctrl进行选中这三个控件。点击水平布局，让中间的控件不变形。2、选中groupBox，再点击水平布局，使得groupBox的内容全部水平居中。最终效果：可以居中显示了。
  • 技战法-正向隧道和反向隧道防御 YCL大摆子 网络
    一、背景在网络安全攻防演练中，攻击者在成功植入Webshell后，往往会快速构建通信隧道（含正向隧道与反向隧道两种模式）。通过建立的隐蔽隧道，攻击者可突破现有安全防护边界，对目标系统实施深度攻击（如权限提升）及内网横向移动，规避传统监测手段。基于对正向/反向隧道构建特征的分析，结合应用系统架构特性，强化隧道检测与阻断机制，提升攻击利用难度二、正向代理和反向代理设备一、正向隧道设备与机制正向隧道由内
  • 像素风格超级玛丽HTML游戏
    像素风格超级玛丽HTML游戏创建一个像素风格的HTML5小游戏，模仿超级玛丽的经典玩法。游戏包含移动、跳跃、收集金币、躲避敌人和到达终点等核心机制。设计思路使用纯HTML5Canvas实现游戏渲染像素风格美术设计(16x16像素元素)实现物理引擎(重力、碰撞检测)键盘控制移动和跳跃添加经典超级玛丽元素(砖块、水管、蘑菇敌人)下面是完整的实现代码：像素超级玛丽*{margin:0;padding:0
  • 像素风格坦克大战游戏 代码改变世界10086 游戏像素游戏游戏csscss3
    像素风格坦克大战游戏下面我将实现一个基于HTML5Canvas的像素风格坦克大战游戏，玩法类似经典的FC坦克大战。设计思路使用像素风格渲染游戏元素玩家控制坦克移动和射击敌方AI坦克自动移动和攻击可破坏的砖墙和不可破坏的钢墙基地保护机制计分系统和生命值显示实现代码像素坦克大战*{margin:0;padding:0;box-sizing:border-box;font-family:'PressSt
  • 像素世界：回合制角色扮演游戏
    像素世界：回合制角色扮演游戏我将设计一个原创的像素风格回合制RPG游戏，包含角色移动、战斗系统、物品收集等核心功能。设计思路使用Canvas创建像素风格的游戏世界实现角色移动和地图探索设计回合制战斗系统添加物品收集和角色成长元素采用复古像素艺术风格下面是完整的实现代码：像素世界：回合制RPG*{margin:0;padding:0;box-sizing:border-box;font-family
  • 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其他