在ASP.NET中使用Highcharts js图表

从事过ASP.NET开发的可能都会接触到一些图表控件，比如OWC、ZendGraph等等，这些控件都有一个特点，那就是我们可以像操作.NET中的对象一样控制它们的某些属性，有可能在本地开发好了上传到服务器端部署运行的时候会出现权限问题而导致不能正常运行。本篇周公讲述一个JavaScript的图表控件，不要小看了这个JavaScript图表控件，它能生成各种常见的图表。
 Highcharts是一个JavaScript的图表控件，它的官方网站网址是：http://www.highcharts.com/，参考手册网址是：http://www.highcharts.com/ref/，示例网址是：http://www.highcharts.com/demo/。要想简单使用它的图表功能，只需要两个JS类库即可，一个是jquery的，另外一个就是它本身的。但是如果需要支持主题和导出图表功能，就需要更多的JS类库支持了。本篇只讲述满足大多数要求的基本功能。
 
 准备工作
 首先从http://jquery.com/下载最新版本的jQuery，然后从http://www.highcharts.com/下载Highcharts的JavaScript类库。将这两个文件下载到本地的Web项目的JS文件下。
 因为Highcharts是根据js脚本中的属性设置来生成图表的，因为我们需要在ASP.NET中输出这些脚本。为了方便，周公将生成各种图表的核心逻辑部分抽取出来作为一个模板，需要的时候从这些模板中读取数据，然后将模板中的标签替换掉，这样就可以输出到客户端了。这些带有标签的JS模板位于js/template目录下。
 除了输出控制逻辑代码之外，还要在网页的ready客户端事件中调用，如下格式：
 $(document).ready(function() {//这里是逻辑和控制代码});
 
 编码
 为了便于演示，周公在创建ASP.NET页面的时候使用了单页模式，整个页面的代码如下：


 演示
 运行页面之后，效果如下：
 在ASP.NET中使用Highcharts js图表_第1张图片

 

在ASP.NET中使用Highcharts js图表_第2张图片
 
 说明：1.在官方的实例中是采用了ajax.googleapis.com上的jQuery库，如果在不能联网的局域网中则不能正常运行，因为周公直接将jQuery类库下载到本地，这样就不需要联网也能运行了。2.在官方示例中，是直接在$(document).ready()这个方法中将全部逻辑放在这个方法中，在实际开发中可能有大量的逻辑需要判断和处理，所以在这个例子中采用模板替换的方式。本文的示例代码请稍后在http://zhoufoxcn.download.csdn.net/下载（我已经上传，但需要CSDN审核才能下载）。
 周公
 2011-4-7

你可能感兴趣的:(Highcharts)

  • 数据可视化图表 前端熊猫 信息可视化数据分析数据挖掘
    数据可视化图表：把数字变魔术的艺术数据可视化的奇妙世界原始数据数据处理可视化映射视觉呈现交互体验数据可视化就像是把枯燥的数字变成生动故事的魔法师！我常常将它比作"数据的变装秀"——同样的数据，穿上不同的"图表服装"，就能讲述完全不同的故事。主流可视化库大比拼数据可视化王国ECharts(百变战士)D3.js(无所不能侠)Chart.js(轻盈精灵)Highcharts(商业大亨)AntV系列(全能
  • vue+highcharts 画出3D饼图 A孙大壮 vue.js3djavascript
    vue+highcharts画出3D饼图这是最终效果{{item.name}}{{item.y}}%importHighChartsfrom'highcharts'exportdefault{props:{},data(){return{peiData:[{name:'输电',y:28,h:60},{name:'变电',y:20,h:20},{name:'配电',y:10,h:32},{name:
  • Highcharts 不同高度的3D饼图 qq_763124572 Highcharts3dvue.js前端
    先上效果：完整代码如下（复制粘贴改id即可）：//修改3d饼图绘制过程vareach=Highcharts.each,round=Math.round,cos=Math.cos,sin=Math.sin,deg2rad=Math.deg2rad;Highcharts.wrap(Highcharts.seriesTypes.pie.prototype,'translate',function(pro
  • 【highCharts绘制3d饼图】有、无高低差的3d饼图 ppphhz 3dvue
    在Vue中使用highCharts绘制3d饼图的方法文章目录在Vue中使用highCharts绘制3d饼图的方法首先使用npm在你的项目中安装vue-highcharts无高低差的3d饼图推荐用这个：有高低差的3d饼图（item.h设一样的、events里面注释掉，也能变成无高低差的3d饼图）参考：在Vue中使用highCharts绘制3d饼图的方法首先使用npm在你的项目中安装vue-highc
  • 用c#开发微信 (13) 微统计 - 阅读分享统计系统 3 UI设计及后台处理 weixin_34257076 uic#数据库
    微信平台自带的统计功能太简单，有时我们需要统计有哪些微信个人用户阅读、分享了微信公众号的手机网页，以及微信个人用户访问手机网页的来源：朋友圈分享访问、好友分享消息访问等。本系统实现了手机网页阅读、分享与来源统计及手机网页在朋友圈的传播路径分析。本系统使用最传统的三层架构。本文是微统计的第三篇，主要介绍如下内容：1.为页面HighCharts画图控件提供数据2.接收分享记录信息并保存到数据库3.访问
  • flask+ highcharts实现报表转换成趋势图(3)----python使用csv像sql一样 会飞的蚂蚁_ 服务器技术爬虫pythonflaskhighchartspythonsqlcsv
    上面两篇继续http://blog.csdn.net/xx123er/article/details/77945591http://blog.csdn.net/xx123er/article/details/779457744.把csv数据当数据库使用http://www.jianshu.com/p/7d1d91ac7df3可以像sql语句来查csv#!/usr/bin/envpython#cod
  • 封装Highcharts-BI项目图表灵活控制-更新 盼儿哥 前端Highcharts图表BIjavascript
    按类型详情"usestrict";varmyChart={showtable:false,sLength:function(arr1,arr2){if(arr1&&arr2){returnarr1.split(',')===arr2.split(',');}returnfalse;}//查询参数,getParas:function(charts_id){varp={};//固定参数//p.val_
  • echarts柱状图自定义样式（一） 不忘初心 丶 echartsecharts柱状图重写样式
    在最近业务开展过程中，涉及到highcharts和echarts的图表数据展示颇多，后UI设计师根据数据展示要求设计出花里胡哨的图表样式，正好最近也来研究一下，后续会补几篇相关博文。废话也不多说，先上效果：以下为实例代码（可直接复制至echarts官网查看效果）option={grid:{left:'-5%',right:'7%',bottom:'3%',top:'7%',containLabel
  • 单页面多Highcharts图形，高度宽度自适应 Mr_Chenph WebWebCool-让一切美好起来
    数据图形展示页面，四个图形，上边俩，下边俩，客户机的分辨率不同，所以如果把图形的宽度高度写死，那么会造成屏幕显示不友好，抽空想了下，很简单先让图形浮动，代码很简单：使用jquery：$(window).resize(function(){varwidth_frm=$(document.body).width();varheight_frm=$(document.body).height();var
  • Highcharts Grid Crack,Handle Large Datasets with a Fast SEO-狼术 netDelphi控件java数据库开发语言
    HighchartsGridCrack,HandleLargeDatasetswithaFastHighchartsGriddeliverssmooth,high-performancerenderingofmassivedatavolumesthroughintelligentrowvirtualization.HighchartsGridisafeature-richdatagridcompo
  • Highcharts 柱形图显示数值并设置数值格式 旭东怪 图表库
    原始效果图：实现代码：$(function(){varchart;$(document).ready(function(){chart=newHighcharts.Chart({chart:{renderTo:'container',type:'column'},
  • Highcharts 条形图：数据可视化的利器 lly202406 开发语言
    Highcharts条形图：数据可视化的利器引言在数据分析和可视化领域，Highcharts是一个广受欢迎的JavaScript图表库。它以其易用性、灵活性和丰富的图表类型而著称。其中，条形图作为一种基础但功能强大的图表类型，被广泛应用于各种场景，以直观地展示数据分布和比较。本文将深入探讨Highcharts中的条形图，包括其基本用法、高级配置以及在实际应用中的最佳实践。什么是Highcharts
  • Highcharts 区间柱形图 chengqiuming HighchartsHighcharts
    一代码Highcharts区间柱形图$(document).ready(function(){//类型为区间柱形图varchart={type:'columnrange',inverted:true};//标题vartitle={text:'月温差范围'};//子标题varsubtitle={text:'挪威2009'};//X轴varxAxis={categories:['一月','
  • Highcharts 柱形图，线条图，饼图组合 chengqiuming HighchartsHighcharts
    一代码Highcharts柱形图，线条图，饼图组合$(document).ready(function(){//标题vartitle={text:'组合图'};//X轴varxAxis={categories:['苹果','橘子','梨子','香蕉','李子']};//标签varlabels={items:[{html:'水果消费',style:{left:'50px',top:'18px',co
  • Highcharts 柱形图：深入解析与最佳实践 lsx202406 开发语言
    Highcharts柱形图：深入解析与最佳实践引言Highcharts是一个功能强大的图表库，它允许用户轻松地在网页上创建各种类型的图表。其中，柱形图因其直观的展示方式，在数据分析、业务报告等领域得到了广泛应用。本文将深入解析Highcharts柱形图，包括其基本用法、高级特性以及最佳实践。高charts柱形图的基本用法1.初始化图表首先，需要在HTML文件中引入Highcharts库。以下是一个
  • Highcharts 堆叠条形图 JsonRal javascript
    以下实例演示了堆叠条形图。我们在前面的章节已经了解了Highcharts基本配置语法。接下来让我们来看下其他的配置。配置plotOptions配置图表堆叠使用plotOptions.series.stacking，并设置为"normal"。如果禁用堆叠可设置为null，"normal"通过值设置堆叠，"percent"堆叠则按百分比。varplotOptions={series:{stacking
  • ApexCharts 图表入门例子 后端java
    常见的图形库系列常见的图形库概览-00-overview常见的图形库概览-01-Chart.js入门例子常见的图形库概览-03-D3.js入门例子HighCharts交互式图表-01-入门介绍Plotly函数图像绘制ApexCharts图表入门例子Victory图表基于React，适合React项目，支持移动端Recharts入门例子AntVG2入门例子图表库C3.js入门例子图表库GoogleC
  • 常见的图形库对比 Echarts Highcharts AntV 后端java
    图形库图形库特点图表类型适用场景依赖项官网/文档ECharts功能丰富，支持大规模数据，交互性强折线图、柱状图、饼图、地图、雷达图、散点图、热力图等复杂数据可视化无https://echarts.apache.org/Chart.js简单易用，轻量级，支持响应式设计折线图、柱状图、饼图、雷达图、散点图等简单图表，快速开发无https://www.chartjs.org/D3.js功能强大，灵活性高
  • 常见的图形库概览-03-D3.js 入门例子 后端java
    常见的图形库系列常见的图形库概览-00-overview常见的图形库概览-01-Chart.js入门例子常见的图形库概览-03-D3.js入门例子HighCharts交互式图表-01-入门介绍Plotly函数图像绘制ApexCharts图表入门例子Victory图表基于React，适合React项目，支持移动端Recharts入门例子AntVG2入门例子图表库C3.js入门例子图表库GoogleC
  • HighCharts 交互式图表-01-入门介绍 后端java
    常见的图形库系列常见的图形库概览-00-overview常见的图形库概览-01-Chart.js入门例子常见的图形库概览-03-D3.js入门例子HighCharts交互式图表-01-入门介绍Plotly函数图像绘制ApexCharts图表入门例子Victory图表基于React，适合React项目，支持移动端Recharts入门例子AntVG2入门例子图表库C3.js入门例子图表库GoogleC
  • HighCharts 交互式图表-01-入门介绍 后端java
    常见的图形库系列常见的图形库概览-00-overview常见的图形库概览-01-Chart.js入门例子常见的图形库概览-03-D3.js入门例子HighCharts交互式图表-01-入门介绍Plotly函数图像绘制ApexCharts图表入门例子Victory图表基于React，适合React项目，支持移动端Recharts入门例子AntVG2入门例子图表库C3.js入门例子图表库GoogleC
  • HighCharts图表自动化简介 知识的宝藏 Selenium高级篇Selenium图表自动化测试highcharts图表自动化Selenium图表自动化图表自动化测试highchartsSelenium
    什么是分析数据？在任何应用程序中捕获并以图形或图表形式显示的分析数据是任何产品或系统的关键部分，因为它提供了对实时数据的洞察。验证此类分析数据非常重要，因为不准确的数据可能会在报告中产生问题，并可能影响应用程序/系统的其他相关领域。什么是HighChart？Highcharts是一个用纯JavaScript编写的j基于SVG成图技术的图表库，提供了一种简单的方法来向您的网站或Web应用程序添加交互
  • Echarts概述，真实 2401_84094868 程序员echarts前端javascript
    ECharts是百度开源的纯Javascript图表库，目前开源可以与highcharts相匹敌的一个图表库.支持折线图（区域图）、柱状图（条状图）、散点图（气泡图）、K线图、饼图（环形图）、雷达图（填充雷达图）、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表，同时提供标题，详情气泡、图例、值域、数据区域、时间轴、工具箱等7个可交互组件，支持多图表、组件的联动和混搭展现。2.E
  • Axure中插入Highcharts动态图表 周墨拾光 AxureAxure元件库动态图表Highcharts
    操作说明：1、进入highcharts官网https://www.hcharts.cn/demo/highcharts/line-basic/dark-unica2、根据需要选择图表3、选择“编辑源代码”4、修改图表中的相关参数5、复制分享全屏链接的地址6、在Axure中拖入内联框架，双击内联框架，在链接属性弹出框中，将复制的链接粘贴到图中位置，点击确认即可；内联框架大小可以随意调整，建议根据上面
  • [highcharts] 07_在highcharts渲染完成后结束loading
    vue2项目highcharts实例，如何在highcharts渲染开始时加载loading，在渲染结束时结束loading?好久没写highcharts，最近有个同事写highcharts时遇到了一个问题。该业务场景的数据处理非常复杂，且存在某些个特定id的情况下，数据量极大，导致页面上的highcharts卡顿(具体表现是：点了切换之后，有一段时间没反应，之后highcharts重新渲染数据)
  • Canvas实现高性能的瀑布图 codexu_461229187 前端javascript数据可视化
    废话不多说，先上成品图：再来个迷你动图：可能很多同学不知道频谱图和瀑布图，其实我也不懂…但是咱们前端就是负责把数据按照规则显示出来就好（上方折线图为频谱图，下方那一坨为瀑布图）。技术选型框架：Vue(这并不重要，反正我也不会多说这块)数据传输：WebSocket频谱图：HighCharts瀑布图：Canvas为什么使用WebSocket？因为需要服务器实时传输数据，要求达到30帧，每帧动画由102
  • flot 绘图文档API zkeal JAVAWEBjavaweb
    最近开发过程中需要有一些绘制图表的工作，Highcharts的API比较健全，方便。但是jquery的flotAPI比较难找。Consideracalltotheplotfunction:下面是对绘图函数plot的调用：varplot=$.plot(placeholder,data,options)TheplaceholderisajQueryobjectorDOMelementorjQuerye
  • 【Canvas】入门 - 实现图形以及图片绘制 且陶陶º 前端可视化图形javascript
    Canvas概念：Html5提供的一个新标签，也叫画板或者画布。功能开发小游戏：微信小游戏开发可视化数据（数据图表化）数据可视化库：百度ECharts、d3.js、three.js、highcharts地图：例如百度地图、高德地图等使用步骤canvas标签介绍标签用于渲染一个画图，用于展示绘图内容：（默认大小是300*150）通过width和height属性来调整宽高不能通过样式来调整宽高。原因是
  • Highcharts 折线图显示多个属性数据 Evan.Pei JavaScript
    1.数据结构[{"name":"事件1","data":[{"x":toUTC("2021-07-1010:10:01"),"y":4,"z":'aaa'},{"x":toUTC("2021-07-1110:10:01"),"y":4,"z":'aaa'},{"x":toUTC("2021-07-1210:10:01"),"y":4,"z":'aaa'}]}]2.组织数据varOnLine=[];
  • ionic 气泡图 Xixo
    1、创建ionic项目ionicstartMyCharttabs2、创建Highcharts图表需要下载HighchartsHighcharts-more包npminstallhighcharts--savenpminstallhighcharts-more--save3、在.html文件中嵌入容器4、在.ts文件中引入highchartsandhighcharts-more模块andinthec
  • Dom 周华华 JavaScripthtml
    <!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
  • 【Spark九十六】RDD API之combineByKey bit1129 spark
    1. combineByKey函数的运行机制   RDD提供了很多针对元素类型为(K,V)的API，这些API封装在PairRDDFunctions类中，通过Scala隐式转换使用。这些API实现上是借助于combineByKey实现的。combineByKey函数本身也是RDD开放给Spark开发人员使用的API之一   首先看一下combineByKey的方法说明：
  • msyql设置密码报错：ERROR 1372 (HY000): 解决方法详解 daizj mysql设置密码
    MySql给用户设置权限同时指定访问密码时，会提示如下错误： ERROR 1372 (HY000): Password hash should be a 41-digit hexadecimal number；   问题原因：你输入的密码是明文。不允许这么输入。   解决办法：用select password('你想输入的密码');查询出你的密码对应的字符串， 然后
  • 路漫漫其修远兮 吾将上下而求索 周凡杨 学习 思索
    王国维在他的《人间词话》中曾经概括了为学的三种境界古今之成大事业、大学问者，罔不经过三种之境界。“昨夜西风凋碧树。独上高楼，望尽天涯路。”此第一境界也。“衣带渐宽终不悔，为伊消得人憔悴。”此第二境界也。“众里寻他千百度，蓦然回首，那人却在灯火阑珊处。”此第三境界也。学习技术，这也是你必须经历的三种境界。第一层境界是说，学习的路是漫漫的，你必须做好充分的思想准备，如果半途而废还不如不要开始。这里，注
  • Hadoop(二)对话单的操作 朱辉辉33 hadoop
    Debug： 1、 A = LOAD '/user/hue/task.txt' USING PigStorage(' ') AS (col1,col2,col3); DUMP A; //输出结果前几行示例： (>ggsnPDPRecord(21),,) (-->recordType(0),,) (-->networkInitiation(1),,)
  • web报表工具FineReport常用函数的用法总结（日期和时间函数） 老A不折腾 finereport报表工具web开发
    web报表工具FineReport常用函数的用法总结（日期和时间函数）   说明：凡函数中以日期作为参数因子的，其中日期的形式都必须是yy/mm/dd。而且必须用英文环境下双引号(" ")引用。   DATE DATE(year,month,day):返回一个表示某一特定日期的系列数。 Year:代表年，可为一到四位数。 Month:代表月份。
  • c++ 宏定义中的##操作符 墙头上一根草 C++
    #与##在宏定义中的--宏展开 #include <stdio.h> #define f(a,b) a##b #define g(a)   #a #define h(a) g(a) int main() {       &nbs
  • 分析Spring源代码之，DI的实现 aijuans springDI现源代码
    (转) 分析Spring源代码之，DI的实现 2012/1/3 by tony                 接着上次的讲，以下这个sample [java]  view plain copy print
  • for循环的进化 alxw4616 JavaScript
    // for循环的进化 // 菜鸟 for (var i = 0; i < Things.length ; i++) { // Things[i] } // 老鸟 for (var i = 0, len = Things.length; i < len; i++) { // Things[i] } // 大师 for (var i = Things.le
  • 网络编程Socket和ServerSocket简单的使用 百合不是茶 网络编程基础IP地址端口
      网络编程;TCP/IP协议   网络:实现计算机之间的信息共享,数据资源的交换   协议:数据交换需要遵守的一种协议,按照约定的数据格式等写出去   端口:用于计算机之间的通信      每运行一个程序，系统会分配一个编号给该程序，作为和外界交换数据的唯一标识 0~65535   查看被使用的
  • JDK1.5 生产消费者 bijian1013 javathread生产消费者java多线程
    ArrayBlockingQueue：        一个由数组支持的有界阻塞队列。此队列按 FIFO（先进先出）原则对元素进行排序。队列的头部 是在队列中存在时间最长的元素。队列的尾部 是在队列中存在时间最短的元素。新元素插入到队列的尾部，队列检索操作则是从队列头部开始获得元素。 ArrayBlockingQueue的常用方法：
  • JAVA版身份证获取性别、出生日期及年龄 bijian1013 java性别出生日期年龄
            工作中需要根据身份证获取性别、出生日期及年龄，且要还要支持15位长度的身份证号码，网上搜索了一下，经过测试好像多少存在点问题，干脆自已写一个。 CertificateNo.java package com.bijian.study; import java.util.Calendar; import
  • 【Java范型六】范型与枚举 bit1129 java
    首先，枚举类型的定义不能带有类型参数，所以，不能把枚举类型定义为范型枚举类，例如下面的枚举类定义是有编译错的   public enum EnumGenerics<T> { //编译错，提示枚举不能带有范型参数 OK, ERROR; public <T> T get(T type) { return null;
  • 【Nginx五】Nginx常用日志格式含义 bit1129 nginx
    1. log_format 1.1 log_format指令用于指定日志的格式，格式：   log_format name(格式名称) type(格式样式)   1.2 如下是一个常用的Nginx日志格式：   log_format main '[$time_local]|$request_time|$status|$body_bytes
  • Lua 语言 15 分钟快速入门 ronin47 lua 基础
    - - 单行注释 - - [[      [多行注释] - - ]]   - - - - - - - - - - - 1. 变量 & 控制流 - - - - - - - - - - num = 23 - - 数字都是双精度 str = 'aspythonstring'
  • java-35.求一个矩阵中最大的二维矩阵 ( 元素和最大 ) bylijinnan java
    the idea is from: http://blog.csdn.net/zhanxinhang/article/details/6731134 public class MaxSubMatrix { /**see http://blog.csdn.net/zhanxinhang/article/details/6731134 * Q35 求一个矩阵中最大的二维
  • mongoDB文档型数据库特点 开窍的石头 mongoDB文档型数据库特点
    MongoDD: 文档型数据库存储的是Bson文档-->json的二进制 特点：内部是执行引擎是js解释器，把文档转成Bson结构，在查询时转换成js对象。 mongoDB传统型数据库对比    传统类型数据库：结构化数据，定好了表结构后每一个内容符合表结构的。也就是说每一行每一列的数据都是一样的    文档型数据库：不用定好数据结构，
  • [毕业季节]欢迎广大毕业生加入JAVA程序员的行列 comsci java
        一年一度的毕业季来临了。。。。。。。。      正在投简历的学弟学妹们。。。如果觉得学校推荐的单位和公司不适合自己的兴趣和专业，可以考虑来我们软件行业，做一名职业程序员。。。      软件行业的开发工具中，对初学者最友好的就是JAVA语言了，网络上不仅仅有大量的
  • PHP操作Excel – PHPExcel 基本用法详解 cuiyadll PHPExcel
    导出excel属性设置//Include classrequire_once('Classes/PHPExcel.php');require_once('Classes/PHPExcel/Writer/Excel2007.php');$objPHPExcel = new PHPExcel();//Set properties 设置文件属性$objPHPExcel->getProperties
  • IBM Webshpere MQ Client User Issue (MCAUSER) darrenzhu IBMjmsuserMQMCAUSER
    IBM MQ JMS Client去连接远端MQ Server的时候，需要提供User和Password吗？ 答案是根据情况而定，取决于所定义的Channel里面的属性Message channel agent user identifier (MCAUSER)的设置。 http://stackoverflow.com/questions/20209429/how-mca-user-i
  • 网线的接法 dcj3sjt126com
    一、PC连HUB (直连线)A端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 二、PC连PC （交叉线）A端：(568A)： 白绿，绿，白橙，蓝，白蓝，橙，白棕，棕； B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 三、HUB连HUB&nb
  • Vimium插件让键盘党像操作Vim一样操作Chrome dcj3sjt126com chromevim
    什么是键盘党？ 键盘党是指尽可能将所有电脑操作用键盘来完成，而不去动鼠标的人。鼠标应该说是新手们的最爱，很直观，指哪点哪，很听话！不过常常使用电脑的人，如果一直使用鼠标的话，手会发酸，因为操作鼠标的时候，手臂不是在一个自然的状态，臂肌会处于绷紧状态。而使用键盘则双手是放松状态，只有手指在动。而且尽量少的从鼠标移动到键盘来回操作，也省不少事。 在chrome里安装 vimium 插件
  • MongoDB查询（2）——数组查询[六] eksliang mongodbMongoDB查询数组
    MongoDB查询数组 转载请出自出处：http://eksliang.iteye.com/blog/2177292 一、概述  MongoDB查询数组与查询标量值是一样的，例如，有一个水果列表，如下所示： > db.food.find() { "_id" : "001", "fruits" : [ "苹
  • cordova读写文件（1） gundumw100 JavaScriptCordova
    使用cordova可以很方便的在手机sdcard中读写文件。 首先需要安装cordova插件：file 命令为： cordova plugin add org.apache.cordova.file 然后就可以读写文件了，这里我先是写入一个文件，具体的JS代码为： var datas=null;//datas need write var directory=&
  • HTML5 FormData 进行文件jquery ajax 上传 到又拍云 ileson jqueryAjaxhtml5FormData
    html5 新东西：FormData  可以提交二进制数据。 页面test.html <!DOCTYPE> <html> <head> <title> formdata file jquery ajax upload</title> </head> <body> <
  • swift appearanceWhenContainedIn:(version1.2 xcode6.4) 啸笑天 version
      swift1.2中没有oc中对应的方法： + (instancetype)appearanceWhenContainedIn:(Class <UIAppearanceContainer>)ContainerClass, ... NS_REQUIRES_NIL_TERMINATION;  解决方法： 在swift项目中新建oc类如下： #import &
  • java实现SMTP邮件服务器 macroli java编程
    电子邮件传递可以由多种协议来实现。目前，在Internet 网上最流行的三种电子邮件协议是SMTP、POP3 和 IMAP，下面分别简单介绍。 　　◆ SMTP 协议 　　简单邮件传输协议(Simple Mail Transfer Protocol,SMTP)是一个运行在TCP/IP之上的协议，用它发送和接收电子邮件。SMTP 服务器在默认端口25上监听。SMTP客户使用一组简单的、基于文本的
  • mongodb group by having where 查询sql qiaolevip 每天进步一点点学习永无止境mongo纵观千象
    SELECT cust_id, SUM(price) as total FROM orders WHERE status = 'A' GROUP BY cust_id HAVING total > 250 db.orders.aggregate( [ { $match: { status: 'A' } }, { $group: {
  • Struts2 Pojo（六） Luob. POJOstrust2
    注意：附件中有完整案例 1.采用POJO对象的方法进行赋值和传值 2.web配置 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee&q
  • struts2步骤 wuai struts
    1、添加jar包 2、在web.xml中配置过滤器 <filter>        <filter-name>struts2</filter-name>        <filter-class>org.apache.st
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他