自律最差的编程狗
自律最差的编程狗

elementui中文件的上传和校验

完整代码

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>
    <script src="https://unpkg.com/element-ui/lib/index.js">script>
    <title>uploadtitle>
head>

<body>
    <div id="app">
        <el-form :model="addForm" ref="addForm" :rules="rules">
            <el-form-item label="图片" prop="fileList" width="100px">
                <el-upload 
                    drag
                    action="#" 
                    :auto-upload="false" 
                    :limit="length" 
                    :on-exceed="overLimit" 
                    :on-remove="removeFile"
                    :before-remove="beforeRemoveFile"
                    :on-change="changeFileList"
                    accept=".jpg,jpeg,png"
                    :on-preview="previewFile"
                    multiple>
                    <i class="el-icon-upload">i>
                    <div class="el-upload__text">将文件拖到此处，或<em>点击上传em>div>
                    <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kbdiv>
            el-upload>
            el-form-item>
        el-form>
        
    div>
body>

html>

<script>
    new Vue({
        el: "#app",
        data() {
            return {
                length: 3,
                addForm:{
                    fileList:[],
                },
                rules:{
                    fileList:[{
                        required:true,message:"图片列表不能为空"
                    }]
                }
            }
        },
        methods: {
            // 超出limit钩子
            overLimit(files, fileList) {
                this.$message.warning(`上传文件数：${files.length}加上当前已上传的文件列表数：${fileList.length}，超过最大上传数：${this.length}`)
            },
            //删除文件列表中的文件之后钩子
            removeFile(file, fileList) {
                this.addForm.fileList = fileList;
                this.$refs.addForm.validateField("fileList")
                this.$message.success(`成功删除${file.raw.name},剩余文件数为：${fileList.length}`)
            },
            //删除文件列表中的文件之前钩子
            beforeRemoveFile(file, fileList) {
                return this.$confirm(`确定删除${file.raw.name}吗？`)
            },
            //点击文件列表的文件钩子
            previewFile(file){
                this.$message.success(`点击文件${file.raw.name}`)
            },
            //添加文件成功后钩子(选中n个文件添加时，该方法调用n次)
            changeFileList(file,fileList){
                this.addForm.fileList = fileList;
                this.$refs.addForm.validateField("fileList")
            }
        }
    })
script>

效果图

初始图

elementui中文件的上传和校验_第1张图片

文件非空校验图

elementui中文件的上传和校验_第2张图片

个人心得

  • accpet可以过滤要添加的文件类型
    • elementui中文件的上传和校验_第3张图片
  • on-remove是删除文件列表钩子，参数一是删除的文件，参数二是剩余的文件列表
  • on-change是添加文件成功钩子，参数一是添加的文件，参数二是文件列表+添加的文件，注意，在多文件添加时，此方法会执行多次
  • on-exceed是超出最大文件上传数钩子，参数一是添加的文件列表，参数二是当前已添加的文件列表
  • limit限制文件的添加数目
  • drag是支持拖拽的方式添加文件，同时生成指定的样式边框
  • action是指定上传的服务器路径
  • auto-upload是指是否自动上传至服务器（我所做的项目不会上传到指定的服务器，而是用后端代码保存至服务器指定位置）
  • before-remove是删除文件列表之前钩子，参数一是待删除的文件，参数二是未删除的文件列表
  • on-preview是文件列表的文件预览点击钩子
  • on-success,on-error,on-progress和before-upload都是上传文件服务器前后触发的钩子，暂时用不到，不花费时间学
  • 校验文件非空，不能像el-input文件框这样，prop配合v-model可以自动的校验，需要借助on-change和on-remove这两个钩子实现校验，通过this.$refs.xxx.validateField(“xx”)，实现对this.x.xx属性的校验。

你可能感兴趣的:(HZ,elementui)

  • 高效开发利器：ElementUI元件库与后台模板页面（兼容Axure9） 晏肠冲Jessie
    高效开发利器：ElementUI元件库与后台模板页面（兼容Axure9）【下载地址】ElementUI元件库与后台模板页面兼容Axure9下载本仓库提供了一个名为“web元件库ElementUI元件库后台模板页面（兼容Axure9）.zip”的资源文件下载。该文件包含了适用于Web开发的ElementUI元件库以及兼容Axure9的后台模板页面项目地址:https://gitcode.com/op
  • ElementUI元件库与后台模板页面（支持Axure8及9） 贡驰赞Powerful
    ElementUI元件库与后台模板页面（支持Axure8及9）【下载地址】ElementUI元件库与后台模板页面支持Axure8及9本仓库提供了一个全面的资源文件，包含ElementUI元件库及后台模板页面，支持Axure8及9版本。该资源文件旨在帮助设计师和产品经理快速构建高保真原型，提升工作效率项目地址:https://gitcode.com/open-source-toolkit/50b64
  • STM32定时器、PWM周期、频率、占空比的计算 你也喜欢吃香菜嘛 stm32嵌入式硬件单片机
    频率和周期：PWM的频率=时钟频率/（自动重装值+1）*（预分频值+1）STM32的最大时钟频率为72MHz=72000000Hz例PWM频率=72000000/（100-1+1）*（720-1+1）=1000Hz周期=1/f=1/1000=1ms占空比：占空比=CCR/(ARR+1)当Compare=50时，改PWM的占空比为50/（100-1+1）=50%
  • 基于Asp.net的汽车租赁管理系统 计算机学姐 Asp精选实战项目源码asp.net汽车后端mysqlsqlservervue.jsc#
    作者：计算机学姐开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等，“文末源码”。专栏推荐：前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码精品专栏：Java精选实战项目源码、Python精选实战项目源码、大数据精选实战项目源码系统展示【2025最新】基于Asp.net的汽车租赁管理系统开发
  • element-ui动态设置tabel的columns时,切换columns数据表格抖动 zuo-yiran elementUIvue.jselementui
    问题描述：在项目中遇到表格的总表字段和子表字段展示的问题，当字段多向字段少进行切换时表头文字的抖动不明显，但是如果是字段少向字段多的表头进行切换时，表头文字会有闪现的掉下来的视觉感，且使用v-show或v-if等无效。问题分析：elementUI无论是显示列还是隐藏列，都需要重新计算单元格的高和宽，然后再进行重新渲染。抖动的出现是因为这个过程被直接反馈到了页面上。解决办法：可以使用element中
  • vue中el-tree的懒加载 zhz5214 vuevue.jselementuijavascript前端
    el-tree是ElementUI中的一种树形控件，它可以在页面中显示树形数据结构，同时支持懒加载。懒加载是指在Vue组件渲染的过程中，只加载当前可见的部分数据，而不是一次性加载整个数据。这种方法可以显著提高页面的加载速度和响应性能，特别是在大型数据集上。要使用el-tree的懒加载功能，需要在树形控件组件中提供一个load方法。load方法会在展开一个父节点时触发，它的参数包含了父节点的数据和一
  • java解析el-upload上传的文件,vue+elementui 使用el-upload组件实现单个文件手动上传 神经脱臼
    ref='upload'style="width:100%":action="uploadUrl":on-remove="handleRemove":on-change="handleChange":data="uploadData":file-list="filelist":before-upload="handleBeforeUpload":auto-upload="false">选取文件仅支
  • 【vue2+elementui】记录el-upload文件上传时调接口传参的几种情况 湛海不过深蓝 elementUIvue2elementui前端javascript
    文件上传的接口请求头headers:{"Content-Type":"multipart/form-data"},自动上传el-upload上传文件调接口的时候默认会带有一个入参file:原生的file对象无额外入参action属性指定了文件上传的接口地址auto-upload属性：是否在选取文件后立即上传，默认值true所以只要设置了这两属性，文件在选择后（或拖拽到上传区域后）会自动上传到act
  • (vue)elementUi中el-upload上传附件之后 点击附件可下载 nyf_unknown VUEvue.jselementuijavascript
    (vue)elementUi中el-upload上传附件之后点击附件可下载handlePreview(file){console.log(file)constfileUrl='https://.../zzy/'+file.urlconsta=document.createElement('a')a.href=fileUrla.download=file.namea.style.display='n
  • vue3+elementuiplus的table表格动态高度 多喜乐 长安宁 vueelementuiplusvue.jsjavascript前端
    table表格流体高度1、前提了解自定义指令、hooks2、核心思路通过自定义指令（newResizeObserver）监听表格变化，然后通过hooks去更新表格高度。3、核心代码src/directives/resize.ts//import{debounce}from'@/utils';import{typeDirective}from"vue";constresizeDirective:Di
  • 输电线路参数测试：参数解读及运用指南 武汉凯迪正大 电缆线路测试系统经验分享笔记其他百度生活交友学习
    在智能电网建设中，输电线路的工频参数（如正序电容、零序阻抗等）直接影响电力系统的稳定性和继电保护装置的整定精度。传统测试方法面临强电场干扰、接线复杂等难题，本文将以KDGXG-I型测试仪为例，从工作原理、参数解读到实操指南，带您全面了解这一电力测试领域的黑科技。一、工作原理：如何突破强电场干扰？KDGXG-I采用双频智能变频技术，如同为仪器配备了"降噪耳机"：变频电源模块：输出47.5Hz/52.
  • vuejs相关链接和格式化插件推荐 醉酒的李白、 vue.jsjavascript前端
    vue官网：https://cn.vuejs.org/配合路由设置：https://router.vuejs.org/zh/guide/elementplus(vue3)|elementUI(vue2)：https://element-plus.org/zh-CN/#/zh-CN构建工具vite：https://cn.vitejs.dev/右键选择Prettier作为格式化工具，el-tree组件
  • Django+Vue+ElementUI父子组件参数传递?子组件数据变化兄弟组件实现联动?多个表单同时校验?内置事件添加自定义回调参数?等问题的解决办法 JamesDanni vue.js前端javascript
    目录前言：问题列表：1.父组件向子组件传递参数值2.子组件向父组件传递参数值3.子组件的值变化，触发其他子组件请求接口4.同一个页面有多个表单进行同时验证5.给elementui定义好的事件并且带默认参数的事件增加自定义参数问题解决：1.父组件向子组件传递参数值2.子组件向父组件传递参数值3.子组件的值变化，触发其他子组件请求接口4.同一个页面有多个表单进行同时验证5.给elementui定义好的
  • ASL集睿致远CS5563 DP TO HDMI 8k60方案芯片的简要介绍 人工智能机器人自动驾驶图像识别
    集睿致远ASLCS5563是国产芯片厂商集睿致远（ASL）推出的一款高性能视频协议转换芯片，CS5563支持DisplayPort1.4/2.0输入与HDMI2.1输出，兼容TMDS和FRL（FixedRateLink）两种信令模式。其DP接收器支持最高8.1Gbps的链路速率，HDMI输出则通过FRL模式实现单通道12Gbps的传输速率，可满足8K@60Hz或4K@240Hz的高刷新率需求。集睿
  • ASL/CS系列音视频转换方案芯片，Typec拓展坞方案芯片 芯片单片机
    音视频单转方案芯片：CS5565Typec转HDMI8K60HZ转换方案可替代RTD2173PS196CS5801HDMI转eDP/DP方案可替代LT6711CS5212DP转VGA转换方案可PINTOPIN替代RTD2166CS5211EDP转LVDS转换方案可PINTOPIN替代CH7511BCS5210HDMI转VGA不带音频输出可替代AG6202CS5213HDMI转VGA带音频输出可替代
  • el-radio shadouqi elementuivue.js
    1.ElementUI中el-radio再次点击取消选中不使用change，当radio已被选中时，@change事件不会被触发备选项备选项备选项clickitem(e){e===this.radio2?this.radio2='':this.radio2=e},2.el-radio点击执行两次我直接使用@click.native.prevent.stop也没复现这个问题，如果有可参考下面方式el
  • 调整PWM频率与死区时间可以解决电机噪声或共振问题 被风吹走的裤子 两轮电动车stm32单片机mcu
    在调试一款电机测试打曲线时，加载至母线限流值附近且在低速段时，出现共振的声音，通过调整PWM频率与死区时间优化掉了共振问题。分析总结下原因。一、PWM频率调整的作用降低可听噪声原理：PWM频率低于20kHz时，开关噪声会进入人耳可听范围（20Hz-20kHz），导致电机发出“嗡嗡”声。将频率提高到20kHz以上，噪声频率超出人耳感知范围，从而消除可听噪声。案例：在无人机电机控制中，将PWM频率从8
  • vue2 - 实现elementUI表格组件table动态添加或删除行功能，表格列表动态新增/插入/删除表格行，可编辑单元格/点击修改表格内数据并更新数据列表（支持接口懒加载、表格分页、复杂嵌套表格） 街尾杂货店& 前端组件与功能(开箱即用)elementuivueTable动态表格table动态新增删除编辑动态增加一行并能编辑内容数据行内编辑功能并且校验是否为空懒加载数据表格分页怎么办
    效果图在vue2+elementui开发中，详细实现el-table实现表格动态增加/删除/编辑表格行/编辑单元格数据等，并且带必填或其他校验规则(如果为空则提示)，vue2elementUI表格动态操作插入新行或点击编辑数据，统一保存或删除行后更新表格列表数据，一旦表格列表发生改变后，确保表格分页情况下或表格children父子级嵌套行表格正确更新数据，提供示例源码！提供详细示例代码，新手小白复
  • ASL 集睿致远CS5263AN DP转HDMI芯片概述 人工智能深度学习自动驾驶机器人
    CS5263AN是一款高性能的DisplayPort1.4转HDMI2.0b音视频转换芯片，由集睿致远（ASL）推出。它专为需要协议转换的应用设计，例如电缆适配器、显示扩展坞、显示器及电视接收器等，支持4K@60Hz的高清视频输出和高质量音频传输。ASL集睿致远CS5263AN核心特性视频处理能力支持DP1.4输入与HDMI2.0b输出，兼容4K@60Hz分辨率（3840×2160或4096×21
  • 数字频率计设计与实现 IT源码大师 竞赛项目研究实战汇集单片机
    1.引言数字频率计是计算机、通讯设备、音频视频等科研生产领域不可或缺的测量仪器。它通过十进制数字显示被测信号的频率，广泛应用于模拟、数字电路的设计、安装和调试过程。本设计采用定时、计数的方法测量频率，并使用1602ALCD显示器动态显示6位数，测量范围为1Hz至10kHz的正弦波、方波和三角波，时基宽度为1us、10us、100us和1ms。2.频率测量仪的设计思路与频率计算2.1设计思路频率测量
  • Vue-前端发展史 lengzher_5601 Vuevue.jshtmlcssjsjsp
    文章目录Vue-前端发展史二、前端发展史1、UI框架2、JavaScript构建工具3、三端同一4、后端技术5、主流前端框架混合开发微信小程序Vue-前端发展史二、前端发展史1、UI框架Ant-Design：阿里巴巴出品，基于React的UI框架ElementUI、iview、ice：饿了么出品，基于Vue的UI框架BootStrap：Teitter推出的一个用于前端开发的开源工具包AmazeUI
  • vue3修改elementui-plus的默认样式的几种方法 Demons_kirit elementuivue.js前端
    #创作灵感今天写vue的前端项目，因为需要去修改elementui-plus中drawer的默认样式，所以刚好将修改步骤记录下来。一共提供了三种方法，但亲测第二种最好用。使用第二种是可以无视自己的代码中是否定义了该盒子，因为有时候盒子的出现和框架有关，并非你能左右的。1.通过全局CSS覆盖样式直接在你的全局样式文件（如src/style/global.css或src/style/global.sc
  • SpringBoot+Vue前后端分离项目的搭建及简单开发（这次保证看明白~） m0_67265464 前端htmljavascript开发语言ecmascript
    文章目录概述一、搭建SpringBoot后端1.sql脚本2.新建SpringBoot项目3.MP代码生成4.编写Controller二、搭建Vue前端1.IDEA安装Vue.js插件2.IDEA启动Vue项目3.编写Vue代码4.接收后端数据三、ElementUI使用1.简单的数据展示2.Element-ui更多…参看：https://www.bilibili.com/video/BV13741
  • 带宽计算公式 Hug Freedom. 单片机fpga开发嵌入式硬件
    带宽=时钟频率*数据位宽带宽的定义就是单位时间（每秒）内传输的数据量假设我们有一个数据传输系统，其时钟频率为f（单位：Hz），这意味着每秒钟会有f个时钟周期。数据位宽为n（单位：bit），即在每个时钟周期内，可以传输n位的数据。那么在一秒钟内，由于有f个时钟周期，每个周期传输n位数据，所以总共传输的数据量就是f×n位。例如，一个系统的时钟频率为100MHz（即100×106Hz），数据位宽为32位
  • 技术解析：格意互联商城系统（多端适配+开源二次开发 西安漫格科技 开源
    一、系统概述格意互联商城系统由西安漫格网络科技有限公司独立研发，专注于商城线上销售场景，支持多端适配（APP、小程序、公众号、H5）及二次开发。系统基于JAVA技术栈构建，采用SpringBoot+JPA作为后端框架，前端用户端使用UniApp实现跨平台兼容，管理端基于Vue+ElementUI开发，具备高扩展性与灵活性111。二、技术架构核心技术栈后端服务：SpringBoot+JPA，支持高并
  • 【Axure模版素材】ElementUI Plus 组件库 - AxureMost AxureMost axure模板-素材axure产品经理
    【Axure】ElementUIPlus组件库/元件库ElementPlus继承了ElementUI的优秀设计，并针对V进行了全面升级。ElementPlus提供了丰富的UI组件，一致的用户界面。以下是一些ElementPlus组件库中的关键组件和样式特点：基础组件:按钮（Button）：支持多种类型（如主按钮、次按钮、危险按钮）和状态（如加载中）。输入框（Input）：包括文本输入、密码输入、数
  • element的form校验问题 lydxwj 框架插件vuevue.jsjavascript前端
    环境：elementui：V2.13.1vue：2.X问题：表单项必填校验，内容为空时没问题，填写内容后不实时移除必填提示信息新增的动态表单项，不能实时校验，执行form.validate会进行校验分析：form标签上面增加rules来进行校验，el-form-item标签上面需要加prop属性，由于键中存在横杠所以在el-form-item中的表单项进行双向绑定值时是v-model="formD
  • el-table（elementui）表格合计行使用以及滚动条默认样式修改 白小水i elementuivue.js前端
    一、el-table新增合计行以及el-table展示数据出现的问题1.使用合计行el-table的属性show-summary设为true，即可在表格尾部展示合计行。默认情况下，第一列不展示数据，而显示合计二字，可以通过sum-text自己配置，其余列会显示本列所有数据的和。__自定义合计逻辑:__在el-table标签使用summary-method传入一个方法，该方法会返回一个数组，该数组的
  • vue-cli3+vue2+elementUI+avue升级到vite+vue3+elementPlus+avue总结 David+Zhao elementuielementplusvue2升级viteavuevue-clivue3
    上一个新公司接手了一个vue-cli3+vue2+vue-router3.0+elementUI2.15+avue2.6的后台管理项目，因为vue2在2023年底已经不更新维护了，elementUI也只支持到vue2，然后总结了一下vue3的优势，最后批准升级成为了vite+vue3+vue-router4.5+elementPlus2.9+avue3.6，并向下兼容vu2。那么现在开始升级：第一
  • elementUi表格数据量大操作卡顿问题 技术钱 vue.js
    业务场景在项目开发中，使用表格展示数据是最常见的需求，对于成千上万的数据来说渲染会造成浏览器渲染加载慢或者是卡顿甚至浏览器崩溃。解决方法对于element-ui表格一次性加载10000条数据会导致浏览器卡顿或者崩溃，这里使用vxeTable解决渲染卡顿问题，官网网址：https://vxetable.cn/v3/#/start/install安装vxeTable完整安装表格和配套UI库npmins
  • [黑洞与暗粒子]没有光的世界 comsci
         无论是相对论还是其它现代物理学,都显然有个缺陷,那就是必须有光才能够计算      但是,我相信,在我们的世界和宇宙平面中,肯定存在没有光的世界....      那么,在没有光的世界,光子和其它粒子的规律无法被应用和考察,那么以光速为核心的 &nbs
  • jQuery Lazy Load 图片延迟加载 aijuans jquery
    基于 jQuery 的图片延迟加载插件，在用户滚动页面到图片之后才进行加载。 对于有较多的图片的网页，使用图片延迟加载，能有效的提高页面加载速度。 版本： jQuery v1.4.4+ jQuery Lazy Load v1.7.2 注意事项： 需要真正实现图片延迟加载，必须将真实图片地址写在 data-original 属性中。若 src
  • 使用Jodd的优点 Kai_Ge jodd
    1.  简化和统一 controller ，抛弃 extends SimpleFormController ，统一使用 implements Controller 的方式。 2.  简化 JSP 页面的 bind, 不需要一个字段一个字段的绑定。 3.  对 bean 没有任何要求，可以使用任意的 bean 做为 formBean。   使用方法简介
  • jpa Query转hibernate Query 120153216 Hibernate
    public List<Map> getMapList(String hql, Map map) { org.hibernate.Query jpaQuery = entityManager.createQuery(hql); if (null != map) { for (String parameter : map.keySet()) { jp
  • Django_Python3添加MySQL/MariaDB支持 2002wmj mariaDB
    现状 首先，[email protected] 中默认的引擎为 django.db.backends.mysql 。但是在Python3中如果这样写的话，会发现 django.db.backends.mysql 依赖 MySQLdb[5] ，而 MySQLdb 又不兼容 Python3 于是要找一种新的方式来继续使用MySQL。 MySQL官方的方案 首先据MySQL文档[3]说，自从MySQL
  • 在SQLSERVER中查找消耗IO最多的SQL 357029540 SQL Server
    返回做IO数目最多的50条语句以及它们的执行计划。 select top 50   (total_logical_reads/execution_count) as avg_logical_reads,  (total_logical_writes/execution_count) as avg_logical_writes,  (tot
  • spring UnChecked 异常 官方定义！ 7454103 spring
      如果你接触过spring的 事物管理！那么你必须明白 spring的 非捕获异常！ 即 unchecked 异常！ 因为 spring 默认这类异常事物自动回滚！！ public static boolean isCheckedException(Throwable ex) { return !(ex instanceof RuntimeExcep
  • mongoDB 入门指南、示例 adminjun javamongodb操作
    一、准备工作 1、 下载mongoDB 下载地址：http://www.mongodb.org/downloads 选择合适你的版本 相关文档：http://www.mongodb.org/display/DOCS/Tutorial 2、 安装mongoDB A、 不解压模式： 将下载下来的mongoDB-xxx.zip打开，找到bin目录，运行mongod.exe就可以启动服务，默
  • CUDA 5 Release Candidate Now Available aijuans CUDA
    The CUDA 5 Release Candidate is now available at http://developer.nvidia.com/<wbr></wbr>cuda/cuda-pre-production. Now applicable to a broader set of algorithms, CUDA 5 has advanced fe
  • Essential Studio for WinRT网格控件测评 Axiba JavaScripthtml5
    Essential Studio for WinRT界面控件包含了商业平板应用程序开发中所需的所有控件，如市场上运行速度最快的grid 和chart、地图、RDL报表查看器、丰富的文本查看器及图表等等。同时，该控件还包含了一组独特的库，用于从WinRT应用程序中生成Excel、Word以及PDF格式的文件。此文将对其另外一个强大的控件——网格控件进行专门的测评详述。 网格控件功能 1、
  • java 获取windows系统安装的证书或证书链 bewithme windows
          有时需要获取windows系统安装的证书或证书链，比如说你要通过证书来创建java的密钥库  。 有关证书链的解释可以查看此处 。   public static void main(String[] args) { SunMSCAPI providerMSCAPI = new SunMSCAPI(); S
  • NoSQL数据库之Redis数据库管理(set类型和zset类型) bijian1013 redis数据库NoSQL
    4.sets类型         Set是集合，它是string类型的无序集合。set是通过hash table实现的，添加、删除和查找的复杂度都是O(1)。对集合我们可以取并集、交集、差集。通过这些操作我们可以实现sns中的好友推荐和blog的tag功能。         sadd：向名称为key的set中添加元
  • 异常捕获何时用Exception，何时用Throwable bingyingao
    用Exception的情况 try {        //可能发生空指针、数组溢出等异常         } catch (Exception e) {          
  • 【Kafka四】Kakfa伪分布式安装 bit1129 kafka
    在http://bit1129.iteye.com/blog/2174791一文中，实现了单Kafka服务器的安装，在Kafka中，每个Kafka服务器称为一个broker。本文简单介绍下，在单机环境下Kafka的伪分布式安装和测试验证   1. 安装步骤   Kafka伪分布式安装的思路跟Zookeeper的伪分布式安装思路完全一样，不过比Zookeeper稍微简单些(不
  • Project Euler bookjovi haskell
    Project Euler是个数学问题求解网站，网站设计的很有意思，有很多problem，在未提交正确答案前不能查看problem的overview，也不能查看关于problem的discussion thread，只能看到现在problem已经被多少人解决了，人数越多往往代表问题越容易。     看看problem 1吧： Add all the natural num
  • Java-Collections Framework学习与总结-ArrayDeque BrokenDreams Collections
            表、栈和队列是三种基本的数据结构，前面总结的ArrayList和LinkedList可以作为任意一种数据结构来使用，当然由于实现方式的不同，操作的效率也会不同。         这篇要看一下java.util.ArrayDeque。从命名上看
  • 读《研磨设计模式》-代码笔记-装饰模式-Decorator bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.io.BufferedOutputStream; import java.io.DataOutputStream; import java.io.FileOutputStream; import java.io.Fi
  • Maven学习(一) chenyu19891124 Maven私服
        学习一门技术和工具总得花费一段时间，5月底6月初自己学习了一些工具，maven+Hudson+nexus的搭建，对于maven以前只是听说，顺便再自己的电脑上搭建了一个maven环境，但是完全不了解maven这一强大的构建工具，还有ant也是一个构建工具，但ant就没有maven那么的简单方便，其实简单点说maven是一个运用命令行就能完成构建，测试，打包，发布一系列功
  • [原创]JWFD工作流引擎设计----节点匹配搜索算法(用于初步解决条件异步汇聚问题) 补充 comsci 算法工作PHP搜索引擎嵌入式
    本文主要介绍在JWFD工作流引擎设计中遇到的一个实际问题的解决方案，请参考我的博文"带条件选择的并行汇聚路由问题"中图例A2描述的情况(http://comsci.iteye.com/blog/339756),我现在把我对图例A2的一个解决方案公布出来，请大家多指点 节点匹配搜索算法(用于解决标准对称流程图条件汇聚点运行控制参数的算法) 需要解决的问题：已知分支
  • Linux中用shell获取昨天、明天或多天前的日期 daizj linuxshell上几年昨天获取上几个月
    在Linux中可以通过date命令获取昨天、明天、上个月、下个月、上一年和下一年 # 获取昨天 date -d 'yesterday'  # 或 date -d 'last day' # 获取明天 date -d 'tomorrow'   # 或 date -d 'next day' # 获取上个月 date -d 'last month' #
  • 我所理解的云计算 dongwei_6688 云计算
          在刚开始接触到一个概念时，人们往往都会去探寻这个概念的含义，以达到对其有一个感性的认知，在Wikipedia上关于“云计算”是这么定义的，它说：        Cloud computing is a phrase used to describe a variety of computing co
  • YII CMenu配置 dcj3sjt126com yii
    Adding id and class names to CMenu We use the id and htmlOptions to accomplish this. Watch. //in your view $this->widget('zii.widgets.CMenu', array( 'id'=>'myMenu', 'items'=>$this-&g
  • 设计模式之静态代理与动态代理 come_for_dream 设计模式
    静态代理与动态代理        代理模式是java开发中用到的相对比较多的设计模式，其中的思想就是主业务和相关业务分离。所谓的代理设计就是指由一个代理主题来操作真实主题，真实主题执行具体的业务操作，而代理主题负责其他相关业务的处理。比如我们在进行删除操作的时候需要检验一下用户是否登陆，我们可以删除看成主业务，而把检验用户是否登陆看成其相关业务
  • 【转】理解Javascript 系列 gcc2ge JavaScript
    理解Javascript_13_执行模型详解 摘要: 在《理解Javascript_12_执行模型浅析》一文中,我们初步的了解了执行上下文与作用域的概念，那么这一篇将深入分析执行上下文的构建过程，了解执行上下文、函数对象、作用域三者之间的关系。函数执行环境简单的代码:当调用say方法时，第一步是创建其执行环境，在创建执行环境的过程中，会按照定义的先后顺序完成一系列操作:1.首先会创建一个
  • Subsets II hcx2013 set
    Given a collection of integers that might contain duplicates, nums, return all possible subsets. Note: Elements in a subset must be in non-descending order. The solution set must not conta
  • Spring4.1新特性——Spring缓存框架增强 jinnianshilongnian spring4
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • shell嵌套expect执行命令 liyonghui160com
        一直都想把expect的操作写到bash脚本里,这样就不用我再写两个脚本来执行了,搞了一下午终于有点小成就,给大家看看吧.   系统:centos 5.x   1.先安装expect yum -y install expect   2.脚本内容: cat auto_svn.sh   #!/bin/bash
  • Linux实用命令整理 pda158 linux
    0. 基本命令 　　linux 基本命令整理 　 　1. 压缩 解压 　　tar -zcvf a.tar.gz a   #把a压缩成a.tar.gz 　　tar -zxvf a.tar.gz     #把a.tar.gz解压成a 　 　2. vim小结 　　2.1 vim替换 　　:m,ns/word_1/word_2/gc  
  • 独立开发人员通向成功的29个小贴士 shoothao 独立开发
    概述：本文收集了关于独立开发人员通向成功需要注意的一些东西,对于具体的每个贴士的注解有兴趣的朋友可以查看下面标注的原文地址。 明白你从事独立开发的原因和目的。 保持坚持制定计划的好习惯。 万事开头难，第一份订单是关键。 培养多元化业务技能。 提供卓越的服务和品质。 谨小慎微。 营销是必备技能。 学会组织，有条理的工作才是最有效率的。 “独立
  • JAVA中堆栈和内存分配原理 uule java
    1、栈、堆 1.寄存器：最快的存储区, 由编译器根据需求进行分配,我们在程序中无法控制.2. 栈：存放基本类型的变量数据和对象的引用，但对象本身不存放在栈中，而是存放在堆（new 出来的对象）或者常量池中（字符串常量对象存放在常量池中。）3. 堆：存放所有new出来的对象。4. 静态域：存放静态成员（static定义的）5. 常量池：存放字符串常量和基本类型常量（public static f
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他