未来遥不可知
未来遥不可知

Vue +Element UI (饿了么UI) +Echarts 实现图表自适应配置

接到一个需求,让用户能够通过配置, 配置出自己想要的统计图, 填入数据

分析需求:

  • 需要客户配置的数据项有哪些?

  • 客户配置数据的存储

      JSON转String 存数据库就行.....

一.可配置的项

  1. 主标题(带颜色),副标题(带颜色)
  2. 图表种类(分为  坐标系,非坐标系图, 差别在于 有无 xAxis, yAxis 属性)
  3. 图表背景色
  4. 是否需要开启类目
  5. 是否需要开启工具(左上角下载图片等工具)
  6. 类目的位置
  7. 图表的类型 暂时有   柱状图 bar ,折线图 line, 饼图 pie, 雷达图 radar
  8. 坐标系图 位置大小, 非坐标系 位置, 大小
  9. 饼图 是否开启南丁格尔图, 雷达图是否开启透明度

二.基本效果图

Vue +Element UI (饿了么UI) +Echarts 实现图表自适应配置_第1张图片

Vue +Element UI (饿了么UI) +Echarts 实现图表自适应配置_第2张图片Vue +Element UI (饿了么UI) +Echarts 实现图表自适应配置_第3张图片

三.代码


四.总结

还存在的小bug

  1. 非options的直接属性， 借用subConfig 来实现的数据 渲染不同步， 需要点击刷新重新渲染，右侧的图才会渲染成功
  2. 类目位置调整， 应该是 有了 left有了值， right 就不能有值， 一样， top有值bottom 就不能有值，否则后者渲染失效
  3. 数据源码的源码刷新不及时
  4. 在选中饼图 调整位置的时候  会保存Xcenter ，Ycenter 俩个 无用参数
  5. 等

代码存在的缺陷

  1. 多次判断坐标种类  及 subConfig.tbzl 和 图表类型  options.type  是否可以统一处理，方便扩展
  2. 每次切换坐标系图和非坐标系图的时候， 重置 this.options 是否可以事项保存一个值， 而不是用重新赋值的方法
  3. 由于JS功力有限....多次借助其他对象来操作数据，造成Xcenter 等这样不需要的参数  参杂在option里面
  4. 提供的可选功能有限
  5. 等

可改进

  1. 在非坐标系图多项数据的时候， 例如 俩个饼图， 是否可以初始化 位置，大小， 进行默认排位置
  2. 需要提供， 主副标题及颜色的话， 加俩个属性就行了
  3. 最主要的是 数据不能及时同步和渲染.功力太差
  4. 等

你可能感兴趣的:(Vue,Echart)

  • uniapp解决app端不能用＜web-view＞将外部页面嵌入当前页面的问题 舍予一 前端知识汇总关于学习开发中遇到的各种问题uni-app前端
    uniapp解决app端不能用将外部页面嵌入当前页面的问题参考资料代码（兼容h5与app）父页面子组件Vue2Vue3、组合式、ts参考资料android项目嵌套uniapp页面及交互uniapp嵌套h5页面代码（兼容h5与app）父页面//#ifdefH5//#endif//#ifdefAPP-PLUS//#endifimportContentfrom'./content.vue'.contra
  • Pyecharts 可视化数据大屏设计与实践 jun778895 pyecharts
    Pyecharts可视化数据大屏设计与实践在当今数字化转型的大潮中，数据可视化大屏成为了企业展示业务数据、监控运营状态、辅助决策制定的重要工具。Pyecharts，作为一款基于Python的开源数据可视化库，因其丰富的图表类型、灵活的配置选项以及易于集成的特性，成为构建数据大屏的理想选择。本文将详细探讨如何利用Pyecharts设计并实现一个功能全面、视觉效果突出的数据可视化大屏。一、项目概述假设
  • python Django +Vue实现多文件异步上传 离光头还差半个光头 pythonvue.jsuploadpost
    pythonDjango+Vue实现多文件异步上传刚接触python不久，接到个需求需要多文件上传，在网上找了很多，有讲理论的，有讲实现的，但我花了很长时间，才从这些文章中搞懂这个问题，我们来个直接粗暴的，上代码，部分解释加在代码上html首页letapp=newVue({el:'#app',data:{fileList:[],},methods:{fileChange:function(e){t
  • Vue——认识day03_事件 WenJGo Vue前端HTMLCSSJSvue.jsjavascript前端
    此处接上一篇文章Vue——认识day2开始，欢迎大家。目录1.事件处理2.事件修饰符3.键盘事件总结1.事件处理事件的基本使用有以下几步骤：使用v-on:xxx或@xxx来绑定事件，其中xxx是事件的名称。在methods对象中配置事件的回调函数，这样事件就会在vm实例上被触发。在methods中配置的函数不能使用箭头函数，否则this的指向会变，并不是指向vm实例。在methods中配置的函数都
  • 大屏可视化项目之vue3-seamless-scroll无缝滚动组件（一）——基本使用_vue seamless scroll官网 2401_84411822 vue.jsjavascript前端
    import{defineComponent,ref}from“vue”;import{Vue3SeamlessScroll}from“vue3-seamless-scroll”;exportdefaultdefineComponent({name:“App”,components:{Vue3SeamlessScroll},setup(){constlist=ref([{title:“Vue3.0
  • vue+element 使用弹框this.$confirm 区分关闭和取消按钮 乐容 vue.jsjavascript前端
    需求描述：点击按钮，弹出弹窗，要做两个选择按钮，要区分开选择和关闭的功能代码实现：this.$confirm("是否确定删除选中的数据?","提示",{confirmButtonText:"确定（A按钮）",cancelButtonText:"取消（B按钮）",type:"warning",distinguishCancelAndClose:true,//重要，设置为true才会把右上角X和取消区
  • VUE3笔记 一介书生. 前端javascriptvue.js前端
    前端系列一、HTML5二、CSS3三、JavaScript四、jQuery五、BootStrap六、Element七、Ajax八、JSON九、VUE3第一章、基础一、vue简介1、学习阶段vue2基础vue-cli（vue的手脚架，专门做工程化开发）vue-router（实现前端路由的）vuex（vue存储数据的）element-ui（ui组件库）vue32、vue的特点采用组件化模式，提高代码复
  • echarts柱形图X轴Y轴相关配置 船长㉿ 可视化
    可配置XY轴刻度线，字体大小，柱形图大小颜色等constoptions={tooltip:{trigger:'axis',axisPointer:{//坐标轴指示器，坐标轴触发有效type:'shadow'//默认为直线，可选为：'line'|'shadow'},textStyle:{//鼠标hover遮罩层字体大小fontSize:'12'}},xAxis:[{data:['大学食堂100间',
  • VUE学习笔记—Vue运行时渲染 前端姑娘 VUEvue.js前端javascript
    前言有一个需求：能不能让用户自制组件，从而达到定制渲染某个区域的目的。在线DOME预览大致说一下项目的背景：我们做了一个拖拉拽生成界面的系统，通过拖拽内置的组件供用户定制自己的界面，但毕竟内置的组件有限，可定制性不高，那么给用户开放一个自定义代码组件，让用户自己通过写template+js+css的方式自由定制岂不是妙哉。那么该怎么实现呢？我们先来看一vue官方的介绍很多时候我们貌似已经忽略了渐进
  • vue3 路由的使用 前端不加班 vue3vue.jsjavascript前端
    路由的使用在传统的Web开发过程中，当需要实现多个站内页面时，以前需要写很多个HTML页面，然后通过标签来实现互相跳转。在如今工程化模式下的前端开发，像Vue工程，可以轻松实现只用一个HTML文件，却能够完成多个站内页面渲染、跳转的功能，这就是路由。TIP从这里开始，所有包含到.vue文件引入的地方，可能会看到@xx/xx.vue这样的写法。@views是src/views的路径别名，@cp是sr
  • vue3.x+typescript 配置全局属性-vue3配置全局axios 我爱张智容
    前面我们给大家讲过可以通过app.config.globalProperties.$axios=Axios;来配置全局属性，但是在ts中使用这样的配置方法的话是没法通过编译的，这个时候我们就需要拓展属性。下面是在vue3.0定义源文件找到的一段说明注释/***Custompropertiesaddedtocomponentinstancesinanywayandcanbeaccessedthrou
  • 问题解决：vue dev模式没问题，dist之后页面not found Einstellung 前端vuejavascriptkoa2
    导读：本菜鸡作为一个JavaScript的初学者，搞了一个Vue页面之后想将其在生产环境中部署。但是dist之后发现生成的静态页面只有首页访问正常，其余页面全部都是NotFound，百思不得其解。经过调查解决了问题。将自己学习和思考过程记录下来，供后来的人一个参考。SPA单页谈起要想解决dist之后notfound问题，首先要理解Vue的SPA单页特性，首先来看一下SPA定义：单页Web应用（si
  • SprinBoot+Vue学生选课小程序的设计与实现 赵广陆 projectvue.js小程序notepad++
    目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp代码4数据库表设计5文档参考6计算机毕设选题推荐7源码获取1项目介绍博主个人介绍：CSDN认证博客专家，CSDN平台Java领域优质创作者，全网30w+粉丝，超300w访问量，专注于大学生项目实
  • vue2/3 - 解决项目运行或安装依赖npm install时，出现报错 errno -4048 | Error: EPERM: operation not permitted, mkdir错误 街尾杂货店& 前端常见问题解决前端组件与功能(开箱即用)vue.jsnuxt.jsnpminstall报错errno-4048operationnotpnode_modules清掉缓存删掉npmrc无效
    错误截图在vue2|vue3|nuxt项目开发中，运行或执行安装依赖包命令install时出现报错：npmERR!errno-4048|npmERR!Error:EPERM:operationnotpermitted,mkdir‘xxx’，终端满屏报错且无法安装生成node_modules，并且清除缓存和删除对应文件都无法解决，本文提供完美的方案保解决。其他教程都无法解决，本文提供的解决方案完美搞
  • 谈谈nvm、nrm、pnpm的理解 段子君 nvmnrmpnpm前端
    谈一谈目前用的最多的也是主流的工具nvm、nrm以及pnpm的理解。nvm一般我们在公司开发，公司一般可能会有多个项目，可能有新项目也有老项目，不同的前端工程可能依赖的node版本不一样。这个时候就需要我们拥有多个node版本来开发不同的工程，如何安装多个node版本并可以随意的切换我们的node开发环境，这个时候nvm就能完美的发挥出自己的优势。nvm版本过低是不兼容vue3的项目的，我推荐1.
  • npm ERR! 安装依赖 errno: -4048,解决办法： 一条没有感情的鱼 vuevuenpm
    1、最有效的解决办法：删除node_modules包重新下载依赖2、npmERR!codeEPERMnpmERR!syscallunlinknpmERR!pathD:\demo\vue\vuerobot\node_modules\core-js\internalsnpmERR!errno-4048npmERR!Error:EPERM:operationnotpermitted,unlink'D:\
  • 使用npm第一次创建vue项目时报错 errno -4058 no such file or directory, mkdir ‘XXXXXXXX‘解决办法 JadeHanLiang npmvue.js前端
    使用npm第一次创建vue项目时报错errno-4058nosuchfileordirectory,mkdir'XXXXXXXX'解决办法C:\Users\Administrator目录下的.npmrc里的配置问题(Administrator这个时你当时的用户目录，目录示例：C:\users(用户)\Administrator（当前用户)。找到.npmrc这个文件看里面的这三个属性配置是否正确ca
  • Vue基础(day05) 菜先生… 前端vuewebpack
    Vue.js（第五天）父子组件之间的传值这是子元素---{{parentmsg}}varcom1={template:'#tmp1',data(){return{msg:'给你一些钱，去挥霍吧！'}},props:['parentmsg'],methods:{sendMsg(){this.$emit('func',this.msg);}}}//创建Vue实例，得到ViewModelvarvm=ne
  • Vue 实现分页效果 下拉加载页面 喜欢硬编码 WEB开发vuejavascript
    2020年10月27日17:57:58MR黎原文链接：文档：Vue.note链接：http://note.youdao.com/noteshare?id=7e281484b7c61482547950f5e93be591应用于PC端的网站项目使用Vue+axios+Element等组件进行开发，项目需求首页的提供需求展示列表页面需要下拉无刷新加载页面。页面数据初始化,Data数据中添加三个初始化的变
  • Vue的生命周期 曼荼罗poisonous vue.jsjavascript前端
    生命周期让我们在控制整个vue的时候更好的形成逻辑，vue生命周期分为四个阶段一：实例渲染二：DOM渲染三：数据更新四：销毁实例它分别有八个声明周期创建前:beforeCreate()只有一些实例本身的事件和生命周期函数创建后:created()是最早使用data和methods中数据的钩子函数，是最早可以访问data中的数据的钩子函数挂载前:brforeMount()指令已经解析完毕，内存中已经
  • Javascript归纳与总结——this指向及其改变、new关键字与原型链、异步、闭包和函数防抖与节流 GISer_Jinger 面试题目Javascriptvue.js前端javascript
    this指向及其改变普通函数在调用时，this为obj.obj1.fun(),this->obj1,箭头函数在声明定义时this->obj。Javascript中bind、call、apply區別-CSDN博客new关键字与原型链从原型链视角解读VueComponent与Vue关系_vue中重要的原型链关系-CSDN博客prototype这个属性只有函数对象才有！（构造）函数的原型对象_proto
  • 任务悬赏源码|悬赏任务app源码vue+nodejs可二开搭建 西谷科技 互联网项目vue.js前端javascript
    介绍鲨鱼任务悬赏源码是一款基于互联网的任务平台源码，旨在为用户提供兼职、接单和赚钱等商业模式，帮助用户利用闲暇时间实现盈利。它能够在时间管理和提高生活质量方面为用户提供有效的支持与帮助。我们的任务悬赏源码采用多端结合的设计方案，涵盖小程序、APP、公众号和H5等多个平台，具备良好的互动性和友好的用户体验。通过这些平台，用户可以轻松发布任务、设置悬赏、接受和完成任务，以及进行结算和转账，实现任务全流
  • vue导入全局css_vue全局配置（引入全局方法样式、按需加载elementui） weixin_39581099 vue导入全局css
    一、全局引入css样式//文件目录：/src/assets/styles/reset.less/src/assets/styles/common.less//引用：app.vue@import'~@/assets/styles/reset.less';@import'~@/assets/styles/common.less';二、全局引入公共变量cssLoaders中新增lessResourceL
  • 在vue中引入全局scss文件 DargonWisdom vue.jsscssjavascript
    需要在vue.config.js中加入css:{loaderOptions:{sass:{additionalData:`@import"@/assets/styles/varibles.scss";`}}}然后重启下项目就可以了，记得核对下文件位置是否正确
  • vue中引入全局css 足球数据分析 vue.jscss前端
    在app.vue中引入importVuefrom'vue';importAppfrom'./App.vue';import'./assets/global.css';//全局CSS文件newVue({render:h=>h(App),}).$mount('#app');
  • 【面试题系列Vue05】跟其他人不太一样的 Vue生命周期总结 周三有雨 面试题vuevue.js前端javascript
    既然要讲生命周期，那渲染过程得先了解下。数据绑定Vue文本插值在Vue中，最基础的模板语法是数据绑定，例如：{{data}}这里绑定了一个msg的变量，开发者在Vue实例data中绑定该变量：newVue({data:{data:"测试文本"}});最终页面展示内容为测试文本。数据绑定的实现这种使用双大括号来绑定变量的方式，我们称之为数据绑定。它是怎么实现的呢，数据绑定的过程其实不复杂：1、解析语
  • 【面试题系列Vue04】Vue.js中 $nextTick 原理及作用 周三有雨 面试题vuevue.js前端javascript
    作用：$nextTick主要用于延迟执行某个函数，直到下一次DOM更新循环结束之后。这通常在你修改了一些数据，并且想要等待Vue完成DOM的重新渲染后，才执行依赖于新DOM的操作时使用。常见的使用场景包括：在DOM更新后执行DOM依赖的操作，如操作滚动位置、聚焦输入框、或是基于新布局的计算。在进行了一系列数据更新后，确保所有的DOM变更都已完成。原理：Vue.js使用异步队列的方式来处理DOM更新
  • Vue 面试题 单页应用和多页应用的区别 莫道一龙 Vuevue.js前端javascript
    一、定义1.单页面应用单页面应用又称SPA(SinglePageApplication)指的是使用单个HTML完成多个页面切换和功能的应用。这些应用只有一个html文件作为入口，一开始只需加载一次js，css等相关资源。使用js完成页面的布局和渲染。页面展示和功能是根据路由完成的。单页面应用跳转，就是切换相关组件，仅刷新局部资源。优点：用户体验好前后端分离页面效果会比较炫酷（比如切换页面内容时的转
  • 【面试题系列Vue06】Vue 单页应用与多页应用的区别 周三有雨 vue面试题vue.js前端javascript
    单页应用单页应用这个概念，是随着前几年AngularJS、React、Ember等这些框架的出现而出现的。第一节内容里，我们在页面渲染中讲了页面的局部刷新，而单页应用则是使用了页面的局部刷新的能力，在切换页面的时候刷新页面内容，从而获取更好的体验。SPA与MPA单页应用（SinglePageWebApplication，SPA）和多页应用（MultiPageApplication，MPA）的区别可
  • vue遍历表单加规则校验 33455432 vue.jsjavascript前端
    添加指标删除型号主要代码:prop=“guOrderProductList.${i}.productModel”:rules=“[{required:true,message:‘产品型号不能为空’,trigger:‘blur’}]”>
  • 插入表主键冲突做更新 a-john
    有以下场景： 用户下了一个订单，订单内的内容较多，且来自多表，首次下单的时候，内容可能会不全（部分内容不是必须，出现有些表根本就没有没有该订单的值）。在以后更改订单时，有些内容会更改，有些内容会新增。 问题： 如果在sql语句中执行update操作，在没有数据的表中会出错。如果在逻辑代码中先做查询，查询结果有做更新，没有做插入，这样会将代码复杂化。 解决： mysql中提供了一个sql语
  • Android xml资源文件中@、@android:type、@*、？、@+含义和区别 Cb123456 @+@?@*
    一.@代表引用资源 1.引用自定义资源。格式：@[package:]type/name android：text="@string/hello"   2.引用系统资源。格式：@android:type/name     android:textColor="@android:color/opaque_red"
  • 数据结构的基本介绍 天子之骄 数据结构散列表树、图线性结构价格标签
    数据结构的基本介绍 数据结构就是数据的组织形式，用一种提前设计好的框架去存取数据，以便更方便，高效的对数据进行增删查改。正确选择合适的数据结构，对软件程序的高效执行的影响作用不亚于算法的设计。此外，在计算机系统中数据结构的作用也是非同小可。例如常常在编程语言中听到的栈，堆等，就是经典的数据结构。   经典的数据结构大致如下：   一：线性数据结构 (1)：列表 a
  • 通过二维码开放平台的API快速生成二维码 一炮送你回车库 api
     现在很多网站都有通过扫二维码用手机连接的功能，联图网(http://www.liantu.com/pingtai/)的二维码开放平台开放了一个生成二维码图片的Api,挺方便使用的。闲着无聊，写了个前台快速生成二维码的方法。        html代码如下:(二维码将生成在这div下) ? 1  &nbs
  • ImageIO读取一张图片改变大小 3213213333332132 javaIOimageBufferedImage
    package com.demo; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.imageio.ImageIO; /** * @Description 读取一张图片改变大小 * @author FuJianyon
  • myeclipse集成svn（一针见血） 7454103 eclipseSVNMyEclipse
                                     &n
  • 装箱与拆箱----autoboxing和unboxing darkranger J2SE
    4.2　自动装箱和拆箱 基本数据(Primitive)类型的自动装箱(autoboxing)、拆箱(unboxing)是自J2SE 5.0开始提供的功能。虽然为您打包基本数据类型提供了方便，但提供方便的同时表示隐藏了细节，建议在能够区分基本数据类型与对象的差别时再使用。 4.2.1　autoboxing和unboxing 在Java中，所有要处理的东西几乎都是对象(Object)
  • ajax传统的方式制作ajax aijuans Ajax
    //这是前台的代码 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+
  • 只用jre的eclipse是怎么编译java源文件的？ avords javaeclipsejdktomcat
    eclipse只需要jre就可以运行开发java程序了，也能自动 编译java源代码，但是jre不是java的运行环境么，难道jre中也带有编译工具？ 还是eclipse自己实现的？谁能给解释一下呢问题补充：假设系统中没有安装jdk or jre，只在eclipse的目录中有一个jre，那么eclipse会采用该jre，问题是eclipse照样可以编译java源文件，为什么呢？ &nb
  • 前端模块化 bee1314 模块化
    背景： 前端JavaScript模块化，其实已经不是什么新鲜事了。但是很多的项目还没有真正的使用起来，还处于刀耕火种的野蛮生长阶段。   JavaScript一直缺乏有效的包管理机制，造成了大量的全局变量，大量的方法冲突。我们多么渴望有天能像Java（import），Python (import)，Ruby(require)那样写代码。在没有包管理机制的年代，我们是怎么避免所
  • 处理百万级以上的数据处理 bijian1013 oraclesql数据库大数据查询
    一.处理百万级以上的数据提高查询速度的方法：        1.应尽量避免在 where 子句中使用!=或<>操作符，否则将引擎放弃使用索引而进行全表扫描。         2.对查询进行优化，应尽量避免全表扫描，首先应考虑在 where 及 o
  • mac 卸载 java 1.7 或更高版本 征客丶 javaOS
    卸载 java 1.7 或更高 sudo rm -rf /Library/Internet\ Plug-Ins/JavaAppletPlugin.plugin 成功执行此命令后，还可以执行 java 与 javac 命令 sudo rm -rf /Library/PreferencePanes/JavaControlPanel.prefPane 成功执行此命令后，还可以执行 java
  • 【Spark六十一】Spark Streaming结合Flume、Kafka进行日志分析 bit1129 Stream
    第一步，Flume和Kakfa对接，Flume抓取日志，写到Kafka中 第二部，Spark Streaming读取Kafka中的数据，进行实时分析   本文首先使用Kakfa自带的消息处理（脚本）来获取消息，走通Flume和Kafka的对接 1. Flume配置 1. 下载Flume和Kafka集成的插件，下载地址：https://github.com/beyondj2ee/f
  • Erlang vs TNSDL bookjovi erlang
          TNSDL是Nokia内部用于开发电信交换软件的私有语言，是在SDL语言的基础上加以修改而成，TNSDL需翻译成C语言得以编译执行，TNSDL语言中实现了异步并行的特点，当然要完整实现异步并行还需要运行时动态库的支持，异步并行类似于Erlang的process（轻量级进程），TNSDL中则称之为hand，Erlang是基于vm(beam)开发，
  • 非常希望有一个预防疲劳的java软件, 预防过劳死和眼睛疲劳,大家一起努力搞一个 ljy325 企业应用
    　非常希望有一个预防疲劳的java软件，我看新闻和网站，国防科技大学的科学家累死了，太疲劳，老是加班，不休息，经常吃药，吃药根本就没用，根本原因是疲劳过度。我以前做java,那会公司垃圾，老想赶快学习到东西跳槽离开，搞得超负荷，不明理。深圳做软件开发经常累死人，总有不明理的人，有个软件提醒限制很好，可以挽救很多人的生命。 相关新闻： （1）IT行业成五大疾病重灾区：过劳死平均37.9岁
  • 读《研磨设计模式》-代码笔记-原型模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * Effective Java 建议使用copy constructor or copy factory来代替clone()方法： * 1.public Product copy(Product p){} * 2.publi
  • 配置管理---svn工具之权限配置 chenyu19891124 SVN
    今天花了大半天的功夫，终于弄懂svn权限配置。下面是今天收获的战绩。 安装完svn后就是在svn中建立版本库，比如我本地的是版本库路径是C:\Repositories\pepos。pepos是我的版本库。在pepos的目录结构 pepos    component    webapps 在conf里面的auth里赋予的权限配置为 [groups]
  • 浅谈程序员的数学修养 comsci 设计模式编程算法面试招聘
                                     浅谈程序员的数学修养
  • 批量执行 bulk collect与forall用法 daizj oraclesqlbulk collectforall
    BULK COLLECT 子句会批量检索结果，即一次性将结果集绑定到一个集合变量中，并从SQL引擎发送到PL/SQL引擎。通常可以在SELECT INTO、 FETCH INTO以及RETURNING INTO子句中使用BULK COLLECT。本文将逐一描述BULK COLLECT在这几种情形下的用法。     有关FORALL语句的用法请参考：批量SQL之 F
  • Linux下使用rsync最快速删除海量文件的方法 dongwei_6688 OS
    1、先安装rsync：yum install rsync 2、建立一个空的文件夹：mkdir /tmp/test 3、用rsync删除目标目录：rsync --delete-before -a -H -v --progress --stats /tmp/test/ log/这样我们要删除的log目录就会被清空了，删除的速度会非常快。rsync实际上用的是替换原理，处理数十万个文件也是秒删。
  • Yii CModel中rules验证规格 dcj3sjt126com rulesyiivalidate
    Yii cValidator主要用法分析：  yii验证rulesit 分类： Yii yii的rules验证 cValidator主要属性 attributes ,builtInValidators,enableClientValidation,message,on,safe,skipOnError  
  • 基于vagrant的redis主从实验 dcj3sjt126com vagrant
    平台: Mac 工具: Vagrant 系统: Centos6.5 实验目的: Redis主从   实现思路 制作一个基于sentos6.5, 已经安装好reids的box, 添加一个脚本配置从机, 然后作为后面主机从机的基础box   制作sentos6.5+redis的box   mkdir vagrant_redis cd vagrant_
  • Memcached(二)、Centos安装Memcached服务器 frank1234 centosmemcached
    一、安装gcc rpm和yum安装memcached服务器连接没有找到，所以我使用的是make的方式安装，由于make依赖于gcc，所以要先安装gcc 开始安装，命令如下，[color=red][b]顺序一定不能出错[/b][/color]： 建议可以先切换到root用户，不然可能会遇到权限问题：su root 输入密码...... rpm -ivh kernel-head
  • Remove Duplicates from Sorted List hcx2013 remove
    Given a sorted linked list, delete all duplicates such that each element appear only once. For example,Given 1->1->2, return 1->2.Given 1->1->2->3->3, return&
  • Spring4新特性——JSR310日期时间API的支持 jinnianshilongnian spring4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • 浅谈enum与单例设计模式 247687009 java单例
    在JDK1.5之前的单例实现方式有两种(懒汉式和饿汉式并无设计上的区别故看做一种)，两者同是私有构 造器，导出静态成员变量，以便调用者访问。 第一种 package singleton; public class Singleton { //导出全局成员 public final static Singleton INSTANCE = new S
  • 使用switch条件语句需要注意的几点 openwrt cbreakswitch
    1. 当满足条件的case中没有break，程序将依次执行其后的每种条件（包括default）直到遇到break跳出 int main() { int n = 1; switch(n) { case 1: printf("--1--\n"); default: printf("defa
  • 配置Spring Mybatis JUnit测试环境的应用上下文 schnell18 springmybatisJUnit
    Spring-test模块中的应用上下文和web及spring boot的有很大差异。主要试下来差异有： 单元测试的app context不支持从外部properties文件注入属性 @Value注解不能解析带通配符的路径字符串 解决第一个问题可以配置一个PropertyPlaceholderConfigurer的bean。 第二个问题的具体实例是：    
  • Java 定时任务总结一 tuoni javaspringtimerquartztimertask
     Java定时任务总结  一.从技术上分类大概分为以下三种方式：  1.Java自带的java.util.Timer类，这个类允许你调度一个java.util.TimerTask任务;   说明：    java.util.Timer定时器，实际上是个线程，定时执行TimerTask类 &
  • 一种防止用户生成内容站点出现商业广告以及非法有害等垃圾信息的方法 yangshangchuan rank相似度计算文本相似度词袋模型余弦相似度
    本文描述了一种在ITEYE博客频道上面出现的新型的商业广告形式及其应对方法，对于其他的用户生成内容站点类型也具有同样的适用性。   最近在ITEYE博客频道上面出现了一种新型的商业广告形式，方法如下：     1、注册多个账号（一般10个以上）。     2、从多个账号中选择一个账号，发表1-2篇博文
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他