DataGear
DataGear

DataGear 制作基于Vue前端框架渲染的数据可视化看板

DataGear 在4.3.0版本新增了dg-dashboard-code特性，并在4.4.0版本进行了改进和增强，结合看板API，可以很方便地制作完全由Vue、React等前端框架渲染的数据可视化看板。

本文基于Vue2、Element UI前端框架的、、、、等布局组件定义整个看板页面，并异步加载由Vue的v-for语法构建的图表元素。

首先，新建空白看板，填写名称后，先保存。

在编写看板页面之前，需要先下载 Vue2、Element UI库，加入看板资源中。

Vue2下载地址：

https://unpkg.com/[email protected]/dist/vue.min.js

Element UI下载地址：

https://unpkg.com/[email protected]/lib/theme-chalk/index.css

https://unpkg.com/[email protected]/lib/index.js

https://unpkg.com/[email protected]/lib/theme-chalk/fonts/element-icons.woff

加入后的看板资源如下所示：

index.html
lib/
  |-- [email protected]/
        |-- index.js
        |-- theme-chalk/
              |-- fonts/
                    |-- element-icons.woff
              |-- index.css
  |-- [email protected]/
        |-- vue.min.js

加入看板资源后，编写index.html内容如下：

DOCTYPE html>
<html dg-dashboard-code="instance" dg-loadable-chart-widgets="异步加载图表部件ID-1,异步加载图表部件ID-2">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="lib/[email protected]/theme-chalk/index.css">
<script src="lib/[email protected]/vue.min.js">script>
<script src="lib/[email protected]/index.js">script>
head>
<body dg-chart-auto-resize="true" style="margin:0;">
<div id="app">
  <el-container style="height:100vh">
    <el-header style="text-align:center;font-weight:bold;font-size:2rem;">DataGear看板示例el-header>
    <el-main>
      <el-container style="height:100%;">
        <el-aside>
          <div id="v-for-charts">
            <div v-for="chartId in loadChartIds" v-bind:dg-chart-widget="chartId" style="height:40vh;">div>
          div>
        el-aside>
        <el-main>
          <el-row :gutter="20" style="height:100%;">
            <el-col :span="12" style="height:100%;">
              <div style="height:100%;" dg-chart-widget="图表部件ID-1">div>
            el-col>
            <el-col :span="12" style="height:100%;">
              <div style="height:100%;" dg-chart-widget="图表部件ID-2">div>
            el-col>
          el-row>
        el-main>
      el-container>
    el-main>
  el-container>
div>
body>
html>
<script>
new Vue(
{
  el: '#app',
  data()
  {
    let d =
    {
      loadChartIds: ["异步加载图表部件ID-1", "异步加载图表部件ID-2"]
    };
    return d;
  },
  mounted()
  {
    dashboard.render();
    dashboard.loadUnsolvedCharts("#v-for-charts");
  }
});
script>

保存，看板制作完成！

上述看板代码中：

dg-dashboard-code="instance"
设置看板页面加载后，仅创建看板JS对象，不执行初始化和渲染，因为在Vue挂载完成之前页面真正的DOM元素是不可用的。

dg-loadable-chart-widgets='...'
设置dashboard.loadUnsolvedCharts()函数允许异步加载的图表，避免越权访问。

dashboard.render();
在Vue挂载完成后执行看板渲染，因为此时才可以访问页面真正的DOM元素。

dashboard.loadUnsolvedCharts("#v-for-charts");
#v-for-charts元素里面通过v-for创建的图表元素需采用异步加载方式渲染，因为后台解析看板模板时无法识别它们。

示例效果图如下所示：

DataGear 制作基于Vue前端框架渲染的数据可视化看板_第1张图片

官网地址：

http://www.datagear.tech

源码地址：

Gitee：https://gitee.com/datagear/datagear

Github：https://github.com/datageartech/datagear

你可能感兴趣的:(数据可视化,BI,数据可视化,数据分析,echarts,vue,elementui)

  • linux是一个单用户的系统,linux系统进入单用户模式 weixin_40005437 linux是一个单用户的系统
    进入单用户模式可进行root账户和其他普通账户的密码的修改1)Ubuntu开机到grub时(在开机时长按shift键)，用上下键移到第二行的恢复模式(recoverymode)，按e(注意不是回车)把rosingle改成rwquietinit=/bin/bash然后按Ctrl+x2)redhat1)开机出现倒数秒---回车2)看见RedHatEnterpriseLinuxServer(2.6.18
  • C++优选算法五 位运算 gkdpjj 优选算法算法c++开发语言
    一、位运算位运算（BitwiseOperations）是直接在整数的二进制表示上进行的操作。这些操作包括位与（AND）、位或（OR）、位非（NOT）、位异或（XOR）、左移（LeftShift）和右移（RightShift）等。位运算在处理低级别数据、优化性能、实现加密算法等方面非常有用。以下是这些操作的详细介绍：位与（BitwiseAND,&）：对应位都为1时，结果位才为1，否则为0。示例：5&
  • vue点击左边导航，右边出现页面步骤 胡桃不是夹子 前端
    vue点击左边导航，右边出现页面步骤一定要import不然会出错index.jsCourse作为Homeview子路由Homeview加入点击跳转父Homeview中有RouterView（路由出口，跳转至相应路径）和RouterLink（点击跳转）跳转的页面都为Homeview子只有为el-menu-item标签时，index才会和default-active配对生效高亮:default-act
  • 6款日常工作管理软件深度评测，提升工作效率
    本文介绍了6款广受欢迎的日常工作管理软件，包括：1.Worktile；2.Asana；3.Wrike；4.Teambition；5.Todoist；6.Notion。在项目管理中，进度规划是确保项目按时完成的重要环节。无论是小型项目还是大型工程，合理的进度安排不仅能提升团队效率，还能有效避免项目延期、资源浪费等问题。选择一款好用的进度计划软件，可以帮助团队更好地安排任务、分配资源，并实时跟踪项目进
  • 大数据之-hdfs+hive+hbase+kudu+presto集群(6节点) 管哥的运维私房菜 大数据hdfshivekuduprestohbase
    几个主要软件的下载地址：prestohttps://prestosql.io/docs/current/index.htmlkudurpm包地址https://github.com/MartinWeindel/kudu-rpm/releaseshivehttp://mirror.bit.edu.cn/apache/hive/hdfshttp://archive.apache.org/dist/ha
  • Python 爬虫实战：在东方财富网抓取股票行情数据，辅助投资决策 西攻城狮北 python爬虫实战案例东方财富网
    目录一、引言二、准备工作1.环境搭建2.获取目标网址三、分析网页结构1.查看HTML结构2.分析请求方式四、编写爬虫代码1.导入必要的库2.设置请求头3.获取股票行情数据4.保存数据到CSV文件5.主函数五、数据分析与可视化1.加载数据2.数据清洗3.数据分析4.数据可视化六、总结一、引言在金融投资领域，股票行情数据是投资者做出决策的重要依据。东方财富网作为国内领先的金融信息平台，提供了丰富的股票
  • 【Stable Diffusion部署至Google Colab】 星星点点洲 stablediffusion
    GoogleColab中快速搭建带GPU加速的StableDiffusionWebUIfromgoogle.colabimportdrivedrive.mount('/content/drive')!mkdir/content/drive/MyDrive/sd-webui-files!pipinstalltorch==1.13.1+cu116torchvision==0.14.1+cu116tor
  • linux下使用mysql(上) It塔塔开 linuxmysql运维
    1、安装mysqlaptsearchmysql-server...#查询结果mysql-server-8.0/focal-security,focal-updates8.0.41-0ubuntu0.20.04.1amd64MySQLdatabaseserverbinariesandsystemdatabasesetup...aptinstallmysql-server-8.0...2、连接数据库m
  • 【MySQL】 常见数据类型 web13688565871 面试学习路线阿里巴巴mysql数据库
    MySQL常见数据类型1.整数类型2.浮点数类型3.定点数类型4.bit类型5.字符串类型5.1char和varchar类型5.2日期类型和时间类型5.3enum和set类型1.整数类型整数类型默认都是有符号整数类型名称字节数类型说明tinyint1带符号的范围-128127，无符号范围0255smallint2带符号的范围-2^15~2^15-1，无符号2^16-1mediumint3带符号的范
  • Vue 2 路由指南：从基础到高级 鸡吃丸子 vue.js前端javascript前端框架
    注意：对于代码看不清的部分，用鼠标选中就能看到了，背景颜色和字体颜色过于接近，我也不知道怎么调，只能这样子先看着了一、VueRouter是什么？VueRouter是Vue.js官方的路由管理器，它允许你在单页面应用中通过不同的URL显示不同的组件。VueRouter与Vue.js核心深度集成，提供了声明式的路由定义、嵌套路由、动态路由、导航守卫等功能，帮助开发者构建复杂的单页面应用。二、安装与配置
  • python如何将数据生成excel_Python如何将数据导出excel的技巧分享 weixin_39528697
    本篇文章主要介绍了python技能之导出excel的实例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧本文介绍了python技能之导出excel的实例代码，正好能用到，写出来分享给大家作为一个数据分析师，下面的需求是经常会遇到的。从数据库或者现有的文本文件中提取符合要求的数据，做一个二次处理，处理完成后的数据最终存储到excel表格中供其他部门的人继续二次分析。在
  • 领域驱动设计（DDD）是什么？——从理论到实践的全方位解析 小胡说技书 Java+SSM+DBjava领域驱动设计（DDD）架构领域模型微服务
    文章目录一、引言二、核心概念与定位2.1DDD定义与核心理念2.2DDD关键元素三、底层原理与技术细节3.1领域模型与普适语言3.1.1领域模型3.1.2普适语言（UbiquitousLanguage）3.2战术设计模式详解3.2.1实体、值对象、聚合与领域服务3.2.2无状态函数在领域服务中的应用3.2.3工厂与仓储模式3.3战略设计：限界上下文与防腐层3.3.1限界上下文（BoundedCon
  • 6款日常工作管理软件深度评测，提升工作效率
    本文介绍了6款广受欢迎的日常工作管理软件，包括：1.Worktile；2.Asana；3.Wrike；4.Teambition；5.Todoist；6.Notion。在项目管理中，进度规划是确保项目按时完成的重要环节。无论是小型项目还是大型工程，合理的进度安排不仅能提升团队效率，还能有效避免项目延期、资源浪费等问题。选择一款好用的进度计划软件，可以帮助团队更好地安排任务、分配资源，并实时跟踪项目进
  • 使用Seaborn绘制相关性热力图 认真写代码i python开发语言Python
    使用Seaborn绘制相关性热力图相关性热力图是一种常用的可视化工具，用于显示变量之间的相关性。在Python中，Seaborn是一个功能强大且易于使用的数据可视化库，可以轻松地创建相关性热力图。在本文中，我们将学习如何使用Seaborn的heatmap函数来绘制相关性热力图。首先，我们需要安装Seaborn库。你可以使用以下命令通过pip安装Seaborn：pipinstallseaborn安装
  • wps配置deepseek 养码哥 wpsdeepseek
    wps配置deepseekhttps://e6jy62bip4.feishu.cn/docx/R09IdpU5HoADyDxcgfQcjpR8nnb
  • 「重磅」Sci.Robot最新封面：由多种人体肌肉组织驱动的生物混合手，人机融合取得新突破 天机️灵韵 具身智能人工智能硬件设备机器人生物信息学具身智能人工智能
    ScienceRobotics查看原文：https://www.science.org/doi/10.1126/scirobotics.adr5512论文解析：《Biohybridhandactuatedbymultiplehumanmuscletissues》研究背景与目标本研究提出了一种基于生物混合技术的机械手，通过集成多个人体骨骼肌组织（MuMuTA，Multi-MaterialMulti-
  • Flux架构：构建可预测的Web应用状态管理体系 阿珊和她的猫 架构前端
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到网站。文章
  • Vue3 + Moveable + Selecto 拖拽组件 Demo 巧克力力克巧！ 学习积累vue.jsjavascript前端
    一、项目概述本demo旨在通过Vue3、Moveable和Selecto三个库的结合，实现一个基本的拖拽组件功能。通过Selecto实现元素的选择功能，通过Moveable控制选中元素的大小和位置。同时，封装了hooks以实现元素与数据之间的绑定，使得操作更加灵活和可维护。二、技术栈Vue3：用于构建用户界面的渐进式JavaScript框架。Moveable：一个可以拖拽、缩放、旋转DOM元素的库
  • ”人货场”模型搞懂没？数据分析大部分场景都能用！ 接地气的陈老师 人工智能数据分析大数据机器学习推荐系统
    做数据分析的同学，很多都听过：人、货、场的分析模型。然而，这东西又是个只闻其名，不见真身的东西。到底该怎么结合实际分析？今天我们系统讲解下。问题场景：某生鲜电商，用户复购率较低，60%的用户在30天内无二次购买行为，运营领导非常着急，要求通过数据分析提升复购率，请问你作为数据分析师该怎么做？建立人工智能精准推荐算法（40%概率用协同过滤，60%用关联分析）把过往6个月月初复购率做成折线图，然后写下
  • Mac终端出现-bash-3.2$切换到user用户 ZiHai子海 Mac使用问题Macbash
    Mac终端出现-bash-3.2$切换到user用户经过网上查询,对自身使用Mac电脑切换用户问题的整理打开终端输入如下代码第一步:exportPATH=/usr/bin:/usr/sbin:/bin:/sbin:/usr/X11R6/bin第二步:cd~/第三步输入:touch.bash_profile第四步输入:open.bash_profile第五步,打开文件编辑界面最后一行输入export
  • Redisson自定义序列化 兔子先生° java
    主要是解决LocalDateTime的序列化报错问题。com.fasterxml.jackson.databind.exc.InvalidDefinitionException:Java8date/timetype`java.time.LocalDateTime`notsupportedbydefault:addModule"com.fasterxml.jackson.datatype:jacks
  • 如何使用DeepSeek训练模型 LCG元 大模型人工智能
    目录准备工作硬件要求软件环境数据收集与预处理数据收集数据预处理模型构建与训练模型构建模型训练模型评估与调优评估指标调优方法部署与应用部署方式应用集成✍️相关问答DeepSeek模型在医疗领域的具体应用案例有哪些？临床辅助诊疗：医患关系的连接桥梁：医疗科研的学术助手：医疗服务体系革新：医学影像诊断：药物研发：基层医疗能力提升：医疗机器人智能化：如何利用DeepSeek进行多模态数据分析？脑图使用De
  • jmeter调整内存 mandy_test Jmeterjmeter
    启动jmeter的时候有一句英文提示可以修改jmter内存去满足你的测试要求，因为jmeter默认是1g内存的，并发数较大(500+)的时候会超过它的内存导致内存溢出(bin目录看heapprof.这样的文件很大就代表存在内存溢出)，会造成实际压测在线用户数上不去还往下掉(用在线用户数插件)。可以修改jmeter内存，notepad编辑打开jmeter.bat文件，在151行有一句设置内存的，替换
  • 探索Redux：构建可预测、可测试的JavaScript应用 黎杉娜Torrent
    探索Redux：构建可预测、可测试的JavaScript应用learn-redux:boom:ComprehensiveNotesforLearning(howtouse)ReduxtomanagestateinyourWeb/Mobile(React.js)Apps.项目地址:https://gitcode.com/gh_mirrors/le/learn-redux项目介绍在现代Web开发中，J
  • Python Pandas数据清洗之缺失数据处理 python慕遥 Pandaspythonpandas开发语言
    大家好，在数据分析和处理过程中，缺失数据是常见且不可避免的现象。无论是在数据收集、传输或存储的过程中，数据集可能会出现部分丢失。缺失数据的存在不仅会影响数据的完整性，还可能对后续的数据分析和建模造成不利影响。为了保证数据质量，合理处理缺失数据至关重要。Python的Pandas库提供了强大的工具，能够高效处理数据中的缺失值，特别是通过插值和填充技术来弥补数据的缺失。本文将介绍如何使用Pandas处
  • [Verilog]带使能端的级联BCD码计数器 - 以时钟计数器为例 Jason_Tye fpga开发
    问题描述//模块声明moduletop_module(inputclk,inputreset,inputena,outputpm,output[7:0]hh,output[7:0]mm,output[7:0]ss);前置知识:BCD码:将十进制数的每一位(0~9)按序,用4位2进制数表示Decimal=[3:0]Binary(78)10=(0111,1000)BCDDecimal=[3:0]\Bi
  • TA-Lib：Python金融分析核心库使用指南 一筐猪的头发丝
    本文还有配套的精品资源，点击获取简介：TA-Lib是一个广泛应用于金融分析领域的库，它包含多种技术分析指标，适用于股票、期货和外汇等金融产品的技术分析。通过这个库，开发者可以利用Python编程语言进行历史市场数据的技术分析，包括趋势指标、振荡器、成交量分析以及形态识别等。TA-Lib还支持自动化交易系统的开发、投资组合优化和风险管理，是金融专业人士和数据分析师不可或缺的工具。1.TA-Lib库概
  • 实验报告一：IT项目与技术实践 朱佳顺
    本文还有配套的精品资源，点击获取简介：实验报告是记录科学和技术实验过程、结果与分析的重要文件。本报告"01-实验报告一.zip"为系列报告中的第一份，包含实验目的、方法、数据、观察和结论。它可能涉及文件压缩、实验设计、数据处理和可视化、以及科学报告撰写等关键技能。实验内容可能包括编程、网络、数据库和软件开发等领域，要求学生了解实验流程，掌握数据分析方法，以及学术写作规范。1.文件压缩与ZIP格式使
  • shiro 反序列化漏洞解决方案 小明同学哦 1024程序员节
    问题版本shiro1.2.4官方默认key：kPH+bIxk5D2deZiIxcaaaA==获取相关信息解决方案：升级到更新版本：1.3.0兼容jdk1.7检测工具：shiro_attack-4.7.0-SNAPSHOT-all.zip
  • 《云智算：BI 领域的卓越之选》 thank_lxy 数据仓库etlfinebipowerbietl工程师数据库开发
    在数据分析的漫长征程中，我作为一名资深的数据分析师，多年来接触和使用过众多BI工具。然而，当我邂逅云智算之后，它的卓越表现让我深感惊艳，今天就来为大家详细介绍这款极具潜力的BI工具。一、功能齐全，一站式BI体验云智算涵盖了ETL、建模、分析、可视化、自助分析等整个BI流程环节的功能。从数据的抽取、转换和加载，到建立数据模型，再到深入分析和直观的可视化呈现，以及让业务人员能够自主进行分析，它提供了一
  • github中多个平台共存 jackyrong github
    在个人电脑上，如何分别链接比如oschina,github等库呢，一般教程之列的，默认 ssh链接一个托管的而已，下面讲解如何放两个文件 1） 设置用户名和邮件地址 $ git config --global user.name "xx" $ git config --global user.email "[email protected]"
  • ip地址与整数的相互转换(javascript) alxw4616 JavaScript
    //IP转成整型 function ip2int(ip){ var num = 0; ip = ip.split("."); num = Number(ip[0]) * 256 * 256 * 256 + Number(ip[1]) * 256 * 256 + Number(ip[2]) * 256 + Number(ip[3]); n
  • 读书笔记-jquey+数据库+css chengxuyuancsdn htmljqueryoracle
    1、grouping ,group by rollup, GROUP BY GROUPING SETS区别 2、$("#totalTable tbody>tr td:nth-child(" + i + ")").css({"width":tdWidth, "margin":"0px", &q
  • javaSE javaEE javaME == API下载 Array_06 java
    oracle下载各种API文档： http://www.oracle.com/technetwork/java/embedded/javame/embed-me/documentation/javame-embedded-apis-2181154.html JavaSE文档： http://docs.oracle.com/javase/8/docs/api/ JavaEE文档： ht
  • shiro入门学习 cugfy javaWeb框架
    声明本文只适合初学者，本人也是刚接触而已，经过一段时间的研究小有收获，特来分享下希望和大家互相交流学习。 首先配置我们的web.xml代码如下，固定格式，记死就成 <filter>         <filter-name>shiroFilter</filter-name> &nbs
  • Array添加删除方法 357029540 js
         刚才做项目前台删除数组的固定下标值时，删除得不是很完整，所以在网上查了下，发现一个不错的方法，也提供给需要的同学。 //给数组添加删除             Array.prototype.del = function(n){
  • navigation bar 更改颜色 张亚雄 IO
    今天郁闷了一下午，就因为objective-c默认语言是英文，我写的中文全是一些乱七八糟的样子，到不是乱码，但是，前两个自字是粗体，后两个字正常体，这可郁闷死我了，问了问大牛，人家告诉我说更改一下字体就好啦，比如改成黑体，哇塞，茅塞顿开。       翻书看，发现，书上有介绍怎么更改表格中文字字体的，代码如下    
  • unicode转换成中文 adminjun unicode编码转换
      在Java程序中总会出现\u6b22\u8fce\u63d0\u4ea4\u5fae\u535a\u641c\u7d22\u4f7f\u7528\u53cd\u9988\uff0c\u8bf7\u76f4\u63a5这个的字符，这是unicode编码，使用时有时候不会自动转换成中文就需要自己转换了使用下面的方法转换一下即可。 /** * unicode 转换成 中文
  • 一站式 Java Web 框架 firefly aijuans Java Web
    Firefly是一个高性能一站式Web框架。 涵盖了web开发的主要技术栈。 包含Template engine、IOC、MVC framework、HTTP Server、Common tools、Log、Json parser等模块。 firefly-2.0_07修复了模版压缩对javascript单行注释的影响，并新增了自定义错误页面功能。 更新日志： 增加自定义系统错误页面功能
  • 设计模式——单例模式 ayaoxinchao 设计模式
    定义          Java中单例模式定义：“一个类有且仅有一个实例，并且自行实例化向整个系统提供。”   分析          从定义中可以看出单例的要点有三个：一是某个类只能有一个实例；二是必须自行创建这个实例；三是必须自行向系统提供这个实例。   &nb
  • Javascript 多浏览器兼容性问题及解决方案 BigBird2012 JavaScript
    不论是网站应用还是学习js,大家很注重ie与firefox等浏览器的兼容性问题，毕竟这两中浏览器是占了绝大多数。 一、document.formName.item(”itemName”) 问题 问题说明：IE下，可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName&quo
  • JUnit-4.11使用报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing错误 bijian1013 junit4.11单元测试
            下载了最新的JUnit版本，是4.11，结果尝试使用发现总是报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing这样的错误，上网查了一下，一般的解决方案是，换一个低一点的版本就好了。还有人说，是缺少hamcrest的包。去官网看了一下，如下发现：    
  • [Zookeeper学习笔记之二]Zookeeper部署脚本 bit1129 zookeeper
    Zookeeper伪分布式安装脚本(此脚本在一台机器上创建Zookeeper三个进程，即创建具有三个节点的Zookeeper集群。这个脚本和zookeeper的tar包放在同一个目录下，脚本中指定的名字是zookeeper的3.4.6版本，需要根据实际情况修改)：   #!/bin/bash #!!!Change the name!!! #The zookeepe
  • 【Spark八十】Spark RDD API二 bit1129 spark
    coGroup package spark.examples.rddapi import org.apache.spark.{SparkConf, SparkContext} import org.apache.spark.SparkContext._ object CoGroupTest_05 { def main(args: Array[String]) { v
  • Linux中编译apache服务器modules文件夹缺少模块(.so)的问题 ronin47 modules
    在modules目录中只有httpd.exp，那些so文件呢？ 我尝试在fedora core 3中安装apache 2. 当我解压了apache 2.0.54后使用configure工具并且加入了 --enable-so 或者 --enable-modules=so (两个我都试过了) 去make并且make install了。我希望在/apache2/modules/目录里有各种模块，
  • Java基础-克隆 BrokenDreams java基础
            Java中怎么拷贝一个对象呢？可以通过调用这个对象类型的构造器构造一个新对象，然后将要拷贝对象的属性设置到新对象里面。Java中也有另一种不通过构造器来拷贝对象的方式，这种方式称为 克隆。         Java提供了java.lang.
  • 读《研磨设计模式》-代码笔记-适配器模式-Adapter bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 适配器模式解决的主要问题是，现有的方法接口与客户要求的方法接口不一致 * 可以这样想，我们要写这样一个类（Adapter）: * 1.这个类要符合客户的要求 ---> 那显然要
  • HDR图像PS教程集锦&心得 cherishLC PS
    HDR是指高动态范围的图像，主要原理为提高图像的局部对比度。 软件有photomatix和nik hdr efex。 一、教程 叶明在知乎上的回答： http://www.zhihu.com/question/27418267/answer/37317792 大意是修完后直方图最好是等值直方图，方法是HDR软件调一遍，再结合不透明度和蒙版细调。 二、心得 1、去除阴影部分的
  • maven-3.3.3 mvn archetype 列表 crabdave ArcheType
    maven-3.3.3 mvn archetype 列表 可以参考最新的：http://repo1.maven.org/maven2/archetype-catalog.xml   [INFO] Scanning for projects... [INFO]                
  • linux shell 中文件编码查看及转换方法 daizj shell中文乱码vim文件编码
    一、查看文件编码。     在打开文件的时候输入:set fileencoding     即可显示文件编码格式。 二、文件编码转换     1、在Vim中直接进行转换文件编码,比如将一个文件转换成utf-8格式       &
  • MySQL--binlog日志恢复数据 dcj3sjt126com binlog
    恢复数据的重要命令如下 mysql> flush logs; 默认的日志是mysql-bin.000001，现在刷新了重新开启一个就多了一个mysql-bin.000002                  
  • 数据库中数据表数据迁移方法 dcj3sjt126com sql
    刚开始想想好像挺麻烦的，后来找到一种方法了，就SQL中的 INSERT 语句，不过内容是现从另外的表中查出来的，其实就是 MySQL中INSERT INTO SELECT的使用   下面看看如何使用   语法：MySQL中INSERT INTO SELECT的使用 1. 语法介绍       有三张表a、b、c，现在需要从表b
  • Java反转字符串 dyy_gusi java反转字符串
           前几天看见一篇文章，说使用Java能用几种方式反转一个字符串。首先要明白什么叫反转字符串，就是将一个字符串到过来啦，比如"倒过来念的是小狗"反转过来就是”狗小是的念来过倒“。接下来就把自己能想到的所有方式记录下来了。 1、第一个念头就是直接使用String类的反转方法，对不起，这样是不行的，因为Stri
  • UI设计中我们为什么需要设计动效 gcq511120594 UIlinux
    随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。 但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。 一、加强体验舒适度 嗯，就是让用户更加爽更加爽的用
  • JBOSS服务部署端口冲突问题 HogwartsRow java应用服务器jbossserverEJB3
    服务端口冲突问题的解决方法，一般修改如下三个文件中的部分端口就可以了。   1、jboss5/server/default/conf/bindingservice.beans/META-INF/bindings-jboss-beans.xml   2、./server/default/deploy/jbossweb.sar/server.xml   3、.
  • 第三章 Redis/SSDB+Twemproxy安装与使用 jinnianshilongnian ssdbreidstwemproxy
    目前对于互联网公司不使用Redis的很少，Redis不仅仅可以作为key-value缓存，而且提供了丰富的数据结果如set、list、map等，可以实现很多复杂的功能；但是Redis本身主要用作内存缓存，不适合做持久化存储，因此目前有如SSDB、ARDB等，还有如京东的JIMDB，它们都支持Redis协议，可以支持Redis客户端直接访问；而这些持久化存储大多数使用了如LevelDB、RocksD
  • ZooKeeper原理及使用 liyonghui160com
               ZooKeeper是Hadoop Ecosystem中非常重要的组件，它的主要功能是为分布式系统提供一致性协调(Coordination)服务，与之对应的Google的类似服务叫Chubby。今天这篇文章分为三个部分来介绍ZooKeeper，第一部分介绍ZooKeeper的基本原理，第二部分介绍ZooKeeper
  • 程序员解决问题的60个策略 pda158 框架工作单元测试
    根本的指导方针 1. 首先写代码的时候最好不要有缺陷。最好的修复方法就是让 bug 胎死腹中。 良好的单元测试 强制数据库约束 使用输入验证框架 避免未实现的“else”条件 在应用到主程序之前知道如何在孤立的情况下使用   日志 2. print 语句。往往额外输出个一两行将有助于隔离问题。 3. 切换至详细的日志记录。详细的日
  • Create the Google Play Account sillycat Google
    Create the Google Play Account Having a Google account, pay 25$, then you get your google developer account. References: http://developer.android.com/distribute/googleplay/start.html https://p
  • JSP三大指令 vikingwei jsp
    JSP三大指令   一个jsp页面中，可以有0~N个指令的定义！ 1. page --> 最复杂：<%@page language="java" info="xxx"...%>   * pageEncoding和contentType：     > pageEncoding：它
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他