Drone_xjw
Drone_xjw

小白学习echart可视化图表添加超链接并留下问题

  • echart拥有许多非常好看的可视化图例，当我们把json或者xml格式的数据导入之后，更改成为我们想要的点或边，我们就可以看到一个根据自己数据的可视化。
    小白学习echart可视化图表添加超链接并留下问题_第1张图片
  • 但是，这些点代表了不同的实体意义，这里也只是体现了实体间的关系。所以，我们需要为每个点添加一个链接，查看详细的实体点意义。
<!DOCTYPE html>
<html style="height: 100%">
   <head>
       <meta charset="utf-8">
   </head>
   <body style="height: 100%; margin: 0">
       <div id="container" style="height: 100%">
	   </div>
	   	<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script>		
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/dataTool.min.js"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/china.js"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/world.js"></script>
       <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=你的百度api ak值&__ec_v__=20190126"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/bmap.min.js"></script>
       <script type="text/javascript">
var dom = document.getElementById("container");
var myChart = echarts.init(dom);
var app = {
     };
option = null;
myChart.showLoading();
$.getJSON('*改为你的文件，json格式，如 123.json', function (json) {
     
    myChart.hideLoading();
    myChart.setOption(option = {
     
        title: {
     
            text: 'NPM Dependencies'
        },
        animationDurationUpdate: 1500,
        animationEasingUpdate: 'quinticInOut',
        series : [
            {
     
                type: 'graph',
                layout: 'none',
                // progressiveThreshold: 700,
                data: json.nodes.map(function (node) {
     
                    return {
     
                        x: node.x,//坐标
                        y: node.y,
                        id: node.id,//点名字
                        name: node.label,//点名字
                        symbolSize: node.size,
                        itemStyle: {
     
                            color: node.color
                        }
                    };
                }),
                edges: json.edges.map(function (edge) {
     
                    return {
     
                        source: edge.sourceID,
                        target: edge.targetID
                    };
                }),
                emphasis: {
     
                    label: {
     
                        position: 'right',
                        show: true
                    }
                },
                roam: true,
                focusNodeAdjacency: true,
                lineStyle: {
     
                    width: 0.5,
                    curveness: 0.3,
                    opacity: 0.7
                }
            }
        ]
    }, true);
});;
if (option && typeof option === "object") {
     
    myChart.setOption(option, true);
}

myChart.on('click', function (param) {
     

       console.log(param);//打印查看获取到的数据
       console.log(param.data);//一层一层查看获取到的是不是想要的
       console.log(param.data.id);//最终获取
       window.open("http://www.baidu.com");//自己的链接并拼接id跳转
        });
       </script>
   </body>
</html>
  • 当然上面只是解决了问题的一部分，这里也记录一下自己的问题，由于我获取的id是这样子的 gi|151324|gb|aaa25873.1|structural，而师兄网站跳转是根据这个蛋白序列在数据库中存储的id（如 1，2，3）作为链接跳转，那么我就得想办法把json中得id和数据库中的id对应上。
  • 猜想
  1. 在后端把json中的id和数据库中的id对应上，然后每次点击事件，把json的id送回后端对应再跳转
  2. 更改json数据，直接添加一个url，然后获取url跳转
  3. 能不能修改跳转链接，不要只以数据库中蛋白序列的id作为跳转，那么我就可以把json中的id切割处理后再拼接跳转。

参考博客及官方图例

https://echarts.apache.org/examples/zh/editor.html?c=graph-npm
https://blog.csdn.net/zxmin1302/article/details/85783757
https://blog.csdn.net/weixin_42068855/article/details/89372477

你可能感兴趣的:(java基础,java,javascript,可视化)

  • java23种设计模式-装饰器模式 千里码！ 设计模式后端技术#Java设计模式装饰器模式
    装饰者模式（DecoratorPattern）学习笔记1.模式定义结构型设计模式，动态地为对象添加额外的职责。通过组合而非继承的方式扩展功能，提供比继承更灵活的替代方案。2.适用场景✅需要动态/透明地给对象添加功能✅需要撤销附加功能时✅无法通过继承扩展功能（final类）✅需要组合多个可选功能✅避免"子类爆炸"问题3.模式结构«interface»Component+operation()Conc
  • java23种设计模式-观察者模式 千里码！ 设计模式后端技术#Java设计模式观察者模式
    观察者模式（ObserverPattern）学习笔记编程相关书籍分享：https://blog.csdn.net/weixin_47763579/article/details/145855793DeepSeek使用技巧pdf资料分享：https://blog.csdn.net/weixin_47763579/article/details/1458840391.模式定义行为型设计模式，定义对象间
  • SpringBoot中实现简单策略模式 一只嘻嘻嘻 java策略模式springboot
    策略模式（StrategyPattern）:一个类的行为或其算法可以在运行时更改,策略模式属于行为型模式。策略模式简单Java实现:https://www.runoob.com/design-pattern/strategy-pattern.html策略模式本质就是利用类型的多态,通过接口不同实现类来实现不同的功能SpringBoot实现场景:假设登录系统的用户有多种,例如:终身会员、年度会员、月
  • 【Java设计模式】Java设计模式之（十五）策略模式（Strategy Pattern） No8g攻城狮 Java设计模式设计模式java开发语言
    本文目录一、策略模式介绍1.1含义1.2适用场景1.3主要解决1.4应用实例1.5优缺点二、策略模式实现2.1类图2.2代码实现第一个案例：策略模式代码实现第二个案例：策略模式代码实现2.3角色分析三、源码分析这种类型的设计模式属于行为型模式。一、策略模式介绍1.1含义在策略模式（StrategyPattern）中，一个类的行为或其算法可以在运行时更改。这种类型的设计模式属于行为型模式。在策略模式
  • Java设计模式：中介者模式详解与最佳实践 范范0825 java设计模式中介者模式
    Java设计模式：中介者模式详解与最佳实践1.引言在软件开发过程中，特别是复杂系统的构建中，模块间的交互往往成为影响代码质量的重要因素。当模块之间耦合度过高时，系统的维护、扩展和理解成本都会显著增加。为了降低模块之间的耦合度，保持系统的灵活性和可维护性，我们可以使用设计模式中的中介者模式（MediatorPattern）。本篇文章将详细介绍中介者模式的概念、优点及其在Java中的应用，并通过实例代
  • 【前端】【面试】【功能函数】写一个JavaScript树形结构操作函数：`filter` 与 `forEach` 患得患失949 面试考题专栏（前后端）前端组件前端javascript开发语言树结构filterforEach面试
    写一个JavaScript树形结构操作函数：filter与forEach在JavaScript开发中，处理树形结构数据是一项常见的任务。本文将详细介绍两个用于操作树形结构数据的函数：filter和forEach，包括它们的功能、使用方法以及具体示例。1.filter函数1.1功能概述filter函数用于过滤树形结构数据。它会遍历树形结构中的每个节点，根据传入的过滤函数func来决定是否保留该节点。
  • Java常见设计模式(上):创建型模式 啥都不懂的小小白 Java知识集锦java设计模式开发语言
    设计模式概述设计模式是从大量的实践中总结和理论化之后优选的代码结构、编程风格、以及问题解决思路。它们如同经典棋谱，不同的棋局不同棋局对应不同“套路”，帮助我们高效应对各种编程挑战。设计原则是一些通用的设计指导方针，它们提供了如何设计一个优秀的软件系统的基本思想和规则。指导着设计者如何组织代码以实现高内聚、低耦合、易扩展和易维护的软件系统。设计模式则是在特定情况下解决常见问题的经验性解决方案，它们提
  • Vue 3 生命周期函数详解 licy__ vue.js前端javascript
    Vue3生命周期函数详解引言Vue.js是一个渐进式的JavaScript框架，用于构建用户界面。Vue3在性能、API设计和开发者体验方面进行了重大改进。理解Vue3的生命周期函数（LifecycleHooks）对于开发高效的Vue应用至关重要。本文将详细介绍Vue3的生命周期钩子、每个阶段的作用及其代码示例，帮助读者更好地掌握这一重要概念。1.Vue3生命周期概述Vue实例从创建到销毁经历了一
  • 安宝特方案 | AR在供应链管理中的应用：提升效率与透明度 安宝特AR arAR眼镜仓储管理工业ar交通物流
    随着全球化的不断深入和市场需求的快速变化，企业对供应链管理的要求也日益提高。如何在复杂的供应链环境中提升效率、降低成本，并确保信息的透明度，成为了各大行业亟待解决的问题。而增强现实（AR）技术，特别是安宝特的AR眼镜，正为这一挑战提供了创新的解决方案。1.实时信息可视化在传统的供应链管理中，决策往往依赖于静态数据，这使得反应速度缓慢且难以适应快速变化的市场。而通过安宝特的AR眼镜，工作人员可以实时
  • Spring Boot整合策略模式：概念、使用场景、优缺点及企业级Java 程序才子 javaspringboot策略模式Java
    策略模式是一种行为型设计模式，它允许在运行时选择算法的行为。SpringBoot是一个流行的Java开发框架，提供了简化的配置和快速开发的能力。在本文中，我们将探讨如何在SpringBoot应用程序中使用策略模式，讨论其使用场景、优缺点，并介绍如何在企业级Java应用程序中应用该模式。1.策略模式概念策略模式通过定义一系列算法，并将其封装在可互换的策略对象中，使得这些算法可以相互替换。它将算法的选
  • 【HeadFirst系列之HeadFirst设计模式】第13天之代理模式：控制对象访问的利器！ 工一木子 HeadFirst系列HeadFirst设计模式笔记设计模式代理模式
    代理模式：控制对象访问的利器！大家好！今天我们来聊聊设计模式中的代理模式（ProxyPattern）。如果你曾经需要控制对某个对象的访问，或者在访问对象时添加额外的逻辑（如权限检查、日志记录等），那么代理模式就是你的救星！本文基于《HeadFirst设计模式》的代理模式章节，通过生动的故事和Java代码示例，带你轻松掌握代理模式的精髓。我们还会探讨代理模式在JDK和Spring等框架中的应用，让你
  • Java集合设计模式面试题 夜游猿 Java开发工程师面试java设计模式开发语言
    Java集合设计模式面试题迭代器模式Q1:Java集合框架中的迭代器模式是如何实现的？迭代器模式提供了一种统一的方式来访问集合中的元素，而不需要暴露集合的内部结构。publicclassIteratorPatternExample{//1.基本迭代器使用publicvoidbasicIteratorUsage(){Listlist=newArrayListiterator=list.iterato
  • java23种设计模式-中介者模式 千里码！ 设计模式后端技术#Java设计模式中介者模式
    中介者模式（MediatorPattern）学习笔记编程相关书籍分享：https://blog.csdn.net/weixin_47763579/article/details/145855793DeepSeek使用技巧pdf资料分享：https://blog.csdn.net/weixin_47763579/article/details/1458840391.模式定义行为型设计模式，通过定义一
  • 在 SQLite 中使用 SpatiaLite 实现地理空间数据自动化读写 高堂明镜悲白发 sqlite自动化数据库GIS
    地理空间数据（如坐标点、区域边界）的存储与查询是物联网、位置服务等领域的常见需求。本文提供一套简洁的解决方案，利用SQLite和SpatiaLite扩展，通过触发器和视图实现以下目标：写入简化：直接插入人类可读的坐标文本（如POINT(116.439.9)），自动转为二进制存储。读取简化：查询时自动返回坐标文本，无需手动调用转换函数。代码友好：便于与Python、Java等后端程序集成，隐藏底层空
  • Jenkins 升级报错：NoClassDefFoundError: org/jruby/javasupport/proxy/InternalJavaProxy 淾江 jenkinsjava运维开发语言
    Jenkins升级报错，浏览器访问Jenkins页面显示异常内容如下：问题原因新版本的jenkins已经使用了比11更高版本的java，而ruby-runtime插件不支持java11导致。解决方法删除不支持的ruby-runtime插件，然后重启jenkins服务即可。登录后复制rm-rf./jenkins_home/plugins/ruby-runtimerm-rf./jenkins_home
  • zookeeper的可视化界面 红豆和绿豆 zookeeper分布式云原生
    https://github.com/vran-dev/PrettyZoo/releasesprettyzoo:简介PrettyZoo是一个基于JavaFX和ApacheCurator实现的高颜值开源Zookeeper图形化管理客户端安装这个软件就可以
  • 如何向zookeeper中注册内容 ＋720 zookeeper分布式云原生
    我来为你展示如何在Java项目中使用ApacheZooKeeper注册内容。这里提供一个简单但完整的示例，包含依赖配置和代码实现。首先需要在pom.xml中添加ZooKeeper依赖（假设使用Maven）：org.apache.zookeeperzookeeper3.8.4下面是一个完整的Java示例代码，展示如何连接ZooKeeper并注册内容：importorg.apache.zookeepe
  • ELK性能优化实战总结：kafka与rabbitmq m0_56824583 程序员面试经验分享java
    4年经验应该具备哪些技能首先，简单的聊一下我认为的4年经验左右、优秀的Java程序员应该具备的技能有哪些，按“专业技能”和“项目”两块，包括但不限于以下内容。专业技能方面基础：JDK常用类的原理、源码、使用场景。设计模式：常用几种的原理、使用场景，单例、动态代理、模板、责任链等。数据结构：数组、链表、栈、队列、树。网络：TCP、HTTP、HTTPS、负载均衡算法。框架：SpringIoC原理、Sp
  • Java连接ES的多种方式 dkjhl elasticsearchelasticsearch大数据
    前言本篇文章主要介绍：使用Basic、Transport、Kerberos三种方式连接ESBisic方式/***Basic方式（带用户名和密码方式访问）*@paramuser用户名*@parampassword密码*@paramindex索引名*/privatestaticvoidbasicConnect(Stringuser,Stringpassword,Stringindex){try{Sys
  • 2.1部署logstash:9600 AustinCien ELFKelk运维
    实验环境：关闭防火墙，完成java环境yum-yinstallwgetwgethttps://d6.injdk.cn/oraclejdk/8/jdk-8u341-linux-x64.rpmyumlocalinstalljdk-8u341-linux-x64.rpm-yjava-version1.安装logstashtarxflogstash-6.4.1.tar.gz-C/usr/localln-s
  • Java | 基于Kerberos认证对接华为云Elasticsearch yinbp bbosselasticjava华为云elasticsearchbboss
    可以通过华为官方提供的Java客户端，来实现基于Kerberos认证访问和操作华为云Elasticsearch；亦可以使用更加通用的开源ElasticsearchJava客户端bboss，来实现基于Kerberos认证访问和操作华为云Elasticsearch。本文介绍使用bboss实现基于Kerberos认证访问和操作华为云Elasticsearch的方法。1.bboss介绍bboss是一个高性
  • Navicat Premium 16/17 安装包 （Win/Mac） 支持M系列芯片 可视化数据库管理工具 吃汤圆的抹香鲸 macoswindowspostgresql数据库mysqlsql
    目录下载链接:https://pan.baidu.com/s/1faPBE6hZPwjVOErTLiy6oA?pwd=1234提取码:1234一、环境部署与基础配置1.1双版本安装指南1.2中文汉化配置二、数据库管理核心功能2.1多协议连接方案2.2数据迁移与同步三、高阶开发技巧3.1智能SQL编辑器3.2可视化查询构建3.3数据模型设计四、效率革命：15个杀手级技巧4.1快捷键矩阵4.2自定义工
  • java注释转json插件开发实战 java插件maven
    目的将java的代码注释转换为json格式，并写入文件本文介绍了完整的开发流程及如何使用运行环境jdk1.8maven3.x设计思想系统构思编译完成的class里没有注释的，所以注释信息只有在编译代码时存储起来将能够生成javadoc.json的代码做成maven插件关键技术与算法需要实现Doclet必须引入下述jar包,来导入com.sun.javadoc.Docletcom.suntools1
  • 3D Web轻量化引擎HOOPS Communicator如何赋能航空航天制造？ 工业3D_大熊 3DCAD开发工具3d制造3D数据可视化3D模型格式转换3D可视化3DWeb轻量化3Dweb可视化
    在当今航空航天制造领域，精确度、效率和协作是推动行业发展的关键要素。随着数字化技术的飞速发展，3DWeb可视化开发包HOOPSCommunicator为航空航天制造带来了革命性的变化。它凭借强大的功能和灵活的应用，助力企业在设计、生产、培训等各个环节实现高效协同和创新优化，成为航空航天制造企业迈向数字化转型的重要工具。本文将深入探讨HOOPSCommunicator在航空航天制造中的广泛应用，揭示
  • 基于matlab开发的图书馆信息管理系统 2201_75931014 matlab
    《基于MatlabGUI的图书管理系统》是一套完备的代码实现方案，专为热衷于数据分析的爱好者以及潜心学习的人士量身打造。Matlab（矩阵实验室）作为一款功能强大的编程环境，在数值计算、数据分析以及可视化展示等方面展现出了卓越的优势。本系统借助Matlab的图形用户界面（GUI）功能，精心构建了一个直观且易于操作的图书管理平台，能够便捷地助力用户开展图书的录入、查询、修改以及删除等各类操作。Mat
  • 框架基本知识总结 Day9 小斌的Debug日记 vuevue.js
    Node.jsNode.js是一个基于ChromeV8JavaScript引擎构建的JavaScript运行环境。它使得开发者能够在服务器端运行JavaScript，而不仅仅是在浏览器中运行。SE6的一些语法特性1.解构是一种从数组或对象中提取数据并将其赋值给变量的语法。它让你可以更简洁地获取对象或数组中的值，而不需要通过繁琐的方式逐个提取。属性，数组，键值对，方法都可以解构2.模块化类似于jav
  • JavaScript函数的命名方式 哲子君 jsjavascript
    函数的命名方式JavaScript代码服用单位是函数，函数可以包含一段可执行代码，也可以接受调用者传入的参数。JavaScript定义函数主要有以下三种方式：第一种方式：命名函数function函数名(参数列表){//function声明函数的关键字要执行的语句块;}functionmyAge(age){document.write('我的年龄是'+age)//我的年龄是19}myAge(19)/
  • 《JAVA 进阶： Java常用类》 HarkerYX 【Java_Scala基础】
    一、字符串相关的类1.String类String类：代表字符串。Java程序中的所有字符串字面值（如"abc"）都作为此类的实例实现。String是一个final类，代表不可变的字符序列,就算重新赋值，或使用“+=”，或者使用方法对字符串的内容进行修改，都不会改变原来字符串的内容字符串是常量，用双引号引起来表示。它们的值在创建之后不能更改。String底层其是一个char[]而且被final所修饰
  • JSP基础实践项目：创建交互式网站案例 DIY飞跃计划
    本文还有配套的精品资源，点击获取简介：JSP（JavaServerPages）是一种动态网页技术，通过将HTML与Java代码结合，简化了JavaWeb应用的开发。本案例面向初学者，包含多个JSP页面，演示了数据展示、用户输入处理等功能。页面由静态和动态内容组成，展示了JSP生命周期的三个阶段、内置对象、动作标签等核心概念。还包括JavaBean的使用和MVC设计模式的基础。案例包含JSP文件、J
  • JDBC连接池 晚安720 开发语言java
    1.把对所有Dao类的操作——抽取一个父类抽取：公共的属性、获取连接对象、增删改操作把Dao类中的所有公共内容抽取到一个父类packagecom.zmq.dao;importcom.alibaba.druid.pool.DruidDataSourceFactory;importjavax.sql.DataSource;importjava.io.IOException;importjava.io.
  • 开发者关心的那些事 圣子足道 ios游戏编程apple支付
    我要在app里添加IAP，必须要注册自己的产品标识符（product identifiers）。产品标识符是什么？ 产品标识符（Product Identifiers）是一串字符串，它用来识别你在应用内贩卖的每件商品。App Store用产品标识符来检索产品信息，标识符只能包含大小写字母（A-Z）、数字（0-9）、下划线（-）、以及圆点(.)。你可以任意排列这些元素，但我们建议你创建标识符时使用
  • 负载均衡器技术Nginx和F5的优缺点对比 bijian1013 nginxF5
            对于数据流量过大的网络中，往往单一设备无法承担，需要多台设备进行数据分流，而负载均衡器就是用来将数据分流到多台设备的一个转发器。         目前有许多不同的负载均衡技术用以满足不同的应用需求，如软/硬件负载均衡、本地/全局负载均衡、更高
  • LeetCode[Math] - #9 Palindrome Number Cwind javaAlgorithm题解LeetCodeMath
    原题链接：#9 Palindrome Number   要求： 判断一个整数是否是回文数，不要使用额外的存储空间   难度：简单   分析： 题目限制不允许使用额外的存储空间应指不允许使用O(n)的内存空间，O(1)的内存用于存储中间结果是可以接受的。于是考虑将该整型数反转，然后与原数字进行比较。 注：没有看到有关负数是否可以是回文数的明确结论，例如
  • 画图板的基本实现 15700786134 画图板
     要实现画图板的基本功能，除了在qq登陆界面中用到的组件和方法外，还需要添加鼠标监听器，和接口实现。 首先，需要显示一个JFrame界面： public class DrameFrame extends JFrame {              //显示
  • linux的ps命令 被触发 linux
    Linux中的ps命令是Process Status的缩写。ps命令用来列出系统中当前运行的那些进程。ps命令列出的是当前那些进程的快照，就是执行ps命令的那个时刻的那些进程，如果想要动态的显示进程信息，就可以使用top命令。 要对进程进行监测和控制，首先必须要了解当前进程的情况，也就是需要查看当前进程，而 ps 命令就是最基本同时也是非常强大的进程查看命令。使用该命令可以确定有哪些进程正在运行
  • Android 音乐播放器 下一曲 连续跳几首歌 肆无忌惮_ android
    最近在写安卓音乐播放器的时候遇到个问题。在MediaPlayer播放结束时会回调 player.setOnCompletionListener(new OnCompletionListener() { @Override public void onCompletion(MediaPlayer mp) { mp.reset(); Log.i("H
  • java导出txt文件的例子 知了ing javaservlet
    代码很简单就一个servlet,如下： package com.eastcom.servlet; import java.io.BufferedOutputStream; import java.io.IOException; import java.net.URLEncoder; import java.sql.Connection; import java.sql.Resu
  • Scala stack试玩, 提高第三方依赖下载速度 矮蛋蛋 scalasbt
    原文地址： http://segmentfault.com/a/1190000002894524 sbt下载速度实在是惨不忍睹, 需要做些配置优化 下载typesafe离线包, 保存为ivy本地库 wget http://downloads.typesafe.com/typesafe-activator/1.3.4/typesafe-activator-1.3.4.zip 解压r
  • phantomjs安装(linux，附带环境变量设置) ，以及casperjs安装。 alleni123 linuxspider
    1. 首先从官网 http://phantomjs.org/下载phantomjs压缩包，解压缩到/root/phantomjs文件夹。 2. 安装依赖 sudo yum install fontconfig freetype libfreetype.so.6 libfontconfig.so.1 libstdc++.so.6 3. 配置环境变量 vi /etc/profil
  • JAVA IO FileInputStream和FileOutputStream，字节流的打包输出 百合不是茶 java核心思想JAVA IO操作字节流
    在程序设计语言中，数据的保存是基本，如果某程序语言不能保存数据那么该语言是不可能存在的，JAVA是当今最流行的面向对象设计语言之一，在保存数据中也有自己独特的一面，字节流和字符流 1，字节流是由字节构成的，字符流是由字符构成的 字节流和字符流都是继承的InputStream和OutPutStream ,java中两种最基本的就是字节流和字符流   类 FileInputStream
  • Spring基础实例（依赖注入和控制反转） bijian1013 spring
    前提条件：在http://www.springsource.org/download网站上下载Spring框架，并将spring.jar、log4j-1.2.15.jar、commons-logging.jar加载至工程1.武器接口 package com.bijian.spring.base3; public interface Weapon { void kil
  • HR看重的十大技能 bijian1013 提升能力HR成长
        一个人掌握何种技能取决于他的兴趣、能力和聪明程度，也取决于他所能支配的资源以及制定的事业目标，拥有过硬技能的人有更多的工作机会。但是，由于经济发展前景不确定，掌握对你的事业有所帮助的技能显得尤为重要。以下是最受雇主欢迎的十种技能。 　　一、解决问题的能力 　　每天，我们都要在生活和工作中解决一些综合性的问题。那些能够发现问题、解决问题并迅速作出有效决
  • 【Thrift一】Thrift编译安装 bit1129 thrift
    什么是Thrift The Apache Thrift software framework, for scalable cross-language services development, combines a software stack with a code generation engine to build services that work efficiently and s
  • 【Avro三】Hadoop MapReduce读写Avro文件 bit1129 mapreduce
    Avro是Doug Cutting(此人绝对是神一般的存在）牵头开发的。 开发之初就是围绕着完善Hadoop生态系统的数据处理而开展的（使用Avro作为Hadoop MapReduce需要处理数据序列化和反序列化的场景）,因此Hadoop MapReduce集成Avro也就是自然而然的事情。 这个例子是一个简单的Hadoop MapReduce读取Avro格式的源文件进行计数统计，然后将计算结果
  • nginx定制500，502，503，504页面 ronin47 nginx　错误显示
    server { listen 80; error_page 500/500.html; error_page 502/502.html; error_page 503/503.html; error_page 504/504.html; location /test {return502;}} 配置很简单，和配
  • java-1.二叉查找树转为双向链表 bylijinnan 二叉查找树
    import java.util.ArrayList; import java.util.List; public class BSTreeToLinkedList { /* 把二元查找树转变成排序的双向链表 题目： 输入一棵二元查找树，将该二元查找树转换成一个排序的双向链表。 要求不能创建任何新的结点，只调整指针的指向。 10 / \ 6 14 / \
  • Netty源码学习-HTTP-tunnel bylijinnan javanetty
    Netty关于HTTP tunnel的说明： http://docs.jboss.org/netty/3.2/api/org/jboss/netty/channel/socket/http/package-summary.html#package_description 这个说明有点太简略了 一个完整的例子在这里： https://github.com/bylijinnan
  • JSONUtil.serialize(map)和JSON.toJSONString(map)的区别 coder_xpf jqueryjsonmapval()
     JSONUtil.serialize(map)和JSON.toJSONString(map)的区别   数据库查询出来的map有一个字段为空   通过System.out.println()输出 JSONUtil.serialize(map)： {"one":"1","two":"nul
  • Hibernate缓存总结 cuishikuan 开源sshjavawebhibernate缓存三大框架
    一、为什么要用Hibernate缓存？ Hibernate是一个持久层框架，经常访问物理数据库。 为了降低应用程序对物理数据源访问的频次，从而提高应用程序的运行性能。 缓存内的数据是对物理数据源中的数据的复制，应用程序在运行时从缓存读写数据，在特定的时刻或事件会同步缓存和物理数据源的数据。   二、Hibernate缓存原理是怎样的？ Hibernate缓存包括两大类：Hib
  • CentOs6 dalan_123 centos
    首先su - 切换到root下面1、首先要先安装GCC GCC-C++ Openssl等以来模块：yum -y install make gcc gcc-c++ kernel-devel m4 ncurses-devel openssl-devel2、再安装ncurses模块yum -y install ncurses-develyum install ncurses-devel3、下载Erang
  • 10款用 jquery 实现滚动条至页面底端自动加载数据效果 dcj3sjt126com JavaScript
      无限滚动自动翻页可以说是web2.0时代的一项堪称伟大的技术，它让我们在浏览页面的时候只需要把滚动条拉到网页底部就能自动显示下一页的结果，改变了一直以来只能通过点击下一页来翻页这种常规做法。 无限滚动自动翻页技术的鼻祖是微博的先驱：推特(twitter)，后来必应图片搜索、谷歌图片搜索、google reader、箱包批发网等纷纷抄袭了这一项技术，于是靠滚动浏览器滚动条
  • ImageButton去边框&Button或者ImageButton的背景透明 dcj3sjt126com imagebutton
    在ImageButton中载入图片后，很多人会觉得有图片周围的白边会影响到美观，其实解决这个问题有两种方法 一种方法是将ImageButton的背景改为所需要的图片。如：android:background="@drawable/XXX" 第二种方法就是将ImageButton背景改为透明，这个方法更常用 在XML里；    <ImageBut
  • JSP之c:foreach eksliang jspforearch
    原文出自：http://www.cnblogs.com/draem0507/archive/2012/09/24/2699745.html <c:forEach>标签用于通用数据循环，它有以下属性 属 性 描 述 是否必须 缺省值 items 进行循环的项目 否 无 begin 开始条件 否 0 end 结束条件 否 集合中的最后一个项目 step 步长 否 1
  • Android实现主动连接蓝牙耳机 gqdy365 android
    在Android程序中可以实现自动扫描蓝牙、配对蓝牙、建立数据通道。蓝牙分不同类型，这篇文字只讨论如何与蓝牙耳机连接。 大致可以分三步： 一、扫描蓝牙设备： 1、注册并监听广播： BluetoothAdapter.ACTION_DISCOVERY_STARTED BluetoothDevice.ACTION_FOUND BluetoothAdapter.ACTION_DIS
  • android学习轨迹之四：org.json.JSONException: No value for hyz301 json
    org.json.JSONException: No value for items  在JSON解析中会遇到一种错误，很常见的错误   06-21 12:19:08.714 2098-2127/com.jikexueyuan.secret I/System.out﹕ Result:{"status":1,"page":1,&
  • 干货分享：从零开始学编程 系列汇总 justjavac 编程
    程序员总爱重新发明轮子，于是做了要给轮子汇总。 从零开始写个编译器吧系列 (知乎专栏) 从零开始写一个简单的操作系统 (伯乐在线) 从零开始写JavaScript框架 (图灵社区) 从零开始写jQuery框架 (蓝色理想 ) 从零开始nodejs系列文章 (粉丝日志) 从零开始编写网络游戏 
  • jquery-autocomplete 使用手册 macroli jqueryAjax脚本
    jquery-autocomplete学习 一、用前必备 官方网站：http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ 当前版本：1.1 需要JQuery版本：1.2.6 二、使用 <script src="./jquery-1.3.2.js" type="text/ja
  • PLSQL-Developer或者Navicat等工具连接远程oracle数据库的详细配置以及数据库编码的修改 超声波 oracleplsql
    　　在服务器上将Oracle安装好之后接下来要做的就是通过本地机器来远程连接服务器端的oracle数据库，常用的客户端连接工具就是PLSQL-Developer或者Navicat这些工具了。刚开始也是各种报错，什么TNS:no listener;TNS:lost connection;TNS:target hosts...花了一天的时间终于让PLSQL-Developer和Navicat等这些客户
  • 数据仓库数据模型之：极限存储--历史拉链表 superlxw1234 极限存储数据仓库数据模型拉链历史表
    在数据仓库的数据模型设计过程中，经常会遇到这样的需求： 1. 数据量比较大; 2. 表中的部分字段会被update,如用户的地址，产品的描述信息，订单的状态等等; 3. 需要查看某一个时间点或者时间段的历史快照信息，比如，查看某一个订单在历史某一个时间点的状态，    比如，查看某一个用户在过去某一段时间内，更新过几次等等; 4. 变化的比例和频率不是很大，比如，总共有10
  • 10点睛Spring MVC4.1-全局异常处理 wiselyman spring mvc
    10.1 全局异常处理 使用@ControllerAdvice注解来实现全局异常处理; 使用@ControllerAdvice的属性缩小处理范围 10.2 演示 演示控制器 package com.wisely.web; import org.springframework.stereotype.Controller; import org.spring
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他