dyllove98
dyllove98

RGraph-基于HTML5的 JavaScript 动态仪表盘

目前针对于统计图的制作方法有很多，可以直接利用快逸报表中的自带统计图，还可以通过自定义统计图个性化定制，当然除此之外，在新的HTML5标准中，新增了一个非常重要的元素—canvas元素。使用该元素，可以在页面中直接进行各种复杂图形的制作。因此，如果使用该元素绘制统计图，比之前使用服务器端控件来生成统计图的方法更加具有优越性，因为使用了该元素之后，绘制统计图的工作是直接在客户端进行的，而不再是在服务器端所完成的了。这不仅意味着不再占用服务器端的资源，而且意味着可以直接利用客户端计算机的强大资源，绘制统计图的速度也就可以大大地得到提高了。而且，因为用来控制canvas图形绘制的脚本代码是可以被压缩的（例如，当你使用Apache服务器的时候，mod_gzip将自动帮你执行代码压缩工作），可以被缓存的，所以也就可以大幅度地减少带宽的占用了。本文就介绍了这样一款制作统计图的插件。设想一下，假如由于客户端的访问，服务器端每天需要创建100，000幅统计图，这对服务器端来说，无疑是一个非常巨大的资源占用。
本文介绍一款名叫Rgraph的插件，使用RGraph统计图制作插件的话，可以将这个资源占用减少到接近零的程度，因为所有创建统计图的工作都是在客户端完成的，就像渲染HTML网页一样，服务器端只负责发送数据，不再负责统计图的生成与发送了，同时带宽的占用情况也大大得到了改善。
另外，由于统计图是依靠JavaScript来生成的，所以当你查看这个显示统计图的HTML网页的时候，该网页是可以为离线状态的了。
对于浏览器来说，目前该插件受到了Firebox 4,Google Chrome 10,Opera 11,Safari 5、IE9浏览器的支持。

官网网站为：http://www.rgraph.net/examples/index.html ！

 

我今天就做关于仪表盘的实现，三个仪表盘，不同样式而已！效果如下：

RGraph-基于HTML5的 JavaScript 动态仪表盘_第1张图片

 

你可以设置头内容如 ：java小强 这个标题的内容和样式，也可以设置底部的内容和样式，如：[email protected] ！

第一次和第三个创建时：

Java代码    收藏代码
  1. var gauge1 = new RGraph.Gauge('cvs1', 0, 100, 84);  
  2. var gauge3 = new RGraph.Gauge('cvs3', -100, 100, 84);  

 

绘图的地址，最小值，最大值和当前值，第二个参数有点不同：

Java代码    收藏代码
  1. var gauge2 = new RGraph.Gauge('cvs2', 0, 200, [184,12]);  

 

由于他是两个指针，所以当前值参数是一个数组。

那么有的人说了，那我想画三个指针怎么办，很简单，传三个参数！

 

我们整个页面的源码给大家看一下，运行后就是上面的效果：

Html代码    收藏代码
  1. <html>  
  2. <head>  
  3.     <title>Examples of the Gauge chart</title>  
  4.     <script src="RGraph.common.core.js" ></script>  
  5.     <script src="RGraph.common.effects.js" ></script>  
  6.     <script src="RGraph.common.dynamic.js" ></script>  
  7.     <script src="RGraph.gauge.js" ></script>  
  8.     <script src="excanvas.js"></script>  
  9.     <script>  
  10.         window.onload = function () {             
  11.             var gauge1 = new RGraph.Gauge('cvs1', 0, 100, 84);  
  12.             gauge1.Set('chart.scale.decimals', 0);  
  13.             gauge1.Set('chart.tickmarks.small', 50);  
  14.             gauge1.Set('chart.tickmarks.big',5);  
  15.             gauge1.Set('chart.title.top', 'Java小强');  
  16.             gauge1.Set('chart.title.top.size', 24);  
  17.             gauge1.Set('chart.title.bottom', '[email protected]');  
  18.             gauge1.Set('chart.title.bottom.color', '#aaa');  
  19.             gauge1.Draw();              
  20.             function Updategauge () {  
  21.                 gauge1.value=RGraph.random(5,90);  
  22.                 RGraph.Effects.Gauge.Grow(gauge1);  
  23.                 setTimeout(Updategauge, 2000);  
  24.             }  
  25.             Updategauge();  
  26.             var gauge2 = new RGraph.Gauge('cvs2', 0, 200, [184,12,58]);  
  27.             gauge2.Set('chart.title.top', 'Java小强');  
  28.             gauge2.Set('chart.title.bottom.size', 'Italic 14'); // Hmmmm  
  29.             gauge2.Set('chart.title.bottom.font', 'Impact');  
  30.             gauge2.Set('chart.title.bottom.color', '#ccc');  
  31.             gauge2.Set('chart.title.bottom', '[email protected]');  
  32.             gauge2.Set('chart.title.bottom.pos', 0.4);  
  33.             gauge2.Set('chart.background.color', 'black');  
  34.             gauge2.Set('chart.background.gradient', true);  
  35.             gauge2.Set('chart.centerpin.color', '#666');  
  36.             gauge2.Set('chart.needle.colors', [RGraph.RadialGradient(gauge2, 125, 125, 0, 125, 125, 25, 'transparent', 'white'),  
  37.                                                RGraph.RadialGradient(gauge2, 125, 125, 0, 125, 125, 25, 'transparent', '#d66')]);  
  38.             gauge2.Set('chart.needle.size', [null, 50]);  
  39.             gauge2.Set('chart.text.color', 'white');  
  40.             gauge2.Set('chart.tickmarks.big.color', 'white');  
  41.             gauge2.Set('chart.tickmarks.medium.color', 'white');  
  42.             gauge2.Set('chart.tickmarks.small.color', 'white');  
  43.             gauge2.Set('chart.border.outer', '#666');  
  44.             gauge2.Set('chart.border.inner', '#333');  
  45.             gauge2.Set('chart.colors.ranges', []);  
  46.             gauge2.Draw();              
  47.             function Updategauge2 () {  
  48.                 gauge2.value = [RGraph.random(2,190), RGraph.random(5,195), RGraph.random(5,195)]  
  49.                 RGraph.Effects.Gauge.Grow(gauge2);  
  50.                 setTimeout(Updategauge2, 2000);  
  51.             }  
  52.             Updategauge2();  
  53.             var gauge3 = new RGraph.Gauge('cvs3', -100, 100, 84);  
  54.             gauge3.Set('chart.scale.decimals', 0);  
  55.             gauge3.Set('chart.tickmarks.small', 50);  
  56.             gauge3.Set('chart.tickmarks.big',5);  
  57.             gauge3.Set('chart.title.top', 'Java小强');  
  58.             gauge3.Set('chart.title.top.size', 24);  
  59.             gauge3.Set('chart.title.bottom', '[email protected]');  
  60.             gauge3.Set('chart.title.bottom.color', '#aaa');  
  61.             gauge3.Set('chart.colors.ranges', [[-100, -90, 'red'], [-90, -80, 'yellow'], [80, 90, 'yellow'], [90, 100, 'red']]);  
  62.             gauge3.Set('chart.adjustable', true);  
  63.             gauge3.Draw();  
  64.             function Updategauge3 () {  
  65.                 gauge3.value = RGraph.random(2,99);  
  66.                 RGraph.Effects.Gauge.Grow(gauge3);  
  67.                 setTimeout(Updategauge3, 2000);  
  68.             }  
  69.             Updategauge3();           
  70.         }  
  71.     </script>  
  72. </head>  
  73. <body>  
  74.     <div style="text-align: center">  
  75.         <canvas id="cvs1" width="250" height="250">[No canvas support]</canvas>  
  76.         <canvas id="cvs2" width="250" height="250">[No canvas support]</canvas>  
  77.         <canvas id="cvs3" width="250" height="250">[No canvas support]</canvas>  
  78.     </div>  
  79. </body>  
  80. </html>  

 

你最好用Firebox 看，使用IE也能看到效果，但是一旦进行动态更新指针的时候，就会把浏览器给搞死！

你可能感兴趣的:(JavaScript,java,html5,浏览器,服务器,cvs)

  • 深入理解浏览器重排（Reflow）与重绘（Repaint）及性能优化策略 じ☆ve 清风° 前端面试性能优化
    引言在现代Web开发中，性能优化是一个永恒的话题。理解浏览器的渲染机制，特别是重排（Reflow）和重绘（Repaint）过程，对于构建高性能的Web应用至关重要。本文将深入探讨这两个概念，分析它们对性能的影响，并提供一系列实用的优化策略。一、浏览器渲染流程概述在深入重排和重绘之前，我们需要了解浏览器如何将HTML、CSS和JavaScript转换为用户可见的像素：解析HTML：构建DOM树解析C
  • 学习日志03 python im_AMBER 学习
    继续加油，计算器小项目还没学会！1num1=float(input("请输入第一个数字:"))//其实我觉得python里面这种句子很奇怪，因为java里面要先printf这个中文，然后再读取输入的在Python中，input()函数确实会直接显示提示信息并等待用户输入，这与Java的处理方式有所不同。Java通常需要先使用System.out.print()输出提示，再用Scanner读取输入。
  • 如何为业务场景选择合适的代理协议：HTTP还是SOCKS5？-IPPeak npmjavascript
    在当今互联网业务中，代理服务器已成为不可或缺的工具，但面对HTTP代理和SOCKS5代理两种主流选择时，很多业务负责人常常陷入"选择困难症"。今天，我们就来聊聊如何根据实际业务需求选择合适的代理协议。一、认识两位"代理人"首先让我们简单认识下这两位"代理人"：HTTP代理：像是专业的网页内容管家，专门为HTTP/HTTPS流量优化，能理解网页请求的内容，甚至可以缓存常用资源。SOCKS5代理：更像
  • 【Java 源码阅读系列31】深度解读Java FilterOutputStream 源码
    FilterOutputStream是JavaI/O体系中一个关键的抽象类，位于java.io包下。它的核心作用是为所有「过滤输出流」提供基础实现，通过装饰器模式（DecoratorPattern）动态扩展输出流的功能。本文将从源码结构、设计模式、核心方法实现等角度，深入解析这个类的设计思想。一、类定义与核心结构1.类继承关系publicclassFilterOutputStreamextends
  • 终端中MySQL基础必掌握的命令
    在数据库管理与开发中，熟练掌握MySQL命令行工具是提升效率的关键。本指南将系统梳理终端环境下MySQL的核心操作命令，涵盖数据库管理、表操作、数据增删改查、用户权限控制等模块，并结合实际示例与常见问题解决方案，帮助构建完整的MySQL终端操作知识体系。一、连接与退出MySQL服务器1.1连接本地数据库通过命令行连接到本地MySQL服务器的基础语法为：mysql-u[用户名]-p示例：mysql-
  • Web爬虫编程语言选择指南 q56731523 前端爬虫开发语言
    刚学爬虫的小伙伴常常为选择那种语言来写爬虫而烦恼，今天我将总结几种语言的优劣势，然后选择适合编写Web爬虫的编程语言。这就需要我们考虑开发效率、生态库支持、并发性能等因素。以下是主流选择及特点跟着一起看看吧：1.Python（推荐首选）优势：丰富库支持：Requests（HTTP请求）、BeautifulSoup/lxml（HTML解析）、Scrapy（全功能框架）、Selenium（模拟浏览器）
  • Python入门Day1 Zonda要好好学习 Pythonpython开发语言
    Python介绍Python的发展历程为什么叫PythonPython本来是蟒蛇的意思，用来象征写代码的程序员。因为相对于Java、C++等程序，Python非常简单，所以写Python也的程序员也象征“玩蛇”的程序员。Python的由来Python的历史也相对比较悠久，可以追溯到1990年，有数十年的发展历程，随着今年人工智能和数据挖掘的发展，Python飞速发展。ABC语言是一种语言和编程环境
  • Java IO流知识点总结 Zonda要好好学习 javaSEjava开发语言
    文章目录IO流的定义作用主要应用场景IO流的分类按照流的方向分类按照读取数据方式不同分类重要IO流讲解IO包重点掌握的16中IO包FileInputStream文件拷贝FileReader的使用FileWriter的使用带有缓冲区的字符流BufferedReader节点流和包装流带有缓冲区的字符输出流数据流DataOutputStream和DataInputStream标准输出流日志工具类的封装F
  • 基于SpringBoot+Vue+大学校园图书管理系统设计和实现(源码+LW+部署讲解) 阿勇学长 大数据项目实战案例Java精品毕业设计实例微信小程序项目实战案例springbootvue.js后端大学校园图书管理系统Java毕业设计
    博主介绍：✌全网粉丝50W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行前辈交流✌技术范围：SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等
  • Java爬虫技术详解：原理、实现与优势 cyc&阿灿 Java多线程java爬虫开发语言
    一、什么是网络爬虫？网络爬虫（WebCrawler），又称网络蜘蛛或网络机器人，是一种自动化程序，能够按照一定的规则自动浏览和抓取互联网上的信息。爬虫技术是大数据时代获取网络数据的重要手段，广泛应用于搜索引擎、数据分析、价格监控等领域。Java作为一种稳定、高效的编程语言，凭借其强大的网络编程能力和丰富的生态库，成为开发网络爬虫的热门选择。二、Java爬虫核心组件一个完整的Java爬虫通常包含以下
  • 【Java 源码阅读系列32】深度解读Java FilterWriter 源码 ·云扬· 源码阅读系列之Javajava开发语言
    FilterWriter是JavaI/O体系中字符输出流的核心抽象类，位于java.io包下。它与字节流体系中的FilterOutputStream形成对称设计，共同构成JavaI/O「装饰器模式」的基础框架。本文将结合源码，从类结构、设计模式、核心方法实现等角度，深入解析FilterWriter的设计思想。一、类定义与核心结构1.类继承关系与核心成员publicabstractclassFilt
  • 微软服务器2016各版本区别,Win10系统有几个版本？Windows10各版本区别详细介绍
    随着Win10正式版发布临近，微软今天正式公布了Win10版本。由于Win10融合了PC、平板以及智能手机三大平台，因此Win10版本也要明显比Win7/8复杂。那么Win10有几个版本？各版本有哪些区别呢？作为手机电脑数码爱好者朋友来说，你都该了解下。Win10有几个版本Win10系统各版本区别Win10有几个版本？根据微软今天的正式公布，Win10共划分为7个版本，具体如下：-Windows1
  • 提交git时包含超过200M文件时git报错 狗八先生~~ git
    今天上传git的时候遇到一个文件过大无法上传的情况解决方案，使用GitLFS管理大文件GitLFS能够把大文件存到远程服务器，在仓库里仅保留轻量级的指针。GX@DESKTOP-U8BCJOEMINGW64/e/...gx/code/UnmannedVehiclePro(master)$gitlfsinstallUpdatedGithooks.GitLFSinitialized.GX@DESKTOP
  • 对于Java8的新特性，应该了解(掌握)的哪些
    Java8的新特性一、Lambda表达式基本的使用方式Lambda表达式的使用：6种情况语法格式一：无参，无返回值语法格式二：Lambda表达式需要一个参数，但是没有返回值语法格式三：数据类型可以省略，因为可由编译器推断得出，称为"类型推断"语法格式四：Lambda若只需要一个参数，参数的小括号也可以省略语法格式五：lambda表达式需要两个或以上参数，多条执行语句，并且可以有返回值语法格式六：当
  • 如何用 Spring Boot 轻松集成数据库：JPA 与 MyBatis 实践 zhyoobo springboot数据库mybatisjava开发语言设计模式
    一、持久层技术选型之道1.1ORM框架的哲学分野在Java生态中，JPA与MyBatis代表着两种截然不同的设计理念。JPA（JavaPersistenceAPI）作为规范化的ORM标准，强调面向对象思维与声明式编程，而MyBatis则延续了SQL原生的灵活性与控制力。SpringBoot通过自动配置机制，为两种技术提供了无缝集成方案。据统计，2023年StackOverflow开发者调查显示，J
  • Java基础流程控制习题练习示例含代码 InnovatorX #Java基础进阶java开发语言intellij-idea算法
    1、【嵌套循环】使用双层for循环，在控制台打印出一个四行五列的长方形，效果如下：@@@@@@@@@@@@@@@@@@@@publicclassDemo1{publicstaticvoidmain(String[]args){for(inti=0;i1500?"可以":"不可以";System.out.println("李雷"+want+"以旧换新");}}6、【三元运算符】让用户依次录入三个整数
  • 「Java流程控制」循环综合应用 夜晚回家 #Java程序设计java开发语言
    循环就像城市交通管理系统，不同类型的循环好比各种交通指挥方式：for循环像定时红绿灯，while循环像交警手动指挥，do-while则像必须至少放行一次的应急通道。想象一个自助餐厅的运营场景：for循环：像固定菜品的取餐区，知道确切数量（比如10道热菜）while循环：像现做档口，只要还有客人排队就继续供应do-while循环：像必须至少询问一次的会员卡办理这种综合应用场景，最能体现循环在实际开发
  • 学习:JAVAEE_3 TomCat/HTTP协议/Servlet/三层架构综合案例和开发模式 明礼的代码管理中心 JAVAEE学习java-eetomcat
    TomCatTomcat服务器是一个免费的开放源代码的Web应用服务器。下载地址:ApacheTomcat®-Welcome!tar.gz文件是linux操作系统下的安装版本exe文件是window操作系统下的安装版本zip文件是window操作系统下压缩版本/usr/local/apache-tomcat-8.5.78存放位置环境变量exportAPACHE_TOMCAT=/usr/local/
  • springboot中使用websocket
    1、websocket的简介WebSocket是一种网络协议，用于在客户端和服务器之间进行实时、双向的通信。它与传统的HTTP协议不同，HTTP协议是基于请求-响应模式的，即客户端发送请求，服务器返回响应，通信完成后连接断开。而WebSocket在建立连接后，可以保持长时间的连接，双方可以通过该连接进行实时的数据传输。下面是WebSocket的一些特点和工作原理：双向通信：WebSocket允许服
  • BM2 链表内指定区间反转
    目录题目链接题目解题思路代码题目链接链表内指定区间反转_牛客题霸_牛客网题目解题思路只是比第一题多了一个范围,有两个思路一：先移动到要逆序的位置前一个固定,然后逐个往后移动并且讲当前位置的指针移动到固定位置的相邻就近的后面即可二：拼接的方法,截图前面不需要逆序的,中间的调用逆序方法,截取后面需要逆序的最后拼接即可代码法一importjava.util.*;/**publicclassListNod
  • 【React 源码阅读】Scheduler
    1背景React在18版本引入了Concurrent模式，而这个模式则是用Scheduler这个包实现的。在这篇文章里，我们来看下它的实现原理是什么。2前置知识在正式阅读源码之前，我们还是有一些前置的知识需要了解的，分别是：小顶堆：Scheduler内用来进行优先级排序的数据结构浏览器事件循环机制：Scheduler实现的底层原理2.1小顶堆堆是一棵完全二叉树，即除了最后一层外，所有层都完全填满，
  • 怎么用 cocos2d-js WebStorm chrome JetBrains IDE Support 调试 韩初心 Cocos2d-js学习笔记Cocos2d-JSWebStormChromeJetBrainsIDESuppor
    一、准备工作1、创建一个cocos2d-js的工程（比如cocosnewHelloWorld-ljs）2、WebStorm3、Chrome浏览器和JetBrainsIDESupport2.0.9插件（需要自己导入，这里不展开）二、开始调试1、打开WebStorm，然后File->Open打开自己的cocos2d-js项目2、Run->EditConfigurations...3、然后看下图配置，最
  • vue router报错 Redirected when going from “/index“ to “/user“ via a navigation guard 隔壁秋田犬 java前端服务器
    Error:Redirectedwhengoingfrom"/index"to"/user"viaanavigationguard.不影响使用，可以跳转。增加catch，不让浏览器显示异常。从首页index.vue，点击跳转到user.vue页，通过路由守卫判断，用户是否登录，存储里有没有用户信息，是否需要授权。需要，则跳转到login.vue页面进行登录。router.js路由守卫配置。impo
  • 数据结构（Java）--位运算 老虎0627 数据结构数据结构java开发语言
    前言本文为本小白学习数据结构的笔记，将以算法题为导向，向大家更清晰的介绍数据结构相关知识（算法题都出自B站马士兵教育——左老师的课程，讲的很好，对于想入门刷题的人很有帮助）为什么要使用为位运算位运算直接对整数的二进制位进行操作，因为在计算机中数据都是以二进制存储的，因此它在许多场景下能够提供比传统算术和逻辑运算更高效、更简洁的解决方案。常见的几种位运算1.位与&十进制转二进制两个都为1则为1，否则
  • Spring Boot 集成 Dufs 通过 WebDAV 实现文件管理 LOVE_DDZ Spring-BootLinuxspringboot后端java
    SpringBoot集成Dufs通过WebDAV实现文件管理引言在现代应用开发中，文件存储和管理是一个常见需求。Dufs是一个轻量级的文件服务器，支持WebDAV协议，可以方便地集成到SpringBoot应用中。本文将详细介绍如何使用WebDAV协议在SpringBoot中集成Dufs文件服务器。1.准备工作1.1添加项目依赖在pom.xml中添加必要依赖：org.springframework.
  • 解决SpringBoot jar包中的文件读取问题 袁清波i IOjar包中的文件读取问题
    前言SpringBoot微服务已成为业界主流，从开发到部署都非常省时省力，但是最近小明开发时遇到一个问题：在代码中读取资源文件(比如word文档、导出模版等)，本地开发时可以正常读取，但是，当我们打成jar包发布到服务器后，再次执行程序时就会抛出找不到文件的异常。背景这个问题是在一次使用freemarker模版引擎导出word报告时发现的。大概说一下docx导出java实现思路：导出word的文档
  • Java进阶：BlockingQueue阻塞队列的使用 °Fuhb Java基础与进阶javaqueueBlockingQueue阻塞队列多线程
    文章目录1.概述2.常用的阻塞队列3.操作方法3.1抛出异常3.2特殊值3.3阻塞3.4超时1.概述相比平时讨论的队列，阻塞队列增加了阻塞的功能：当有限长度的队列填满了数据时，继续往队列添加数据的线程将被阻塞住，持续等待，直到超时或队列数据被消费而腾出空间当队列数据为空时，消费线程会因为取不到数据而被阻塞，直到生产线程往队列添加数据，此时成功取到数据而不再阻塞2.常用的阻塞队列ArrayBlock
  • java arthas redefine实现热替换某个类 master-dragon #java类加载和gcjavaarthas
    简单的看下arthasredefine类的效果,需要注意redefine的class不能修改、添加、删除类的field和method，包括方法参数、方法名称及返回值。redefine后的原来的类不能恢复，redefine有可能失败（比如增加了新的field），参考jdk本身的文档。redefine命令和jad/watch/trace/monitor/tt等命令会冲突。执行完redefine之后，如
  • Serverless 架构入门与实战：AWS Lambda、Azure Functions、Cloudflare Workers 对比 moppol serverlessaws云原生
    一、引言：Serverless是未来，但你真的了解它吗？随着云计算的发展，“Serverless（无服务器）”这个词越来越多地出现在技术讨论中。很多人以为它是“不需要服务器”，其实不然——它意味着你不再需要关心底层服务器的配置、维护、扩容等繁琐操作。Serverless让开发者只需专注于代码本身，而将基础设施交给云服务商来管理。本文将带你从零开始了解Serverless的核心概念，并深入对比三大主
  • SpringBoot与SpringCloud的版本对应详细版 林知屿 springbootspringbootspringcloud后端springjava
    在实际开发过程中，我们需要详细到一一对应的版本关系：Spring官方对应版本地址：(https://start.spring.io/actuator/info)，建议用firefox浏览器打开，你会看见格式化好了json信息：手动记录一些经本人实际验证可行的版本对应：序号版本对应12.4.22020.0.022.4.12020.0.0-M632.4.02020.0.0-M642.3.2.RELEA
  • Js函数返回值 _wy_ jsreturn
    一、返回控制与函数结果，语法为：return 表达式;作用: 结束函数执行，返回调用函数，而且把表达式的值作为函数的结果 二、返回控制语法为：return;作用: 结束函数执行，返回调用函数，而且把undefined作为函数的结果 在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性
  • MySQL 的 char 与 varchar bylijinnan mysql
    今天发现，create table 时，MySQL 4.1有时会把 char 自动转换成 varchar 测试举例： CREATE TABLE `varcharLessThan4` ( `lastName` varchar(3) ) ; mysql> desc varcharLessThan4; +----------+---------+------+-
  • Quartz——TriggerListener和JobListener eksliang TriggerListenerJobListenerquartz
    转载请出自出处：http://eksliang.iteye.com/blog/2208624 一.概述 listener是一个监听器对象，用于监听scheduler中发生的事件，然后执行相应的操作；你可能已经猜到了，TriggerListeners接受与trigger相关的事件，JobListeners接受与jobs相关的事件。   二.JobListener监听器  j
  • oracle层次查询 18289753290 oracle；层次查询；树查询
    .oracle层次查询(connect  by) oracle的emp表中包含了一列mgr指出谁是雇员的经理，由于经理也是雇员，所以经理的信息也存储在emp表中。这样emp表就是一个自引用表，表中的mgr列是一个自引用列，它指向emp表中的empno列，mgr表示一个员工的管理者， select   empno,mgr,ename,sal  from e
  • 通过反射把map中的属性赋值到实体类bean对象中 酷的飞上天空 javaee泛型类型转换
    使用过struts2后感觉最方便的就是这个框架能自动把表单的参数赋值到action里面的对象中 但现在主要使用Spring框架的MVC，虽然也有@ModelAttribute可以使用但是明显感觉不方便。 好吧，那就自己再造一个轮子吧。 原理都知道，就是利用反射进行字段的赋值，下面贴代码 主要类如下：   import java.lang.reflect.Field; imp
  • SAP HANA数据存储：传统硬盘的瓶颈问题 蓝儿唯美 HANA
    SAPHANA平台有各种各样的应用场景，这也意味着客户的实施方法有许多种选择，关键是如何挑选最适合他们需求的实施方案。 在 《Implementing SAP HANA》这本书中，介绍了SAP平台在现实场景中的运作原理，并给出了实施建议和成功案例供参考。本系列文章节选自《Implementing SAP HANA》，介绍了行存储和列存储的各自特点，以及SAP HANA的数据存储方式如何提升空间压
  • Java Socket 多线程实现文件传输 随便小屋 javasocket
            高级操作系统作业，让用Socket实现文件传输，有些代码也是在网上找的，写的不好，如果大家能用就用上。 客户端类：   package edu.logic.client; import java.io.BufferedInputStream; import java.io.Buffered
  • java初学者路径 aijuans java
    学习Java有没有什么捷径?要想学好Java，首先要知道Java的大致分类。自从Sun推出Java以来，就力图使之无所不包，所以Java发展到现在，按应用来分主要分为三大块：J2SE,J2ME和J2EE,这也就是Sun ONE(Open Net Environment)体系。J2SE就是Java2的标准版，主要用于桌面应用软件的编程；J2ME主要应用于嵌入是系统开发，如手机和PDA的编程；J2EE
  • APP推广 aoyouzi APP推广
    一，免费篇 1，APP推荐类网站自主推荐 最美应用、酷安网、DEMO8、木蚂蚁发现频道等,如果产品独特新颖，还能获取最美应用的评测推荐。PS：推荐简单。只要产品有趣好玩，用户会自主分享传播。例如足迹APP在最美应用推荐一次，几天用户暴增将服务器击垮。 2，各大应用商店首发合作 老实盯着排期，多给应用市场官方负责人献殷勤。 3，论坛贴吧推广 百度知道，百度贴吧，猫扑论坛，天涯社区，豆瓣（
  • JSP转发与重定向 百合不是茶 jspservletJava Webjsp转发
      在servlet和jsp中我们经常需要请求,这时就需要用到转发和重定向;   转发包括;forward和include     例子;forwrad转发;  将请求装法给reg.html页面   关键代码;    req.getRequestDispatcher("reg.html
  • web.xml之jsp-config bijian1013 javaweb.xmlservletjsp-config
    1.作用：主要用于设定JSP页面的相关配置。 2.常见定义： <jsp-config> <taglib> <taglib-uri>URI(定义TLD文件的URI,JSP页面的tablib命令可以经由此URI获取到TLD文件)</tablib-uri> <taglib-location> TLD文件所在的位置
  • JSF2.2 ViewScoped Using CDI sunjing CDIJSF 2.2ViewScoped
    JSF 2.0 introduced annotation @ViewScoped; A bean annotated with this scope maintained its state as long as the user stays on the same view(reloads or navigation - no intervening views). One problem w
  • 【分布式数据一致性二】Zookeeper数据读写一致性 bit1129 zookeeper
    很多文档说Zookeeper是强一致性保证，事实不然。关于一致性模型请参考http://bit1129.iteye.com/blog/2155336    Zookeeper的数据同步协议 Zookeeper采用称为Quorum Based Protocol的数据同步协议。假如Zookeeper集群有N台Zookeeper服务器(N通常取奇数，3台能够满足数据可靠性同时
  • Java开发笔记 白糖_ java开发
    1、Map<key,value>的remove方法只能识别相同类型的key值   Map<Integer,String> map = new HashMap<Integer,String>(); map.put(1,"a"); map.put(2,"b"); map.put(3,"c"
  • 图片黑色阴影 bozch 图片
     .event{ padding:0;    width:460px;    min-width: 460px;    border:0px solid #e4e4e4;    height: 350px;    min-heig
  • 编程之美-饮料供货-动态规划 bylijinnan 动态规划
    import java.util.Arrays; import java.util.Random; public class BeverageSupply { /** * 编程之美 饮料供货 * 设Opt（V’，i）表示从i到n-1种饮料中，总容量为V’的方案中，满意度之和的最大值。 * 那么递归式就应该是：Opt（V’，i）=max{ k * Hi+Op
  • ajax大参数（大数据）提交性能分析 chenbowen00 WebAjax框架浏览器prototype
    近期在项目中发现如下一个问题 项目中有个提交现场事件的功能，该功能主要是在web客户端保存现场数据（主要有截屏，终端日志等信息）然后提交到服务器上方便我们分析定位问题。客户在使用该功能的过程中反应点击提交后反应很慢，大概要等10到20秒的时间浏览器才能操作，期间页面不响应事件。 根据客户描述分析了下的代码流程，很简单，主要通过OCX控件截屏，在将前端的日志等文件使用OCX控件打包，在将之转换为
  • [宇宙与天文]在太空采矿,在太空建造 comsci
         我们在太空进行工业活动...但是不太可能把太空工业产品又运回到地面上进行加工,而一般是在哪里开采,就在哪里加工,太空的微重力环境,可能会使我们的工业产品的制造尺度非常巨大....      地球上制造的最大工业机器是超级油轮和航空母舰,再大些就会遇到困难了,但是在空间船坞中,制造的最大工业机器,可能就没
  • ORACLE中CONSTRAINT的四对属性 daizj oracleCONSTRAINT
    ORACLE中CONSTRAINT的四对属性 summary:在data migrate时,某些表的约束总是困扰着我们,让我们的migratet举步维艰,如何利用约束本身的属性来处理这些问题呢?本文详细介绍了约束的四对属性: Deferrable/not deferrable, Deferred/immediate, enalbe/disable, validate/novalidate,以及如
  • Gradle入门教程 dengkane gradle
    一、寻找gradle的历程 一开始的时候，我们只有一个工程，所有要用到的jar包都放到工程目录下面，时间长了，工程越来越大，使用到的jar包也越来越多，难以理解jar之间的依赖关系。再后来我们把旧的工程拆分到不同的工程里，靠ide来管理工程之间的依赖关系，各工程下的jar包依赖是杂乱的。一段时间后，我们发现用ide来管理项程很不方便，比如不方便脱离ide自动构建，于是我们写自己的ant脚本。再后
  • C语言简单循环示例 dcj3sjt126com c
    # include <stdio.h> int main(void) { int i; int count = 0; int sum = 0; float avg; for (i=1; i<=100; i++) { if (i%2==0) { count++; sum += i; } } avg
  • presentModalViewController 的动画效果 dcj3sjt126com controller
    系统自带(四种效果)： presentModalViewController模态的动画效果设置：     [cpp]  view plain copy   UIViewController *detailViewController = [[UIViewController al
  • java 二分查找 shuizhaosi888 二分查找java二分查找
    需求：在排好顺序的一串数字中，找到数字T   一般解法：从左到右扫描数据，其运行花费线性时间O(N)。然而这个算法并没有用到该表已经排序的事实。 /** * * @param array * 顺序数组 * @param t * 要查找对象 * @return */ public stati
  • Spring Security（07）——缓存UserDetails 234390216 ehcache缓存Spring Security
           Spring Security提供了一个实现了可以缓存UserDetails的UserDetailsService实现类，CachingUserDetailsService。该类的构造接收一个用于真正加载UserDetails的UserDetailsService实现类。当需要加载UserDetails时，其首先会从缓存中获取，如果缓存中没
  • Dozer 深层次复制 jayluns VOmavenpo
    最近在做项目上遇到了一些小问题，因为架构在做设计的时候web前段展示用到了vo层，而在后台进行与数据库层操作的时候用到的是Po层。这样在业务层返回vo到控制层，每一次都需要从po-->转化到vo层，用到BeanUtils.copyProperties(source, target)只能复制简单的属性，因为实体类都配置了hibernate那些关联关系，所以它满足不了现在的需求，但后发现还有个很
  • CSS规范整理（摘自懒人图库） a409435341 htmlUIcss浏览器
       刚没事闲着在网上瞎逛，找了一篇CSS规范整理，粗略看了一下后还蛮有一定的道理，并自问是否有这样的规范，这也是初入前端开发的人一个很好的规范吧。 一、文件规范 1、文件均归档至约定的目录中。 具体要求通过豆瓣的CSS规范进行讲解： 所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中： 基本样式库 /css/core
  • C++动态链接库创建与使用 你不认识的休道人 C++dll
    一、创建动态链接库 1.新建工程test中选择”MFC [dll]”dll类型选择第二项"Regular DLL With MFC shared linked"，完成 2.在test.h中添加 extern “C” 返回类型 _declspec(dllexport)函数名(参数列表); 3.在test.cpp中最后写 extern “C” 返回类型 _decls
  • Android代码混淆之ProGuard rensanning ProGuard
    Android应用的Java代码，通过反编译apk文件（dex2jar、apktool）很容易得到源代码，所以在release版本的apk中一定要混淆一下一些关键的Java源码。 ProGuard是一个开源的Java代码混淆器（obfuscation）。ADT r8开始它被默认集成到了Android SDK中。 官网： http://proguard.sourceforge.net/
  • 程序员在编程中遇到的奇葩弱智问题 tomcat_oracle jquery编程ide
    　　现在收集一下：       　　排名不分先后，按照发言顺序来的。   1、Jquery插件一个通用函数一直报错，尤其是很明显是存在的函数，很有可能就是你没有引入jquery。。。或者版本不对 2、调试半天没变化：不在同一个文件中调试。这个很可怕，我们很多时候会备份好几个项目，改完发现改错了。有个群友说的好：   在汤匙
  • 解决maven-dependency-plugin (goals "copy-dependencies","unpack") is not supported xp9802 dependency
    解决办法：在plugins之前添加如下pluginManagement，二者前后顺序如下：   [html]  view plain copy   <build>           <pluginManagement
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他