幸运小新
幸运小新

第六章：Element

第六章：Element

  • 1.快速入门
  • 2.组价-Table表格
  • 3.组件-Pagination分页
  • 4.组件-Dialog对话框
  • 5.组件-Form表单
  • 6.案例-基本页面布局
  • 7.案例-页面组件实现
  • 8.案例-axios异步加载数据

1.快速入门

第六章：Element_第1张图片
第六章：Element_第2张图片

第一步
我们在当前项目中安装ElementUI组件库
第六章：Element_第3张图片

第六章：Element_第4张图片

安装成功后，会装在node_modules目录下
第六章：Element_第5张图片

第二步，引入ElementUI组件库
第六章：Element_第6张图片
第六章：Element_第7张图片

第三步
我们在view文件夹下，新建一个Element文件夹
然后然后新建vue文件ElementView.vue
在这里插入图片描述
下面访问官网
复制粘贴
组件有很多，比如下面是按钮的
第六章：Element_第8张图片

我们想用哪个代码，我们就复制哪一个就可以
第六章：Element_第9张图片
第六章：Element_第10张图片

我们在浏览器打开页面后，展示依旧是之前的
第六章：Element_第11张图片

原因是默认情况下
我们展示的是根组件App.vue中的内容
第六章：Element_第12张图片

如果想要展示Elememt.vue中的内容
我们要在根组件App.vue中引用Elememt.vue中的内容
第六章：Element_第13张图片
第六章：Element_第14张图片

2.组价-Table表格

第六章：Element_第15张图片
第六章：Element_第16张图片
第六章：Element_第17张图片
第六章：Element_第18张图片
在这里插入图片描述
第六章：Element_第19张图片

3.组件-Pagination分页

第六章：Element_第20张图片

layout
sizes：展示每页有多少条
prev和next表示上一页下一页
pager表示每一页的页码
jumper跳转页面
total共多少页
第六章：Element_第21张图片
第六章：Element_第22张图片
第六章：Element_第23张图片
第六章：Element_第24张图片
第六章：Element_第25张图片
第六章：Element_第26张图片

4.组件-Dialog对话框

第六章：Element_第27张图片
第六章：Element_第28张图片
第六章：Element_第29张图片

dialogTableVisible为true则显示对话框，false隐藏
第六章：Element_第30张图片
第六章：Element_第31张图片
第六章：Element_第32张图片

5.组件-Form表单

第六章：Element_第33张图片
第六章：Element_第34张图片
第六章：Element_第35张图片
第六章：Element_第36张图片
第六章：Element_第37张图片
第六章：Element_第38张图片
第六章：Element_第39张图片
第六章：Element_第40张图片
第六章：Element_第41张图片

提交的结果的是一个js对象
第六章：Element_第42张图片

如果想看到其中具体的属性
那么将其转换成一个字符串即可
第六章：Element_第43张图片
第六章：Element_第44张图片
这里我们主要关注如何采集每一个form表单项中的内容，
form表单就是通过v-model进行数据绑定，将各个表单项中的数据绑定到一个对象中

6.案例-基本页面布局

第六章：Element_第45张图片

我们要做的就是将这个JSON格式的数据渲染在表格中
第六章：Element_第46张图片

下面是结果
第六章：Element_第47张图片
第六章：Element_第48张图片
我们在views下新建一个文件夹tlias，然后新建文件empView.vue(emp表示员工)

在App.vue中进行引用
第六章：Element_第49张图片
第六章：Element_第50张图片
我们找到我们想要的页面，复制代码
第六章：Element_第51张图片
第六章：Element_第52张图片
第六章：Element_第53张图片

下面我们再加入一点css样式
这个样式也不需要我们自己写
直接复制下面的示例代码即可
第六章：Element_第54张图片
第六章：Element_第55张图片
第六章：Element_第56张图片

将来我们想要展示的是tableData这个数据模型，下面我们定义一下这个数据模型
这个是一个数组，所以我们声明一个空数组
第六章：Element_第57张图片

这样我们基本的网页布局就有了
第六章：Element_第58张图片

7.案例-页面组件实现

第六章：Element_第59张图片
第六章：Element_第60张图片
这里的value属性是指，当我们点击提交表单的时候
男，我们提交的数据是什么
女，我们提交的数据是什么
在这里插入图片描述
第六章：Element_第61张图片
第六章：Element_第62张图片

下面添加最后一个表单，入职时间
第六章：Element_第63张图片
入职时间包括开始时间和结束时间，所以其实是一个数组
第六章：Element_第64张图片

下面我们给这个表格加一个边框，只要新增一个属性border即可
第六章：Element_第65张图片
第六章：Element_第66张图片

下面我们添加分页条
第六章：Element_第67张图片

对应的方法也要添加
第六章：Element_第68张图片
第六章：Element_第69张图片

8.案例-axios异步加载数据

第六章：Element_第70张图片
第六章：Element_第71张图片
下载完成后，我们要在哪个页面用axios，就要在哪个页面引入axios
第六章：Element_第72张图片

那什么时候我们需要通过axios发送异步请求加载数据呢？
我们只需要在vue的钩子方法中发送请求
这样只要vue对象一创建，挂载完成，它就会自动发送这个请求，加载数据
下面我们就定义一个钩子方法mounted
第六章：Element_第73张图片
第六章：Element_第74张图片

下面我们还需要处理其中的数据
下面这个模版，我们只要将鼠标悬浮在姓名王小虎上面，就会显示王小虎的住址信息
第六章：Element_第75张图片

这是通过插槽实现的
这个scope插槽就可以获得row，即这一行的所有信息
第六章：Element_第76张图片

Scope.row获得的是这一行数据，然后我们在获取其中的gender字段
接着再使用三元运算符进行判断
第六章：Element_第77张图片
第六章：Element_第78张图片

下面我们要调整图像字段，现在展示的是图像的url地址，而实际上我们要展示是一个图片
第六章：Element_第79张图片
第六章：Element_第80张图片

最后我们再解决一个小问题，
就是页码左侧侧边栏边框线的问题
第六章：Element_第81张图片
第六章：Element_第82张图片

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

  • 【Vue】elementUI-MessageBox组件相关 SZnA1 vue.jselementui前端
    官方代码：点击打开MessageBoxexportdefault{methods:{open(){this.$confirm('此操作将永久删除该文件,是否继续?','提示',{confirmButtonText:'确定',cancelButtonText:'取消',type:'warning'}).then(()=>{this.$message({type:'success',message:'
  • vue+elementUI用户修改密码的前端验证 zj_zjk_sjz vue.js前端elementuijavascript
    用户登录后修改密码，密码需要一定的验证规则。旧密码后端验证是否正确；前端验证新密码的规范性，新密码规范为：6-16位，至少含数字/字母/特殊字符中的两种；确认密码只需要验证与新密码是否一致；弹窗结构取消确认form验证规则passRules:{oldPassword:[{required:true,message:'请输入旧密码',trigger:'blur'}],newPassword:[{va
  • vue+elementUI实现右击指定表格列的单元格显示选择框 yuhuamei vue.jselementui前端
    一、template代码如下：1、表格单元格中添加的代码：{{scope.row[item.prop]}}2、右键时弹出的选择框代码选择铁心级号全选显示-->隐藏js代码如下：//铁心级号选择时handleCheckedChange:function(val){letcheckedCount=val.length;this.checkAll=checkedCount===this.coreLeve
  • el-popover 实现1个组件在页面上复用 maotou526 elementuijavascript前端elementui
    个人需求：点击dom展示出该行数据的详细信息。解决方案：使用elementui的对话框组件或者弹出框组件。疑问：elementui官方文档上的弹出框组件针对于每个dom都需要套一个。这个太蠢了，忍不住重点：pop组件中有一个referenceElm属性可以调整关联的dom元素（就是希望点击哪个dom出现弹层的那个dom）//组件配置//方法openDetail(item){this.selecte
  • 【elementui】一招解决 el-table 重复写 loading 的问题 落落叶叶无声 elementuielementuiel-tableloading重复前端
    问题项目中使用elementui开发表格的小伙伴知道，给el-table添加加载动画一般都是用v-loading指令，同时组建中添加loading变量来控制。可是当表格越来越多时，每次都必须加一个loading变量同时在请求数据的方法中必须耦合loading的控制逻辑。太多的重复工作，既降低效率，也使得代码难于维护。解决方法使用Mixin+Proxy第一步，创建loading.js作为mixin，
  • vue2 elementui 封装一个动态表格复杂组件 A 风 elementuivue.js前端
    在Vue2和ElementUI中封装一个动态表格组件意味着要创建一个组件，它能够根据传入的数据和配置动态地生成表格，并支持排序、筛选、分页等功能。以下是一个基本的示例，展示了如何创建一个这样的动态表格组件：首先，确保你已经安装了ElementUI，并在你的Vue项目中正确地引入和使用了它。然后，创建一个新的Vue组件，比如DynamicTable.vueexportdefault{name:'Dy
  • ElementUI图标少，引入阿里矢量图标 zoukangdlut elementui前端javascript
    原文链接：https://blog.csdn.net/u012820292/article/details/130853248记录一下自己成功的步骤，很多是从网上找的，但是网上的写的很散，看一个成功不了，我综合了两篇文章写的。传送门：阿里矢量图标1、按步骤：注册>登录>资源管理>我的项目2、新建项目3、项目名称随便写，但是不要写el-icon开头，因为和ElementUI内的图标重名，可能导致用不
  • element-ui 分页器中的 :current-page.sync是干什么的 才艺のblog uivue.jsjavascript
    在ElementUI中，current-page.sync是用于实现父子组件间关于当前页码的双向绑定的。具体来说：双向绑定：.sync修饰符是Vue提供的一种语法糖，用于简化父子组件之间关于props的更新和事件触发的代码。当子组件改变了父组件传来的prop时，可以通过.sync修饰符通知父组件进行相应的更新。使用场景：在分页组件中，通常需要将当前页码的状态在多个组件间共享。通过使用current
  • elementui获取所有树节点,ElementUI tree的取值与回显 杨佶Kulbear
    ElementUItree的取值与回显目的场景一选择树的节点后，希望提交当前选中的节点，以及节点对应的父级节点。比如下面结构，当我选中字典管理时，我希望能够获取到的ids=[1,2,3]{"id":"1","label":"资源","type":"menu","children":[{"id":"2","label":"系统设置","type":"menu","children":[{"id":"
  • elementUI 样式小总结 前端开发小陈 elementuivue.jsjavascript
    样式代码小总结1.弹窗居中显示，内容过高自行滚动。.dialog/deep/.el-dialog{display:flex;flex-direction:column;margin:0!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:calc(100%-200px);max
  • vue中elementUI样式无法修改的问题 /deep/ >>> 小白快跑true webpackscopedscss
    最近在开发中发现了修改elementUI样式的时候，添加了scoped的组件无法修改的样式，去掉scoped就可以了。这里我们就先看一下scoped这个属性的作用以及原理。一：scoped的作用和原理scoped的作用：当标签有scoped属性时，它的CSS只作用于当前组件中的元素。这类似于ShadowDOM中的样式封装。它有一些注意事项，但不需要任何polyfill。它通过使用PostCSS来实
  • SparkShop开源可商用，匹配小程序H5和PC端带分销功能！ 行动之上 源码免费下载小程序
    SparkShop(星火商城)B2C商城是基于thinkphp6+elementui的开源免费可商用的高性能商城系统；包含小程序商城、H5商城、公众号商城、PC商城、App，支持页面diy、秒杀、优惠券、积分、分销、会员等级。营销功能采用插件化的方式方便扩展、二次开发源码下载地址你别走吖Σ(っ°Д°;)っ(chaobiji.cn)
  • Vue3 + ElementUIPlus获取node的parent节点 简单点了 elementUivue.jselementuijavascript
    Vue3+ElementUIPlus获取node的parent节点el-tree可以但是el-tree-v2是不可以的
  • 鸿鹄工程项目管理系统em Spring Cloud+Spring Boot+前后端分离构建工程项目管理系统 m0_72864708 java企业工程管理系统软件源码
    在现代化的工程项目管理中，一套功能全面、操作便捷的系统至关重要。本文将介绍一个基于SpringCloud和SpringBoot技术的Java版工程项目管理系统，结合Vue和ElementUI实现前后端分离。该系统涵盖了项目管理、合同管理、预警管理、竣工管理、质量管理等多个方面，通过数据字典、编码管理、用户管理、菜单管理等功能实现了系统的全面管理和设置。功能清单如下：首页工作台：待办工作、消息通知、
  • 【elementUi-table表格】 滚动条 新增监听事件； 滚动条滑动到指定位置； 今天搬砖了么 前端elementui前端javascriptvuehtml
    1、给滚动条增加监听this.dom=this.$refs.tableRef.bodyWrapperthis.dom.scrollTop=0let_that=thisthis.dom.addEventListener('scroll',()=>{//获取元素的滚动距离letscrollTop=_that.dom.scrollTop//获取元素可视区域的高度letclientHeight=this.
  • 基于Springboot的校园求职招聘系统（有报告）。Javaee项目，springboot项目。 气宇轩昂的固执狂 Springbootspringboot求职招聘java-ee
    演示视频：基于Springboot的校园求职招聘系统（有报告）。Javaee项目，springboot项目。项目介绍：采用M（model）V（view）C（controller）三层体系结构，通过Spring+SpringBoot+Mybatis+Vue+Maven+Layui+Elementui来实现。MySQL数据库作为系统数据储存平台，实现了基于B/S结构的Web系统。界面简洁，操作简单。报
  • 仿 elementui-Form 冷暖自知_zjz
    相信大家在使用vueui库的时候,一定少不了使用form组件，笔者在平时项目中使用的是elementui，所以在使用的时候真心感觉很方便，不过在方便之余，我也看了看form的源码，其中的校验使用的第三方库async-validator，async-validator是一个表单的异步验证的第三方库，它是https://github.com/tmpfs/async-validate的演变来的。想了解a
  • springboot-vue-供应商招投标采购在线询价管理系统 软件项目资料查询库 springbootvue.js后端
    1.技术栈后端（SpringBoot）:控制器（Controller）处理HTTP请求。服务层（Service）处理业务逻辑。数据访问对象（DAO）与MySQL数据库交互。SpringSecurity用于权限控制。前端（Vue）:Vue.js用于构建用户界面。VueRouter用于页面路由管理。Vuex用于状态管理。ElementUI或Vuetify等UI库提供组件支持。数据库（MySQL）:存储
  • Element UI组件的安装及使用 数字化信息化智能化解决方案 elementui
    ElementUI是一个基于Vue的桌面端组件库，由饿了么团队开发。它提供了许多封装好的组件，方便开发者快速开发页面。以下是ElementUI组件的安装和使用步骤：安装步骤：首先，确保已经安装了Node.js和npm（Node.js的包管理器）。可以在命令行中输入node-v和npm-v来检查是否已安装以及版本号。创建一个新的Vue项目，可以使用VueCLI（Vue的命令行工具）来创建。在命令行中
  • ElementUI +++ Echarts面试题&答案汇总 阿金要当大魔王~~ 面试啊elementui前端javascript
    官网地址：http://element-cn.eleme.io/#/zh-CNElementUI是一套基于VUE2.0的桌面端组件库，ElementUI提供了丰富的组件帮助开发人员快速构建功能强大、风格统一的页面。ElementUi是怎么做表单验证的？在循环里对每个input验证怎么做呢？model绑定表单数据,通过prop取表单数值,通过编写ref进行后台API验证,根据rules进行表单内容验
  • 利用Axios拦截器实现请求超过一定时间，则显示加载动画 飞蛾逐月 前端javascriptvue.js前端
    文章目录声明项目简介需求介绍实现方法参考文献声明  本文章是对【vue开发问题-解决方法】（八）利用axios拦截器实现elementUI中加载动画，控制加载区域这篇文章的补充。  补充点：一个页面请求时间超过一定时间，则显示动画。实现部分请求不要显示动画。项目简介  Vue.jsv2.7.10、Axios、ElementUI。需求介绍  需求是实现在一个页面（一个页面可能有多个请求）向后台请求数
  • vue项目中处理table数据的一些总结 idanzk vue2JavaScriptvue.jsjavascript前端
    我的使用场景vue2后台管理系统ElementUI在vue项目中，我们经常需要操作一些表格数据。后端传递过来的数据一般是对象数组的格式下面是处理table数据的一些总结1.直接在调用接口时处理数据这种是我们最常规的处理方法，这里的tableData绑定elementUI中table组件即可asyncmyMethod(){constres=awaitmyApi(...){...this.tableD
  • 【springboot+vue项目（十五）】基于Oauth2的SSO单点登录（二）vue-element-admin框架改造整合Oauth2.0 幸福巡礼 springbootvue.js后端
    Vue-element-admin是一个基于Vue.js和ElementUI的后台管理系统框架，提供了丰富的组件和功能，可以帮助开发者快速搭建现代化的后台管理系统。一、基本知识（一）Vue-element-admin的主要文件和目录vue-element-admin/|--build/#构建相关配置文件||--build.js#生产环境构建脚本||--check-versions.js#检查Nod
  • elementui 中 el-date-picker 控制选择当前年之前或者之后的年份 博客zhu虎康 Elementelementuivue.js前端
    文章目录需求分析需求对el-date-picker控件做出判断控制分析给el-date-picker组件添加picker-options属性，并绑定对应数据pickerOptionshtmljsdata(){return{pickerOptions:{disabledDate(time){returntime.getTime()>Date.now()-8.64e6}}}}扩展单个选择框的限制设置选
  • 【详细流程】vue+Element UI项目中使用echarts绘制圆环图 折线图 饼图 柱状图 G佳伟 vue.jsuiecharts
    vue+ElementUI项目中数据分析功能需要用到圆环图折线图饼图柱状图等，可视化图形分析安装流程及示例1.安装依赖npminstallecharts--save2.在main.js中引入并挂载echartsimportechartsfrom'echarts'Vue.prototype.$echarts=echarts3.在需要使用echarts的页面引入echartsimport*asecha
  • 基于SSM的电影购票系统（有报告）。Javaee项目。ssm项目。 气宇轩昂的固执狂 SSMjava-eejava
    演示视频：基于SSM的电影购票系统（有报告）。Javaee项目。ssm项目。项目介绍：采用M（model）V（view）C（controller）三层体系结构，通过Spring+SpringMvc+Mybatis+Vue+Layui+Elementui+Maven来实现。MySQL数据库作为系统数据储存平台，实现了基于B/S结构的Web系统。报告截图：
  • 基于Springboot的新能源充电系统（有报告）。Javaee项目，springboot项目。 气宇轩昂的固执狂 Springbootspringbootjava-ee后端
    演示视频：基于Springboot的新能源充电系统（有报告）。Javaee项目，springboot项目。项目介绍：采用M（model）V（view）C（controller）三层体系结构，通过Spring+SpringBoot+Mybatis+Vue+Maven+Layui+Elementui来实现。MySQL数据库作为系统数据储存平台，实现了基于B/S结构的Web系统。界面简洁，操作简单。报告
  • 基于Java+SpringBoot+Vue+ElementUI的超市管理系统 不懂代码的胖子@ Java实战案例vue.jsjavaspringboot
    目录系统背景系统总体设计运行环境技术选型系统架构系统用例系统详细设计系统功能截图首页统计RBAC权限管理商品管理订单管理销量统计售后订单收银系统商品采购供应商管理采购统计系统核心功能设计RBAC权限设计逻辑删除EXCEL数据导出功能EXCEL数据导入功能SQL监控MD5加密RESTful架构风格数据存储设计模型图表结构获取源码文章末尾免费获取源码、软件和教程~系统背景最初的超市资料管理，都是靠人力
  • elementUI中的el-image 加载失败原因和解决方案 夏目友人帐... vue微信javascripthtml
    最近使用elementUI的el-image发现经常会出现加载src失败的情况，问题估计就是el-image的src路径一旦初始化加载失败的话就没有异步刷新：解决办法：1.给:src设置默认值，避免图片加载失败的情况2.加v-if判断:src中的value值是否为空或者:src的key值是否存在，是则加载图片，否则不加载3.vue项目error方法绑定once，为避免同一个失败链接无限触发erro
  • el-table行拖拽排序效果的实现（基于sortablejs） 礼是
    前言ElementUI中的Table组件对于展示数据来说，有着不可替代的作用。但是也有一点点小缺陷，比如行不支持拖拽效果。当然我们可以借助于第三方库来实现行拖拽效果。实现方法实现拖拽效果需要借助于sortablejs库来实现。GitHub：https://github.com/SortableJS/Sortable中文网站(无法验证是否为官方网店)：http://www.sortablejs.co
  • mongodb3.03开启认证 21jhf mongodb
    下载了最新mongodb3.03版本，当使用--auth 参数命令行开启mongodb用户认证时遇到很多问题，现总结如下： （百度上搜到的基本都是老版本的，看到db.addUser的就是，请忽略） Windows下我做了一个bat文件，用来启动mongodb，命令行如下： mongod --dbpath db\data --port 27017 --directoryperdb --logp
  • 【Spark103】Task not serializable bit1129 Serializable
    Task not serializable是Spark开发过程最令人头疼的问题之一，这里记录下出现这个问题的两个实例，一个是自己遇到的，另一个是stackoverflow上看到。等有时间了再仔细探究出现Task not serialiazable的各种原因以及出现问题后如何快速定位问题的所在，至少目前阶段碰到此类问题，没有什么章法 1.   package spark.exampl
  • 你所熟知的 LRU(最近最少使用) dalan_123 java
    关于LRU这个名词在很多地方或听说，或使用，接下来看下lru缓存回收的实现 1、大体的想法     a、查询出最近最晚使用的项     b、给最近的使用的项做标记 通过使用链表就可以完成这两个操作，关于最近最少使用的项只需要返回链表的尾部；标记最近使用的项，只需要将该项移除并放置到头部，那么难点就出现 你如何能够快速在链表定位对应的该项？ 这时候多
  • Javascript 跨域 周凡杨 JavaScriptjsonp跨域cross-domain
                                       
  • linux下安装apache服务器 g21121 apache
    安装apache 下载windows版本apache，下载地址：http://httpd.apache.org/download.cgi   1.windows下安装apache Windows下安装apache比较简单，注意选择路径和端口即可，这里就不再赘述了。 2.linux下安装apache： 下载之后上传到linux的相关目录，这里指定为/home/apach
  • FineReport的JS编辑框和URL地址栏语法简介 老A不折腾 finereportweb报表报表软件语法总结
      JS编辑框： 1.FineReport的js。 作为一款BS产品，browser端的JavaScript是必不可少的。 FineReport中的js是已经调用了finereport.js的。 大家知道，预览报表时，报表servlet会将cpt模板转为html，在这个html的head头部中会引入FineReport的js，这个finereport.js中包含了许多内置的fun
  • 根据STATUS信息对MySQL进行优化 墙头上一根草 status
    mysql  查看当前正在执行的操作，即正在执行的sql语句的方法为:      show processlist 命令   mysql> show global status;可以列出MySQL服务器运行各种状态值，我个人较喜欢的用法是show status like '查询值%';一、慢查询mysql> show variab
  • 我的spring学习笔记7-Spring的Bean配置文件给Bean定义别名 aijuans Spring 3
    本文介绍如何给Spring的Bean配置文件的Bean定义别名？ 原始的 <bean id="business" class="onlyfun.caterpillar.device.Business"> <property name="writer"> <ref b
  • 高性能mysql 之 性能剖析 annan211 性能mysqlmysql 性能剖析剖析
    1 定义性能优化 mysql服务器性能，此处定义为 响应时间。 在解释性能优化之前，先来消除一个误解，很多人认为，性能优化就是降低cpu的利用率或者减少对资源的使用。 这是一个陷阱。 资源时用来消耗并用来工作的，所以有时候消耗更多的资源能够加快查询速度，保持cpu忙绿，这是必要的。很多时候发现 编译进了新版本的InnoDB之后，cpu利用率上升的很厉害，这并不
  • 主外键和索引唯一性约束 百合不是茶 索引唯一性约束主外键约束联机删除
    目标;第一步;创建两张表 用户表和文章表         第二步;发表文章       1,建表; ---用户表 BlogUsers --userID唯一的 --userName --pwd --sex create
  • 线程的调度 bijian1013 java多线程thread线程的调度java多线程
    1.       Java提供一个线程调度程序来监控程序中启动后进入可运行状态的所有线程。线程调度程序按照线程的优先级决定应调度哪些线程来执行。   2.       多数线程的调度是抢占式的（即我想中断程序运行就中断，不需要和将被中断的程序协商） a) 
  • 查看日志常用命令 bijian1013 linux命令unix
    一.日志查找方法，可以用通配符查某台主机上的所有服务器grep "关键字" /wls/applogs/custom-*/error.log   二.查看日志常用命令1.grep '关键字' error.log：在error.log中搜索'关键字'2.grep -C10 '关键字' error.log：显示关键字前后10行记录3.grep '关键字' error.l
  • 【持久化框架MyBatis3一】MyBatis版HelloWorld bit1129 helloworld
    MyBatis这个系列的文章，主要参考《Java Persistence with MyBatis 3》。   样例数据 本文以MySQL数据库为例，建立一个STUDENTS表，插入两条数据，然后进行单表的增删改查     CREATE TABLE STUDENTS ( stud_id int(11) NOT NULL AUTO_INCREMENT,
  • 【Hadoop十五】Hadoop Counter bit1129 hadoop
       1. 只有Map任务的Map Reduce Job File System Counters FILE: Number of bytes read=3629530 FILE: Number of bytes written=98312 FILE: Number of read operations=0 FILE: Number of lar
  • 解决Tomcat数据连接池无法释放 ronin47 tomcat 连接池　优化
    近段时间，公司的检测中心报表系统(SMC)的开发人员时不时找到我，说用户老是出现无法登录的情况。前些日子因为手头上 有Jboss集群的测试工作，发现用户不能登录时，都是在Tomcat中将这个项目Reload一下就好了，不过只是治标而已，因为大概几个小时之后又会 再次出现无法登录的情况。 今天上午，开发人员小毛又找到我，要我协助将这个问题根治一下，拖太久用户难保不投诉。 简单分析了一
  • java-75-二叉树两结点的最低共同父结点 bylijinnan java
    import java.util.LinkedList; import java.util.List; import ljn.help.*; public class BTreeLowestParentOfTwoNodes { public static void main(String[] args) { /* * node data is stored in
  • 行业垂直搜索引擎网页抓取项目 carlwu LuceneNutchHeritrixSolr
    公司有一个搜索引擎项目，希望各路高人有空来帮忙指导，谢谢！ 这是详细需求： （1） 通过提供的网站地址(大概100-200个网站)，网页抓取程序能不断抓取网页和其它类型的文件（如Excel、PDF、Word、ppt及zip类型），并且程序能够根据事先提供的规则，过滤掉不相干的下载内容。 （2） 程序能够搜索这些抓取的内容，并能对这些抓取文件按照油田名进行分类，然后放到服务器不同的目录中。
  • [通讯与服务]在总带宽资源没有大幅增加之前,不适宜大幅度降低资费 comsci 资源
          降低通讯服务资费，就意味着有更多的用户进入，就意味着通讯服务提供商要接待和服务更多的用户，在总体运维成本没有由于技术升级而大幅下降的情况下，这种降低资费的行为将导致每个用户的平均带宽不断下降，而享受到的服务质量也在下降，这对用户和服务商都是不利的。。。。。。。。     &nbs
  • Java时区转换及时间格式 Cwind java
    本文介绍Java API 中 Date, Calendar, TimeZone和DateFormat的使用，以及不同时区时间相互转化的方法和原理。   问题描述： 向处于不同时区的服务器发请求时需要考虑时区转换的问题。譬如，服务器位于东八区（北京时间，GMT+8:00），而身处东四区的用户想要查询当天的销售记录。则需把东四区的“今天”这个时间范围转换为服务器所在时区的时间范围。
  • readonly,只读，不可用 dashuaifu jsjspdisablereadOnlyreadOnly
    readOnly 和 readonly 不同，在做js开发时一定要注意函数大小写和jsp黄线的警告！！！我就经历过这么一件事： 使用readOnly在某些浏览器或同一浏览器不同版本有的可以实现“只读”功能，有的就不行，而且函数readOnly有黄线警告！！！就这样被折磨了不短时间！！！（期间使用过disable函数，但是发现disable函数之后后台接收不到前台的的数据！！！）  
  • LABjs、RequireJS、SeaJS 介绍 dcj3sjt126com jsWeb
    LABjs 的核心是 LAB（Loading and Blocking）：Loading 指异步并行加载，Blocking 是指同步等待执行。LABjs 通过优雅的语法（script 和 wait）实现了这两大特性，核心价值是性能优化。LABjs 是一个文件加载器。RequireJS 和 SeaJS 则是模块加载器，倡导的是一种模块化开发理念，核心价值是让 JavaScript 的模块化开发变得更
  • [应用结构]入口脚本 dcj3sjt126com PHPyii2
    入口脚本 入口脚本是应用启动流程中的第一环，一个应用（不管是网页应用还是控制台应用）只有一个入口脚本。终端用户的请求通过入口脚本实例化应用并将将请求转发到应用。 Web 应用的入口脚本必须放在终端用户能够访问的目录下，通常命名为 index.php，也可以使用 Web 服务器能定位到的其他名称。 控制台应用的入口脚本一般在应用根目录下命名为 yii（后缀为.php），该文
  • haoop shell命令 eksliang hadoophadoop shell
    cat chgrp chmod chown copyFromLocal copyToLocal cp du dus expunge get getmerge ls lsr mkdir movefromLocal mv put rm rmr setrep stat tail test text
  • MultiStateView不同的状态下显示不同的界面 gundumw100 android
    只要将指定的view放在该控件里面，可以该view在不同的状态下显示不同的界面，这对ListView很有用，比如加载界面，空白界面，错误界面。而且这些见面由你指定布局，非常灵活。 PS：ListView虽然可以设置一个EmptyView，但使用起来不方便，不灵活，有点累赘。 <com.kennyc.view.MultiStateView xmlns:android=&qu
  • jQuery实现页面内锚点平滑跳转 ini JavaScripthtmljqueryhtml5css
    平时我们做导航滚动到内容都是通过锚点来做，刷的一下就直接跳到内容了，没有一丝的滚动效果，而且 url 链接最后会有“小尾巴”，就像#keleyi，今天我就介绍一款 jquery 做的滚动的特效，既可以设置滚动速度，又可以在 url 链接上没有“小尾巴”。   效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/37.htmHTML文件代码： &
  • kafka offset迁移 kane_xie kafka
    在早前的kafka版本中（0.8.0），offset是被存储在zookeeper中的。   到当前版本（0.8.2）为止，kafka同时支持offset存储在zookeeper和offset manager（broker）中。   从官方的说明来看，未来offset的zookeeper存储将会被弃用。因此现有的基于kafka的项目如果今后计划保持更新的话，可以考虑在合适
  • android > 搭建 cordova 环境 mft8899 android
      1 , 安装 node.js        http://nodejs.org      node -v   查看版本   2, 安装 npm   可以先从  https://github.com/isaacs/npm/tags  下载 源码 解压到
  • java封装的比较器，比较是否全相同，获取不同字段名字 qifeifei
     非常实用的java比较器，贴上代码： import java.util.HashSet; import java.util.List; import java.util.Set; import net.sf.json.JSONArray; import net.sf.json.JSONObject; import net.sf.json.JsonConfig; i
  • 记录一些函数用法 .Aky. 位运算PHP数据库函数IP
    高手们照旧忽略。 想弄个全天朝IP段数据库，找了个今天最新更新的国内所有运营商IP段，copy到文件，用文件函数，字符串函数把玩下。分割出startIp和endIp这样格式写入.txt文件，直接用phpmyadmin导入.csv文件的形式导入。（生命在于折腾，也许你们觉得我傻X，直接下载人家弄好的导入不就可以，做自己的菜鸟，让别人去说吧） 当然用到了ip2long()函数把字符串转为整型数
  • sublime text 3 rust wudixiaotie Sublime Text
    1.sublime text 3 => install package => Rust 2.cd ~/.config/sublime-text-3/Packages 3.mkdir rust 4.git clone https://github.com/sp0/rust-style 5.cd rust-style 6.cargo build --release 7.ctrl
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他