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

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

  • 动态代理背后的魔法：Spring AOP执行链路解析与自定义扩展模板 周小闯 Springspringjava后端
    动态代理背后的魔法：SpringAOP执行链路解析与自定义扩展模板一、SpringAOP简介面向切面编程（AOP）是一种通过横向抽取横切关注点（如日志、事务、权限等）来提升代码模块化的技术。SpringAOP基于动态代理实现，通过注解或XML配置简化切面定义，支持方法级别的增强，其核心优势在于非侵入性和声明式编程。二、核心注解详解SpringAOP的注解驱动开发是主流实践，通过以下注解实现切面逻辑
  • 前端 - uniapp - - 滚动容器scroll-view实现横向滚动 cv高级工程师YKY uniapp前端uni-app
    微信开放平台scrol-view的官方文档说明https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.htmlscrollview相当于给div加上了overflow-x:auto;属性想要实现横线滚动官方文档有说明需要配置scroll-x和enable-flex为true并其需要给高度和flex-directi
  • 用户登录注册流程图-所有项目论文通用计算机毕业设计 IT实战营官方 项目功能模块javaeclipsespringspringboot
    系统模块详细设计(1)用户注册消费者必须注册才能购买商品，注册流程如图4.3所示。(2)用户登录
  • LeetCode 第50题：Pow(x, n) Gemini技术窝 leetcode算法数据结构java
    大家好，今天我们来聊聊一个经典的数学题目——LeetCode第50题：Pow(x,n)。这个题目要求我们实现一个函数pow(x,n)，计算x的n次幂。虽然看似简单，但如何高效地计算幂次却蕴藏着不少巧妙的算法。准备好了吗？让我们一起探索这个有趣的问题吧！文章目录题目描述解题思路快速幂算法代码实现递归实现迭代实现代码逻辑解析递归实现迭代实现使用流程图展示代码实现逻辑递归实现流程图迭代实现流程图举例说明
  • JavaEE AOP详解(从原理到实践 基于Spring AOP + AspectJ，附完整代码实例) 可问 可问春风 JAVAEEjava-eespringjava
    一、AOP核心概念1.为什么需要AOP？传统OOP编程中，重复的逻辑（如日志、事务、权限）会散落在各业务方法中，造成代码冗余和维护困难。AOP通过横向切割将这些公共功能抽取成独立模块（切面），实现解耦。2.AOP核心术语术语描述生活类比Aspect（切面）封装横切逻辑的类（如日志、事务）安保系统：处理监控、门禁等统一功能JoinPoint（连接点）程序执行期间的某个点（如方法执行、异常抛出）大楼出
  • 从需求文档到测试点：基于 OCR 和智能接口的高效图片信息提取与分析 Python测试之道 ocrpython
    在软件测试的实际工作中，需求文档是测试工程师的重要工具。然而，随着项目规模的不断扩大，需求文档中的内容变得越来越复杂，特别是图片信息往往承载了核心的业务逻辑、流程图、UI设计、表格说明以及潜在测试点。这些图片信息是测试计划和测试用例设计的关键，但手动解析这些内容不仅耗费时间，还容易遗漏重要细节。为了帮助测试工程师高效、精准地提取图片信息，并结合智能分析技术实现测试点推理，本文将分享一套完整的技术解
  • Android自定义视图绘制：Canvas实战案例解析 Ramaswamy
    本文还有配套的精品资源，点击获取简介：Android的Canvas工具允许开发者在屏幕上绘制图形，创建丰富视觉效果和交互体验。本案例"DrawDialDemo"深入解析了如何通过Canvas实现自定义画图，从创建画布到使用onDraw()方法，再到旋转图形和动态更新UI等高级技巧。通过实例演示，本案例详细讲解了仪表盘绘制的整个过程，包括指针、刻度线和数字等元素的绘制，以及如何在非UI线程中更新画布
  • FFmpeg入门：最简单的音频播放器 _多拉不懂A梦 ffmpeg音视频
    FFmpeg入门：最简单的音频播放器欢迎大家来到FFmpeg入门的第二章，今天只做一个最简单的FFmpeg音频播放器；同样，话不多说，先上流程图流程图以上流程和视频播放器的解码过程基本上是一致的；不同点在于SDL的渲染方式。下面我会重点说一下这个部分SDL音频渲染音频渲染的方式和视频不太一样的，我们对于音频的播放速度其实是根据采样率定义的（音频的采样率==视频的帧率），在初始化的时候SDL播放器就
  • 14道web前端工程师面试题及答案解析 蚂蚁小搬运工 web前端
    1.什么是HTML5？它有哪些新特性？答案：HTML5是HTML的第五个版本，引入了很多新的语法和特性，如语义化标签、多媒体支持、Canvas、地理定位、离线存储等。2.什么是WebGL？它有什么作用？答案：WebGL是一种用于在浏览器中渲染3D图形的API。它可以在浏览器中展示流畅和高质量的3D游戏和应用程序。3.什么是Canvas？它有什么作用？答案：Canvas是一种HTML5标签，用于在浏
  • Android自定义View全解析：从基础绘制到复杂交互，实战多种自定义View实现 tangweiguo03051987 android交互
    在Android开发中，自定义View的应用场景非常广泛。根据不同的需求，开发者可以创建各种类型的自定义View。以下是几种常见的自定义View类型及其实现思路和示例。1.自定义绘制View自定义绘制View是最基础的自定义View类型，通常用于绘制图形、文本、图像等内容。开发者通过重写onDraw()方法，使用Canvas和Paint来实现绘制。示例：自定义圆形ViewpublicclassCi
  • 2024护网行动 _ 红队实战手册 （建议收藏）零基础入门到精通 编程瞬息全宇宙 web安全arm开发安全学习
    整理后转于klionsec的github基本流程：入口权限=>内网搜集/探测=>免杀提权[非必须]=>抓取登录凭证=>跨平台横向=>入口维持=>数据回传=>定期权限维护0x01入口权限获取[前期侦察，搜集阶段本身就不存在太多可防御的点，非防御重心]绕CDN找出目标所有真实ip段找目标的各种Web管理后台登录口批量抓取目标所有真实C段Webbanner批量对目标所有真实C段进行基础服务端口扫描探测识
  • 实现全局水印鸿蒙示例代码
    本文原创发布在华为开发者社区。介绍本示例使用组件默认属性overlay实现组件级水印效果。实现全局水印源码链接效果预览使用说明水印效果，只需要在组件加上默认属性overlay即可每一个页面都加上，即可实现全局水印实现思路通过canvas绘制水印在用到的页面，在组件加上默认属性overlay核心代码如下：Canvas(this.context).width('100%').height('100%'
  • AOP开发 LDM>W< Java学习javaspring学习
    8.1aop思想oop（面向对象编程）：面向对象，就是纵向地将事物给封装成类，里面具有这种事物的属性和行为。当别人想用到这种事物时，就通过构造它的一个实例对象来获得。体现出一种封装性。aop（面向切面编程）：横向地对不同事物的抽象，属性与属性，方法与方法，对象与对象都可以组成一个切面。简单来说，aop思想就是可以将某些类里的属性方法等抽取出来进行处理，组成一个新方法。下面来张图说明一下：可以看到，
  • HTML5 Canvas制作雪花飘落动画 坚持坚持那些年
    本文还有配套的精品资源，点击获取简介：HTML5引入了Canvas元素，它赋予网页设计师丰富的绘图能力，允许通过JavaScript实现复杂的动画效果。本文将介绍如何结合HTML5的Canvas元素和JavaScript创建一个全屏的雪花飘落背景动画。通过定义雪花对象、创建雪花数组、编写主循环并利用requestAnimationFrame来绘制和更新雪花位置，我们能够实现一个逼真的雪花飘落动画效
  • Spring+SpringMVC项目中的容器初始化过程 m0_74824044 面试学习路线阿里巴巴springjava后端
    文章目录容器初始化过程初始化过程简单概括初始化过程初始化流程图Filter、Servlet等无法自动注入Bean容器初始化过程web.xml配置文件ssmdemocontextConfigLocation/WEB-INF/spring/spring-context.xml启动spring容器org.springframework.web.context.ContextLoaderListenero
  • Canvas资源宝典：全面探索HTML5 Canvas技术 支然苹
    Canvas资源宝典：全面探索HTML5Canvas技术awesome-canvasAcuratedlistofawesomeHTML5Canvaswithexamples,relatedarticlesandposts.项目地址:https://gitcode.com/gh_mirrors/aw/awesome-canvas一、项目介绍项目概述awesome-canvas是由RaphaëlMor
  • 探索创新：CanvasParticles - 点燃你的网页动态效果 柏赢安Simona
    探索创新：CanvasParticles-点燃你的网页动态效果去发现同类优质开源项目:https://gitcode.com/是一个开源的JavaScript库，专注于在HTML5Canvas上创建引人入胜的粒子动画效果。如果你是Web开发者，正在寻找一种方法为你的网站增添独特的视觉吸引力，那么这个项目绝对值得你深入了解。项目简介CanvasParticles提供了一套简洁而强大的API，让你能够
  • 探索CoreHTML5Canvas：创作动态Web图形的新工具 郁英忆
    探索CoreHTML5Canvas：创作动态Web图形的新工具去发现同类优质开源项目:https://gitcode.com/是一个强大的JavaScript库，专为开发者设计，旨在简化和增强在Web上创建交互式和动画图形的能力。这个项目利用HTML5Canvas元素，提供了一个简洁且高效的API，让开发人员可以轻松地构建出丰富的2D渲染效果。技术分析HTML5Canvas是HTML5的一个重要特
  • flink+kafka实现流数据处理学习 上海研博数据 java
    在应用系统的建设过程中，通常都会遇到需要实时处理数据的场景，处理实时数据的框架有很多，本文将以一个示例来介绍flink+kafka在流数据处理中的应用。1、概念介绍flink：是一个分布式、高可用、高可靠的大数据处理引擎，提供了一种高效、可靠、可扩展的方式来处理和分析实时数据。kafka：是用于构建实时数据管道和流应用程序并具有横向扩展，容错，wickedfast（变态快）等优点的一种消息中间件。
  • android屏幕旋转生命周期,Activity、Fragment生命周期---横竖屏切换的生命周期 老K先生 android屏幕旋转生命周期
    先贴出一张大家众所周知activity流程图onCreate():创建Activity调用，用于Activity的初始化，还有个Bundle类型的参数，可以访问以前存储的状态。onStart():Activity在屏幕上对用户可见时调用，但还不可与用户交互onRestart():在activity停止后，在再次启动之前被调用。onResume():Activity开始和用户交互的时候调用，这时该A
  • H5基于Canvas实现电子签名并生成PDF文档 2401_85156853 程序员pdf前端java
    3.注册监听事件letbeginX:number,beginY:number;constcanvas:HTMLCanvasElement=canvasDom.current;constctx=canvas.getContext(‘2d’);ctx.fillStyle=‘#fff’;ctx.fillRect(0,0,canvas.width,canvas.height);canvas.addEven
  • DeepSeek 根据图片内容画架构图 meisongqing 人工智能架构
    架构图文字描述分部组织系统├──平台首页（后台管理）│├──招生管理│├──学籍管理│├──教务管理│├──教学管理│├──财务管理（需确认重复项）│├──毕业管理│└──系统管理│└──工作平台（用户界面）├──学生空间├──教师空间├──教学报告├──通知公告└──下载中心Mermaid代码（可直接生成流程图）mermaid复制graphTDA[分部组织系统]-->B[平台首页]A-->C[工
  • ClickHouse Keeper 源码解析 阿里云云栖号 云栖号技术分享java开发语言后端
    简介：ClickHouse社区在21.8版本中引入了ClickHouseKeeper。ClickHouseKeeper是完全兼容Zookeeper协议的分布式协调服务。本文对开源版本ClickHousev21.8.10.19-lts源码进行了解析。作者简介：范振（花名辰繁），阿里云开源大数据-OLAP方向负责人。内容框架背景架构图核心流程图梳理内部代码流程梳理Nuraft关键配置排坑结论关于我们R
  • Android 视图切换的艺术 t0_54manong android个人开发
    引言在现代移动应用开发中，用户界面的流畅与视觉效果常常决定了应用的用户体验。特别是在横向滑动列表中，如何让用户能够直观地感知到当前选中的项，是一个值得探讨的问题。本文将详细介绍如何在Android应用中实现一个RecyclerView，根据其滑动位置动态改变项目的布局，使其在居中时变得更加突出。实现思路首先，我们需要明白，标准的RecyclerView并不直接提供检测项居中的方法。因此，我们需要采
  • 在vue3中使用Mermaid创建可动态生成的时序图 充气大锤 前端组件javascript开发语言前端流程图vuevue.js
    有手就行的：用Mermaid创建自己的时序图一、Mermaid的安装在vue3中使用Mermaid时，需要npm一下npminstallmermaid完事之后这样引用importmermaidfrom'mermaid'引用之后就可以开始整活了二、承载Mermaid的容器Mermaid不同于其他的流程图组件，这玩意用标签来承载数据，所以我们在vue文件中这样创建{{message}}*类名不能错，类
  • TypeScript中的单例类型与区分联合 t0_54program typescriptubuntujavascript个人开发
    在编程中，我们经常会遇到一些变量或属性只能取有限的几个值的情况。例如，一个页面的方向只能是“横向”或“纵向”。那么，如何在TypeScript中限制变量只能取这些有限的值呢？这就需要用到单例类型和区分联合的概念。单例类型与区分联合在TypeScript中，单例类型是指那些只包含一个值的类型。例如，'landscape'和'portrait'都是单例类型。当我们把多个单例类型组合在一起时，就形成了区
  • 物联网IoT系列之MQTT协议基础知识 Nicky.Ma 物联网IoT物联网IoTMQTT
    文章目录物联网IoT系列之MQTT协议基础知识物联网IoT是什么？什么是MQTT？为什么说MQTT是适用于物联网的协议？MQTT工作原理核心组件核心机制MQTT工作流程1.建立连接2.发布和订阅3.消息确认4.断开连接MQTT工作流程图MQTT在物联网中的应用物联网IoT系列之MQTT协议基础知识物联网IoT是什么？物联网（InternetofThings，简称IoT）是一个由互联网、传统电信网、
  • 【Javascript网页设计】在线图片画板案例 Netsuite + 影刀 Javascript案例javascript
    代码如下：在线画板body{text-align:center;font-family:Arial,sans-serif;margin:20px;}.toolbar{margin-bottom:10px;}canvas{border:2pxsolid#000;cursor:crosshair;}button{margin:5px;padding:8px15px;border:none;backgr
  • starUML画流程图、时序图 MaxBruce starUML
    目录1、安装&破解2、画流程图3、画时序图4、问题&解决方案1、安装&破解starUMLforMac的安装与破解(sudo)2、画流程图详情看这里3、画时序图详情看这里4、问题&解决方案(暂无)
  • 【2025软考高级架构师】重点笔记部分——3、系统规划、分析与设计 Richard Chijq 2025年软考系统架构师笔记系统架构
    目录一.系统规划1.1项目的提出与选择1.2可行性研究与效益分析1.3方案的制订和改进1.4新旧系统分析和比较二.系统分析与设计2.1定义问题与归结模型2.2需求2.2.1需求工程2.2.2需求分析2.3系统设计(软件设计)2.4结构化分析与设计2.4.1分析步骤2.4.2分析工具2.4.3结构化设计2.4.4数据流图、流程图2.5面向对象分析与设计2.5.1基本概念2.5.2UML(统一建模语言
  • 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 <bookjovi@gmail.com> 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其他