EGWriket
EGWriket

Highcharts（二） 基础柱状图 ajax动态刷新

一、背景

显示不同区域的不同项目类型的完成数量

二、项目结构及引用

Highcharts文件
jquery文件（jquery.min.js）
Highcharts（二） 基础柱状图 ajax动态刷新_第1张图片

三、内容

  1. html

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Highcharts Exampletitle>

        <style type="text/css">

        style>
    head>
    <body>
    <div id="containerColumn" style="min-width: 310px; height: 400px; margin: 0 auto">div>

    <script src="js/jquery.min.js">script>

    
    <script src="Highcharts-6.0.2/code/highcharts.js">script>
    
    <script src="Highcharts-6.0.2/code/modules/exporting.js">script>
    
    <script src="js/column.js" charset="utf-8">script>

    body>
html>
  1. js

var urlDataTable='http://localhost:8080/SpringWind/dataMonitor/listData';//数据请求接口

var dataColumnSeries;
var dataColumnCategories;

var chartColumn;

//初始化柱状图
initChartColumn();
//请求数据-柱
ajaxRequest();

//初始化柱状图
function initChartColumn(){
    // 创建空数据柱状图
    chartColumn = {
        chart: {
            renderTo: 'containerColumn', //DIV容器ID
            type: 'column'//报表类型
        },
        //报表名称
        title:{
            //text:'项目进度'
            text:'项目完成数量'
        },
        //补充说明
        //subtitle: {
        //    text: '项目完成数量'
        //},
        yAxis: {
            min: 0,
            title: {
                text: '单位(项)'
            }
        },
        credits:{
            enabled:false//隐藏公司链接
        },
        exporting:{
            enabled:false //用来设置是否显示‘打印’,'导出'等功能按钮，不设置时默认为显示
        },
        tooltip: {//弹出框
            headerFormat: '{point.key}',
            pointFormat: '' +
            '',
            footerFormat: '
{series.name}: {point.y} 项
',
            shared: true,
            useHTML: true
        },
        //x轴显示内容
        xAxis: {
            categories: [ ]
        },
        //数据来源(多个对比的)
        series: [],

    };


}

function ajaxRequest() {
    var qyId = $("#qyId").val();
    //alert(qyId);
    $.ajax({
        url : urlDataTable,
        type : "POST",
        dataType : "jsonp",
        jsonp:"callback",
        jsonpCallback:"successCallback2",
        data : {
            qyId : qyId,
        },
        contentType:'application/x-www-form-urlencoded',
        async : false,
        timeout : 6000,
        success : function(data) {
            if(data.success){

                //构建柱状图数据并渲染
                dataColumnSeries=jQuery.parseJSON(data.data.series);
                dataColumnCategories=data.data.categories;
                buildColumn(dataColumnCategories,dataColumnSeries);
            }else{
                alert("数据异常");
            }
        },
        error : function(error) {
            alert("访问失败");
        }
    });
}

//构建柱状图数据并渲染
function buildColumn(dataColumnCategories,dataColumnSeries){
    //对报表X轴显示名称赋值
    chartColumn.xAxis.categories=dataColumnCategories;
    //赋值 series
    chartColumn.series = dataColumnSeries;
    //绘制图表
    chartColumn = new Highcharts.Chart(chartColumn);

}
  1. json结构

Highcharts（二） 基础柱状图 ajax动态刷新_第2张图片

{"series": [
  {
    "data": [
      "2",
      "0",
      "1",
      "3"
    ],
    "name": "清洁先行"
  },
  {
    "data": [
      "1",
      "0",
      "0",
      "1"
    ],
    "name": "清水治污"
  },
  {
    "data": [
      "1",
      "0",
      "1",
      "2"
    ],
    "name": "绿满家园"
  },
  {
    "data": [
      "1",
      "0",
      "0",
      "1"
    ],
    "name": "基础设施"
  }
]}
  1. Java数据
    注意：假如使用Java，在设置实体类时需要把series对应的类型数据 的类型设为int型数组，如果是String类型highcharts会识别不了,而且命名必须为name、data；
    用Integer.parseInt()把从数据库取出的String类型数据转换为int数据。
package com.baomidou.springwind.entity;


/**
 * 监测  柱状图数据  
 * highcharts  column-basic数据填充要求
 * @author EGWri
 *
 */
public class DataColumn {

    private String name;//series对应的类型名
    private int[] data; //series对应的类型数据
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public int[] getData() {
        return data;
    }
    public void setData(int[] data) {
        this.data = data;
    }

}

四、效果

Highcharts（二） 基础柱状图 ajax动态刷新_第3张图片

你可能感兴趣的:(Highcharts)

  • 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
  • 前端图表制作——HighCharts图表入门 eck_燃 前端图表数据可视化前端JavaScript
    HighCharts图表入门HighCharts的作用在JavaEE企业级项目开发中，很多项目都会用到数据的统计和图表的展示功能，如：各种股票系统，银行的资金结算，公司的财务报表，等等。如何快速高效的开发这些图表是一件麻烦的事。HighCharts可以非常方便的实现这个功能HighCharts是非常棒的一个jQuery插件，和大多数的浏览器都兼容。支持很多类型的图表。并且是动态的插件，你可以轻松在
  • 如何在React项目中使用ECharts图表库 千锋HTML5大前端 前端前端技术文章echartsreact.jsjavascript
    引言在项目的开发中，对于我们前端开发人员而言，总是无法避免需要对数据进行可视化分析和设计的需求。但事实上，如果单纯的依靠Html5Canvas想要快速地创建简洁，美观，炫酷的可视化作品难度极大且可维护性差。而现如今随着技术的迭代更新发展，已经出现很多可靠，易用，操作便捷，可交互，跨平台的一些可视化解决方案如ECharts，HighCharts,，Chart.js等。于是在本文中，我们以EChart
  • echarts 底层基于canvas ,highcharts 底层基于svg;canvas 与svg 的区别 Tz1314
    Canvas和SVG都允许您在浏览器中创建图形，但是它们在根本上是不同的。Canvas:通过Javascript来绘制2D图形;是逐像素进行渲染的;其位置发生改变，会重新进行绘制。SVG:一种使用XML描述的2D图形的语言;SVG基于XML意味着，SVGDOM中的每个元素都是可用的，可以为某个元素附加Javascript事件处理器。在SVG中，每个被绘制的图形均被视为对象。如果SVG对象的属性发生
  • highcharts.css文件的样式覆盖了options的series里面的color问题解决 吴迪98 Echartscss前端highchartsreact
    文章目录一、问题背景二、解决问题一、问题背景原本的charts我们的每个数据是有对应的color显示的，如下图：后面我们系统做了黑白模式，引入了highcharts的css文件，结果highcharts的css文件中class的颜色样式覆盖了我们数据中的color，影响之后的效果如下：二、解决问题根据上述情况我暂时想到了有俩个方案解决：覆盖highcharts.css的样式，使其不生效【本文的解决
  • Highcharts柱形范围图使用示例 祈澈菇凉
    功能需求：统计三种不同的状态在一天的时间段里面所占的范围图片.png第一步：引入highcharts.js和highcharts-more.js文件引入文件文件源码：下载https://img.hcharts.cn/highcharts/highcharts-more.js第二步：第三步具体示例代码如下：三分钟上手Highcharts图表//图表配置varoptions={chart:{type:
  • sprignboot电商书城源码 doc_wei 项目java毕业设计毕设课程设计mavenspringbootmybatis
    运行环境:jdk1.8,maven,mysql项目技术:后台主要是springboot+mybatis+shiro+jsp，前端界面主要使用bootstrap框架搭建，并使用了ueditor富文本编辑器、highcharts图表库。有需要的可以联系我。功能介绍：该系统分为前台展示和后台管理两大模块。前台主要是为消费者服务。该子系统实现了注册，登录，以及从浏览、下单到支付的整个流程，支付使用的是支付
  • vue编写坐标系以及echarts编写坐标系、highcharts编写坐标系（包含圆形间隔） ???xixi echartsvue.jsjavascript
    文章目录前言一、vue编写坐标系2.读入数据三、highcharts编写坐标系（包含圆形间隔）前言记录一下，耗时两天一、vue编写坐标系代码如下：//坐标轴的样式.heng{position:absolute;top:50%;left:50%;width:100%;height:1px;transform:translate(-50%,0);background-color:#000;}.shu{
  • uniapp 使用Highcharts，多色曲线，多色阴影，百分比，网格等处理，accessibility.js提示错误处理 浮生若梦l 前端Highcharts
    示例图1.安装Highchartsnpminstallhighcharts--savenpminstallhighcharts-vue2.demo代码importHighchartsfrom'@/node_modules/highcharts'importHighchartsMorefrom'highcharts/highcharts-more'importHighcharts3Dfrom'hig
  • HighChars 学习手册 Klart
    前几天需要制作一些图表，于是想到去年用过HighChars，就想着反正好久没写过图表了，于是就把活给揽过来了(被硬塞进来的)；顺带复习一下HighChars吧！当然，都是官方文档上看到的HighChars图表由九个部分组成Highcharts基本组成部分1.标题（Title）2.坐标轴（Axis）3.数据列（Series）4.数据提示框（Tooltip）5.图例（Legend）6.版权标签（Cre
  • 关于 React 如何自定义配置 HighCharts tooltip GJWeigege javascriptreact.js
    前言当我们结合React使用highCharts库时，存在一些特殊自定义的情况，比如针对Tooltip定制化样式。当然highCharts也提供了配置自定义tooltip的formatter方法，可以支持html元素。但是并不够灵活，对于配置复杂样式或组件复用情况下，并不友好。因此寻求新的思路，以下便是社区常用的一个方法，在此记录。实现Tooltip组件封装import{Chart,Tooltip
  • 前台的统计图功能 _FireFly_
    具体的操作查看菜鸟教程具体代码Highcharts教程|菜鸟教程(runoob.com)$(document).ready(function(){vartitle={text:'月平均气温'};varsubtitle={text:'Source:runoob.com'};varxAxis={categories:['一月','二月','三月','四月','五月','六月','七月','八月','九
  • highcharts的tooltip设置 倔强的蜗牛@ javascripthtml前端
    一、提示框外观下面的实例代码给出了关于数据提示框的外观的常用配置tooltip:{backgroundColor:'#FCFFC5',//背景颜色borderColor:'black',//边框颜色borderRadius:10,//边框圆角borderWidth:3,//边框宽度shadow:ture,//是否显示阴影animation:true//是否启用动画效果style:{//文字内容相关
  • highcharts矢量图放在图表的最上方 倔强的蜗牛@ 前端
    将矢量图对应的y轴的top和height都设置为0即可下面红色标注全是y轴的设置以上这中图怎么实现其中top是指图表中每个模块的位置，offset表示偏移的位置，height表示每个模块占据整个图标的高度的百分比，opposite表示该y轴是否在右侧，true为右侧，false为左侧例如图中的SO2坐标轴的设置应该就是top:"0%",offset:70,//这里的70是根据自己的图表位置进行自定
  • highcharts 修改 箱线图每个箱子的颜色 南玖i vue.js
    在js中添加以下代码plotOptions:{series:{colorByPoint:true},boxplot:{fillColor:null,colorBorPoint:true,colors:[red,'#000000']),}},综合网上多方材料，得出
  • Django教程|数据统计图表（echarts、highchart） 程序员丶Johnny Django学习教程djangoechartspythonweb
    前言highchart，国外。echarts，国内。本项目集成hightchart和echarts图表库实现数据统计功能。包括：折线图，柱状图，饼图和数据集图。效果图echatsHighcharts源代码编写模板（Template）chart_html.htmlecharts方案：通过jQuery自带ajax向服务端发送请求获取折线图、柱状图、饼图数据。注意：需要去echats官方下载echart
  • 前端比较火的UI框架 武汉前端阿杰
    Reacthttps://react.docschina.org/VUEhttps://cn.vuejs.org/百度团队echartshttps://echarts.apache.org/examples/zh/index.htmlhighcharts图表https://www.highcharts.com.cn/由饿了么前端团队推出element-uihttps://element.eleme
  • 毕业设计：图书管理系统+可视化+Django框架（源码+论文）✅ vx_biyesheji0001 biyesheji0002毕业设计biyesheji0001课程设计djangopython大数据毕业设计机器学习图书
    毕业设计：2023-2024年计算机专业毕业设计选题汇总（建议收藏）毕业设计：2023-2024年最新最全计算机专业毕设选题推荐汇总感兴趣的可以先收藏起来，点赞、关注不迷路，大家在毕设选题，项目以及论文编写等相关问题都可以给我留言咨询，希望帮助同学们顺利毕业。1、项目介绍技术栈：Python语言、Django框架、Highcharts可视化、MySQL数据库、HTML本论文所研究的课题是以Djan
  • highcharts 动态设置series 拽风追梦 js
    $.ajax({url:ctx+"/projectReport/report3",type:'post',dataType:"json",async:false,cache:false,success:function(odata3){if(odata3.result==1){varseries=[];varprojectNames=odata3.projectNames;varcountReco
  • java实现的highcharts与ajax结合动态实时获取数据更新图表 ttha jspjavajqueryajax刷新highcharts实时
    HighchartsExample//x轴值varcategories=;//y轴值vardata=;//创建图表varchart;$(document).ready(function(){chart=newHighcharts.Chart({chart:{renderTo:'container',type:'bar',events:{load:st//定时器}},title:{text:'动物数
  • 【整理】前端图表框架 芸尚非 归纳整理前端echartsjavascript
    目录echarts（apache）chart.jshighchartsd3.jsJsChartsamchartschartlistc3.jstauchartsflotchartsflotr2FusionChartscanvasJscanvasExpressnvd3ZingChartrgraphjqplotprotovisdc.jsdygraphsdatawrapperaxiisAwesomeCha
  • 动态渲染拓扑图方案探究 维李设论 前端echarts数据可视化
    前言拓扑图是数据可视化领域一种比较常见的展示类型，目前业界常见的可视化展现的方案有ECharts、HighCharts、D3、AntV等。当前的项目使用的是基于ECharts的静态关系图渲染，为了后续可能扩展成动态的拓扑图渲染，本文探索了ECharts的原理以及G6的原理，也算是对自研一个可视化库的基本实现方法做了一个梳理。方案选择ECharts关系图AntVG6Graphin源码解析EChart
  • Enum 枚举 120153216 enum枚举
    原文地址：http://www.cnblogs.com/Kavlez/p/4268601.html Enumeration 于Java 1.5增加的enum type...enum type是由一组固定的常量组成的类型，比如四个季节、扑克花色。在出现enum type之前，通常用一组int常量表示枚举类型。比如这样： public static final int APPLE_FUJI = 0
  • Java8简明教程 bijian1013 javajdk1.8
            Java 8已于2014年3月18日正式发布了，新版本带来了诸多改进，包括Lambda表达式、Streams、日期时间API等等。本文就带你领略Java 8的全新特性。  一.允许在接口中有默认方法实现         Java 8 允许我们使用default关键字，为接口声明添
  • Oracle表维护 快速备份删除数据 cuisuqiang oracle索引快速备份删除
    我知道oracle表分区，不过那是数据库设计阶段的事情，目前是远水解不了近渴。 当前的数据库表，要求保留一个月数据，且表存在大量录入更新，不存在程序删除。 为了解决频繁查询和更新的瓶颈，我在oracle内根据需要创建了索引。但是随着数据量的增加，一个半月数据就要超千万，此时就算有索引，对高并发的查询和更新来说，让然有所拖累。 为了解决这个问题，我一般一个月会进行一次数据库维护，主要工作就是备
  • java多态内存分析 麦田的设计者 java内存分析多态原理接口和抽象类
          “  时针如果可以回头，熟悉那张脸，重温嬉戏这乐园，墙壁的松脱涂鸦已经褪色才明白存在的价值归于记忆。街角小店尚存在吗？这大时代会不会牵挂，过去现在花开怎么会等待。       但有种意外不管痛不痛都有伤害，光阴远远离开，那笑声徘徊与脑海。但这一秒可笑不再可爱，当天心
  • Xshell实现Windows上传文件到Linux主机 被触发 windows
    经常有这样的需求，我们在Windows下载的软件包，如何上传到远程Linux主机上？还有如何从Linux主机下载软件包到Windows下；之前我的做法现在看来好笨好繁琐，不过也达到了目的，笨人有本方法嘛； 我是怎么操作的： 1、打开一台本地Linux虚拟机，使用mount 挂载Windows的共享文件夹到Linux上，然后拷贝数据到Linux虚拟机里面；（经常第一步都不顺利，无法挂载Windo
  • 类的加载ClassLoader 肆无忌惮_ ClassLoader
    类加载器ClassLoader是用来将java的类加载到虚拟机中，类加载器负责读取class字节文件到内存中，并将它转为Class的对象（类对象），通过此实例的 newInstance()方法就可以创建出该类的一个对象。   其中重要的方法为findClass(String name)。   如何写一个自己的类加载器呢？ 首先写一个便于测试的类Student
  • html5写的玫瑰花 知了ing html5
    <html> <head> <title>I Love You!</title> <meta charset="utf-8" /> </head> <body> <canvas id="c"></canvas>
  • google的ConcurrentLinkedHashmap源代码解析 矮蛋蛋 LRU
    原文地址： http://janeky.iteye.com/blog/1534352 简述 ConcurrentLinkedHashMap 是google团队提供的一个容器。它有什么用呢？其实它本身是对 ConcurrentHashMap的封装，可以用来实现一个基于LRU策略的缓存。详细介绍可以参见 http://code.google.com/p/concurrentlinke
  • webservice获取访问服务的ip地址 alleni123 webservice
    1. 首先注入javax.xml.ws.WebServiceContext, @Resource private WebServiceContext context; 2. 在方法中获取交换请求的对象。 javax.xml.ws.handler.MessageContext mc=context.getMessageContext(); com.sun.net.http
  • 菜鸟的java基础提升之道——————>是否值得拥有 百合不是茶
    1，c++，java是面向对象编程的语言，将万事万物都看成是对象；java做一件事情关注的是人物，java是c++继承过来的，java没有直接更改地址的权限但是可以通过引用来传值操作地址，java也没有c++中繁琐的操作，java以其优越的可移植型，平台的安全型，高效性赢得了广泛的认同，全世界越来越多的人去学习java，我也是其中的一员      java组成：
  • 通过修改Linux服务自动启动指定应用程序 bijian1013 linux
    Linux中修改系统服务的命令是chkconfig (check config)，命令的详细解释如下: chkconfig 功能说明：检查，设置系统的各种服务。 语　　法：chkconfig [ -- add][ -- del][ -- list][系统服务] 或 chkconfig [ -- level  <</SPAN>
  • spring拦截器的一个简单实例 bijian1013 javaspring拦截器Interceptor
    Purview接口 package aop; public interface Purview { void checkLogin(); } Purview接口的实现类PurviesImpl.java package aop; public class PurviewImpl implements Purview { public void check
  • [Velocity二]自定义Velocity指令 bit1129 velocity
    什么是Velocity指令 在Velocity中，#set,#if, #foreach, #elseif, #parse等，以#开头的称之为指令，Velocity内置的这些指令可以用来做赋值，条件判断，循环控制等脚本语言必备的逻辑控制等语句，Velocity的指令是可扩展的，即用户可以根据实际的需要自定义Velocity指令   自定义指令(Directive)的一般步骤 &nbs
  • 【Hive十】Programming Hive学习笔记 bit1129 programming
    第二章 Getting Started 1.Hive最大的局限性是什么？一是不支持行级别的增删改(insert, delete, update)二是查询性能非常差(基于Hadoop MapReduce）,不适合延迟小的交互式任务三是不支持事务2. Hive MetaStore是干什么的？Hive persists table schemas and other system metadata.
  • nginx有选择性进行限制 ronin47 nginx 动静　限制
    http { limit_conn_zone $binary_remote_addr zone=addr:10m; limit_req_zone $binary_remote_addr zone=one:10m rate=5r/s;... server {... location ~.*\.(gif|png|css|js|icon)$ {
  • java-4.-在二元树中找出和为某一值的所有路径 . bylijinnan java
    /* * 0.use a TwoWayLinkedList to store the path.when the node can't be path,you should/can delete it. * 1.curSum==exceptedSum:if the lastNode is TreeNode,printPath();delete the node otherwise
  • Netty学习笔记 bylijinnan javanetty
    本文是阅读以下两篇文章时： http://seeallhearall.blogspot.com/2012/05/netty-tutorial-part-1-introduction-to.html http://seeallhearall.blogspot.com/2012/06/netty-tutorial-part-15-on-channel.html 我的一些笔记 ===
  • js获取项目路径 cngolon js
    //js获取项目根路径，如： http://localhost:8083/uimcardprj function getRootPath(){     //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp     var curWwwPath=window.document.locati
  • oracle 的性能优化 cuishikuan oracleSQL Server
       在网上搜索了一些Oracle性能优化的文章，为了更加深层次的巩固[边写边记]，也为了可以随时查看，所以发表这篇文章。     1.ORACLE采用自下而上的顺序解析WHERE子句，根据这个原理，表之间的连接必须写在其他WHERE条件之前，那些可以过滤掉最大数量记录的条件必须写在WHERE子句的末尾。（这点本人曾经做过实例验证过，的确如此哦！
  • Shell变量和数组使用详解 daizj linuxshell变量数组
    Shell 变量 定义变量时，变量名不加美元符号（$，PHP语言中变量需要），如： your_name="w3cschool.cc" 注意，变量名和等号之间不能有空格，这可能和你熟悉的所有编程语言都不一样。同时，变量名的命名须遵循如下规则： 首个字符必须为字母（a-z，A-Z）。 中间不能有空格，可以使用下划线（_）。 不能使用标点符号。 不能使用ba
  • 编程中的一些概念，KISS、DRY、MVC、OOP、REST dcj3sjt126com REST
    KISS、DRY、MVC、OOP、REST （1）KISS是指Keep It Simple,Stupid（摘自wikipedia），指设计时要坚持简约原则，避免不必要的复杂化。 （2）DRY是指Don't Repeat Yourself（摘自wikipedia），特指在程序设计以及计算中避免重复代码，因为这样会降低灵活性、简洁性，并且可能导致代码之间的矛盾。 （3）OOP 即Object-Orie
  • [Android]设置Activity为全屏显示的两种方法 dcj3sjt126com Activity
    1. 方法1：AndroidManifest.xml 里，Activity的 android:theme  指定为" @android:style/Theme.NoTitleBar.Fullscreen" 示例:   <application      
  • solrcloud 部署方式比较 eksliang solrCloud
    solrcloud 的部署其实有两种方式可选，那么我们在实践开发中应该怎样选择呢？ 第一种：当启动solr服务器时，内嵌的启动一个Zookeeper服务器，然后将这些内嵌的Zookeeper服务器组成一个集群。  第二种：将Zookeeper服务器独立的配置一个集群，然后将solr交给Zookeeper进行管理   谈谈第一种：每启动一个solr服务器就内嵌的启动一个Zoo
  • Java synchronized关键字详解 gqdy365 synchronized
    转载自：http://www.cnblogs.com/mengdd/archive/2013/02/16/2913806.html 多线程的同步机制对资源进行加锁，使得在同一个时间，只有一个线程可以进行操作，同步用以解决多个线程同时访问时可能出现的问题。 同步机制可以使用synchronized关键字实现。 当synchronized关键字修饰一个方法的时候，该方法叫做同步方法。 当s
  • js实现登录时记住用户名 hw1287789687 记住我记住密码cookie记住用户名记住账号
    在页面中如何获取cookie值呢? 如果是JSP的话,可以通过servlet的对象request 获取cookie,可以 参考:http://hw1287789687.iteye.com/blog/2050040 如果要求登录页面是html呢?html页面中如何获取cookie呢? 直接上代码了 页面:loginInput.html 代码: <!DOCTYPE html PUB
  • 开发者必备的 Chrome 扩展 justjavac chrome
    Firebug：不用多介绍了吧https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench ChromeSnifferPlus：Chrome 探测器，可以探测正在使用的开源软件或者 js 类库https://chrome.google.com/webstore/detail/chrome-sniffer-pl
  • 算法机试题 李亚飞 java算法机试题
           在面试机试时，遇到一个算法题，当时没能写出来，最后是同学帮忙解决的。        这道题大致意思是：输入一个数，比如4,。这时会输出：           &n
  • 正确配置Linux系统ulimit值 字符串 ulimit
    在Linux下面部 署应用的时候，有时候会遇上Socket/File: Can’t open so many files的问题；这个值也会影响服务器的最大并发数，其实Linux是有文件句柄限制的，而且Linux默认不是很高，一般都是1024，生产服务器用 其实很容易就达到这个数量。下面说的是，如何通过正解配置来改正这个系统默认值。因为这个问题是我配置Nginx+php5时遇到了，所以我将这篇归纳进
  • hibernate调用返回游标的存储过程 Supanccy2013 javaDAOoracleHibernatejdbc
    注：原创作品，转载请注明出处。     上篇博文介绍的是hibernate调用返回单值的存储过程，本片博文说的是hibernate调用返回游标的存储过程。     此此扁博文的存储过程的功能相当于是jdbc调用select 的作用。 1，创建oracle中的包，并在该包中创建的游标类型。 ---创建oracle的程
  • Spring 4.2新特性-更简单的Application Event wiselyman application
    1.1 Application Event Spring 4.1的写法请参考10点睛Spring4.1-Application Event 请对比10点睛Spring4.1-Application Event 使用一个@EventListener取代了实现ApplicationListener接口,使耦合度降低; 1.2 示例 包依赖 <p
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他