幸运小新
幸运小新

第六章：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的课程表 qq_35163460 前端组件html5vue.jselementui
    之前用的课程表基本都是基于calendar开发的，calendar功能比较丰富，能实现很多功能，但是基于学校项目来说并不完美，首先就是最左侧的时间轴，学校课程表一般都是节次，而calendar都是时间。因为学校夏季和冬季上课时间都不同，所以并不实用。而有的calendar组件封装的比较厉害，想改造是很麻烦的，正是基于此我自己写了一个基础版本的课程表，分享给有需要的朋友。上面是课程表的截图，样式是采
  • 基于vue和elementui的简易课表 zhouzhurong vue.jselementui前端课表课程表
    本文参考基于vue和elementui的课程表_vue实现类似课程表的周会议列表-CSDN博客，原程序在vue3.5.13版本下不能运行，修改两处：1）slot-cope改为v-slot2）return'background-color:rgb(24144255/80%);color:#fff;border-radius:10px'改为：return{'background-color':'rgb
  • 从零搭建一个Vue3 + Typescript的脚手架——day2 DT—— 从零搭建脚手架typescriptjavascript前端
    1.配置ElementPlusElementPlus简介ElementPlus是一个基于Vue3的组件库，它提供了丰富的组件和样式，可以帮助开发者快速构建现代化的Web应用。ElementPlus是基于ElementUI的Vue3版本，它提供了更多的组件和样式，同时也支持Vue3的CompositionAPI。ElementPlus是一个开源项目，它有丰富的文档和示例，可以帮助开发者快速上手。安装
  • Elementui 中el-form表单中的ref是干嘛用的 serve the people 日常琐问elementuivue.jsjavascript
    在ElementUI的el-form组件中，ref是用来获取对该表单组件的引用的属性。通过给el-form添加ref属性，你可以在Vue组件中通过引用来访问和操作这个表单组件，而不需要通过DOM查询或其他方式。使用ref属性可以在Vue组件的JavaScript部分直接访问el-form的实例，从而可以进行一系列操作，如表单验证、重置、获取表单数据等。以下是一个使用ref属性的示例：提交重置exp
  • 自定义穿梭框 vue穿梭框 不停留 npm组件vuejshtmlvue.jscss3
    基于vue和elementUI的穿梭框elementUI中提供了很强大的穿梭框组件，但是在具体的项目或是业务中，还会有一些特殊的需求没有办法满足。所以抽空做了这个穿梭框组件，供我们当前所迭代的产品使用，目前时初步试用，会再根据试用过程中做的优化再度更新。现在发出来是希望如果有遇到同样开发需求的童鞋，可以一起来完善这个组件。安装npminstalltransfer-table代码仓链接link.简介
  • elementUI之el-select选择器赋值为空后无法选中回显 上铺的老杨 每日前端elementui前端javascript
    elementUI之el-select选择器赋值为空后无法选中回显问题原因：焦点问题解决办法：this.$set(this.form,'monthlyRent','');
  • 表格组件二次封装（element+vue） syste_m_ vue.jsjavascript前端
    后端管理系统中，常用表格展示数据，统一维护，统一表格风格，二次封装一个基于elementUI中的el-table封装一个简单的表格组件。封装组件分为四部分，表单查询条件、头部操作按钮、表格数据展示、数据分页操作。一、表格组件封装1、表单查询条件封装表单项，定义name、label，表单项默认为输入框，scopedSlots为表单项插槽。//表单项queryForms:[{dataKey:'nick
  • 解决elementui的dialog对话框过高会被拖动的bug _best 前端elementuivue.jsjavascript
    在使用elementUI过程中，当dialog对话元素过多长处浏览器高度是，点击标题就会跳成如下图这样，上方会被遮挡且无法拖动上去：解决方法是通过设置css固定top及left禁止拖动，核心css代码：/deep/.el-dialog{top:15%!important;left:0!important;}
  • Vue Elementui 项目实战 —— 项目的环境搭建 迎风的信号旗 前端VUEvue.jselementui前端
    1.项目环境搭建1.1安装vue-cli脚手架构建工具vue-cli提供一个官方命令行工具，可用于快速搭建大型单页应用。1.全局安装脚手架cnpminstall-g@vue/cli(也可以简写成cnpmi-g@vue/cli全局安装脚手架)注意：安装制定版本的脚手架npminstall-g@vue/[email protected].全局卸载脚手架cnpmuninstall-gvue-cli用上面指令卸载不了，
  • el-dialog内容大于高度时可滑动 大叔是90后大叔 vue前端vue.jsjavascriptelementui
    el-dialog内容大于高度时可滑动在ElementUI中，当el-dialog对话框的内容高度超过其可视区域时，默认情况下并不会自动出现滚动条。为了让内容在高度超出时能够滚动，你需要对el-dialog的内容部分进行一些样式调整。以下是一个简单的实现方法，通过给el-dialog__wrapper或el-dialog__body添加自定义样式来实现滚动：打开对话框这是第{{n}}行内容。取消确
  • vue3 elementui 组件el-dialog中添加组件后报错无法弹出dialog记录 mmmMMM12345 elementuivue前端
    我的组件的代码大致如下....然后我在这个组件内又添加里一个组价，如下....然后就报warninig，并且发现此dialog不起作用了。原因是子组件必须写到el-dialog标签内部，修改后如下....问题解决，成功运行
  • Vue 2 + Element UI 实现密码显示、隐藏切换功能 半城风月- vue.jsuielementui
    一、使用ElementUI的show-password属性1、ElementUI的组件提供了一个方便的show-password属性。启用后，它会自动添加一个切换密码显示、隐藏的按钮。2、代码3、优点：实现简单，无需额外代码。缺点：不支持自定义图标。二、自定义后缀图标实现密码显示/隐藏1、如果你想要使用自己的图标或实现更多自定义功能，可以通过插槽（slot）的方式来自定义后缀图标，并通过绑定事件来
  • element ui Table组件内容自适应的情况下实现表头相对页面固定 木有是我 jshtmlvuecssjs
    一、elementuiTable只要在el-table元素中定义了height属性，即可实现固定表头的表格，而不需要额外的代码。此时有一个弊端，如果页面布局内容较多，会出现两个滚动条，一个table的一个页面的，我们的需求是页面高度随着数据数量而自适应撑开，而不是固定table视窗的高度二、效果图对比如下：三、实现步骤1、首先监听页面滚动事件、因为滚动事件触发太过频繁我就带了500毫秒的节流mou
  • el-table表格单行表头 Is无糖 vue.js前端javascript
    最近开发项目遇到一个订单列表展示的需要在每一行表头上进行订单的某些操作和数据展示如图：表格一般我都是使用elementui的el-table正常使用肯定是不能满足这个效果想了想也是有点思绪便做了一个demo记录一下效果图：父组件代码:importchilTabelfrom'./components/chilTable.vue';exportdefault{data(){return{tableDa
  • Vue2.0+ElementUI实现查询条件展开和收起功能组件 热忱1128 elementui前端javascript
    一、需求el-form如果查询条件过多，影响页面的展示效果。查询条件表单是我们系统中非常常见的功能，我们需要把它封装成一个通用的组件，方便在系统开发中提升开发效率。除了在实现基本查询条件的功能上，还需要实现多条件的折叠和展开功能二、效果图三、代码示例封装查询条件表单组件SearchButton.vue查询重置{{word}}exportdefault{props:{showAll:{type:Bo
  • elementUI Table组件实现表头吸顶效果 热忱1128 elementuivue.js前端
    需求描述当table内容过多的时候，页面上滑滚动，表头的信息也会随着被遮挡，无法将表头信息和表格内容对应起来，需要进行表头吸顶开始编码环境：vue2.6+、elementUIstep1：给el-table__header-wrapper加上样式//style/sticky-table-header.scss.el-table[is-sticky]{overflow:initial;--sticky
  • elementui table 第一列内容相同 自动合并单元格 el-table第一列内容相同自动合并 weixin_51565477 elementvue
    template(:span-method=“objectSpanMethod”){{scope.row.index+1}}data数据结构return{tableData:[{index:0,subjects:'一次性就废',price:'1,200.00元'},{index:1,subjects:'医疗备用金',price:'1,200.00元'},{index:2,subjects:'试住费
  • elementui树状菜单tree_Java + Element-UI 实现简单的树形菜单 weixin_39682301
    一、简单入门级树形菜单实现(纯后台逻辑)1、简介(1)开发环境IDEA+JDK1.8+mysql1.8SpringBoot2.2.6+mybatis-plus此处仅后台开发(返回json数据)，前台页面展示后续会讲解。(2)数据表如下，仅供参考，可以添加修改时间、创建时间、逻辑删除等字段。DROPDATABASEIFEXISTStest;CREATEDATABASEtest;USEtest;/*用
  • table多行表头合并 vue_vue elementUI table 自定义表头和行合并 weixin_39540704 table多行表头合并vue
    最近项目中做表格比较多，对element表格的使用，只需要传递进去数据，然后写死表头即可渲染。但现实中应用中，如果写死表头，并且每个组件中写自己的表格，不仅浪费时间而且消耗性能。这个时候需要动态渲染表头。而官方例子都是写死表头，那么为了满足项目需求，只能自己来研究一下。1、自定义表头代码如下，其实就是分了两部分，表格主数据是在TableData对象中，表头的数据保存在headerDatas，hea
  • ElementUi el-date-picker封装 柒柒兮 Elementvue
    前言：由于el-date-picker返回的是一个数组且没有格式化，使用起来并不是很方便，所有个人稍微封装了下，写的不好，有问题请多指教！第一步新建vDatePicker.vueimport{ref,}from"vue";importutilsfrom"../utils/utils.js"//这边日期格式的代码就不展示了，这个比较简单哈exportdefault{props:{rangeName:
  • elementui树状菜单tree_element-ui 树组件（tree）展开合并菜单节点完整功能 weixin_39611863
    element-UI的树组件十分强大，但是我这边有一个需求，点击节点本身和左边小三角按钮时都需要记录菜单树的展开节点。点击左边小三角不能触发node-click事件(如果有朋友知道怎么做，麻烦告知一下，下面的代码就不需要看了/捂脸)为了使点击小三角也能追踪记录到节点的开合状态，所以启用了node-expand和node-collapse两个事件这时我遇到一个让我想原地去世的BUG，就是节点的展开闭
  • 基于微信小程序的个人健康管理系统 计算机学姐 微信小程序源码微信小程序小程序springbootjavavue.jsintellij-ideamybatis
    作者：计算机学姐开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等，“文末源码”。专栏推荐：前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码精品专栏：Java精选实战项目源码、Python精选实战项目源码、大数据精选实战项目源码系统展示基于微信小程序+Java+SpringBoot+Vue+
  • vue+Element实现搜索关键字高亮功能 hsany330
    本文实例为大家分享了vueelementUI表格关键字筛选高亮的具体代码，供大家参考，具体内容如下代码：1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787
  • Java全栈项目 - 校园跑腿服务系统 天天进步2015 Java项目实战java开发语言
    项目介绍校园跑腿服务系统是一个面向高校师生的互助平台,旨在解决校园内取快递、买饭、打印等日常跑腿需求。系统采用前后端分离架构,基于SpringBoot+Vue实现。技术栈后端SpringBoot2.xSpringSecurityMyBatisPlusMySQL8.0RedisRabbitMQJWT前端Vue2.xElementUIAxiosVuexVueRouter核心功能1.用户模块注册/登录实
  • Java全栈项目--校园餐饮点评平台项目实战 天天进步2015 Java项目实战java开发语言
    项目介绍本项目是一个面向校园师生的餐饮点评平台，用户可以在平台上查看校园内各个餐厅的信息、菜品评价、发表点评等。项目采用SpringBoot+Redis+MySQL实现，包含用户登录、商户查询、优惠券秒杀、点评发布等功能。技术栈后端：SpringBoot、MyBatis-Plus、Redis前端：Vue.js、ElementUI数据库：MySQL缓存：Redis核心功能实现1.登录功能采用Redi
  • 基于Python大数据的王者荣耀战队数据分析及可视化系统 计算机学姐 大数据精选实战项目源码Python精选实战项目源码Vue源码1024程序员节python大数据数据分析数据挖掘djangovue.js
    作者：计算机学姐开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等，“文末源码”。专栏推荐：前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码精品专栏：Java精选实战项目源码、Python精选实战项目源码、大数据精选实战项目源码系统展示【2025最新】基于大数据+大屏可视化+Python+D
  • 基于微信小程序的健身房预约管理系统 计算机学姐 微信小程序源码微信小程序小程序springbootvue.jsjavamysql后端
    作者：计算机学姐开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等，“文末源码”。专栏推荐：前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码精品专栏：Java精选实战项目源码、Python精选实战项目源码、大数据精选实战项目源码系统展示基于微信小程序+Java+SpringBoot+Vue+
  • Vue.js组件开发-如何实现表头搜索 LCG元 前端vue.js
    在Vue.js组件开发中，实现表头搜索通常涉及在表格组件的表头添加输入框，并让用户能够输入搜索关键字来过滤表格数据。以下是一个使用ElementUI的el-table组件实现表头搜索的示例：一、准备阶段‌确保ElementUI已安装‌：确保Vue项目中已经安装了ElementUI，并且已经在项目中引入。‌准备表格数据‌：在Vue组件中准备一份表格数据，通常是一个数组。二、实现表头搜索‌定义搜索关键
  • 避坑指南：Element UI在Vue2项目开发中的那些坑与解 前端没钱 前端基础与进阶ui
    文章目录一、引言二、ElementUI初体验之坑（一）安装后不生效解决方案：（二）组件引入报错解决方案：三、表单组件的那些“小脾气”（一）重置表单后无法输入（二）表单自动校验“抽风”解决方案：四、日期组件的“时差”问题（一）DatePicker日期难改解决方案：（二）datetime类型报错解决方案：（三）IE11日期显示“失踪”解决方案：五、表格组件的“疑难杂症”（一）el-table列自适应“
  • el-table表头前几列固定，后面几列根据接口返回的值不同展示不同 lv程序媛 vue.jselementuijavascript
    在使用ElementUI的el-table组件时，如果想要实现表头的前几列固定，而后面的列根据接口返回的数据动态展示，可以通过以下步骤来实现：1.固定表头前几列在el-table-column中使用fixed属性来固定表头的前几列。例如，如果你想要固定前两列，可以这样做：2.动态生成表头为了根据后端返回的数据动态生成表头，你需要在获取到数据之后处理这些数据，然后动态地渲染el-table-colu
  • 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其他