junner
junner

用eXtremeComponents做分页-简单方便

eXtremeComponents是提供更高级数据显示的开源JSP标签，用于以表格的形式来显示数据，它的功能强大且使用简单，常用的功能包括排序、分页、导出Excel与pdf等。使用ExtremeComponents列表组件，你需要去http://sourceforge.net/projects/extremecomp/下载发布的压缩包文件。不过现在更推荐使用javaEye里的GT-Grid ( 原名叫EC Side )， 地址：http://ecside.group.iteye.com/ ，大家可以去那里学习与讨论。

 

EC Side也是一个开源的列表组件，他是源自于开源列表组件 eXtremeComponents，不过已经早已脱离了eXtremeComponents而独立发展（里面仍有部分代码是来自 eXtremeComponents）。青出于蓝而胜于蓝，EC Side比eXtremeComponents的功能更强大。一般我们建议先学习和使用一下eXtremeComponents，再去学习和使用EC Side.

 

以下是一个eXtremeComponents使用的示例，用来演示一下ExtremeComponents列表组件进行数据库数据分页显示的使用，更多跟深入的学习，您可以参考http://www.blogjava.net/lucky/articles/33380.html 或者http://blog.chinaunix.net/u/7893/showart_426623.html。

 

完成下面的示例，需要按照如下的步骤进行：
先把一些准备工作做好，在MyEclipse新建web工程，在下载的ExtremeComponents压缩包中找到

commons-beanutils 1.7
commons-collections 3.0
commons-lang 2.0   
commons-logging 1.0.4
standard 1.0.2
extremecomponents-1.0.1.jar

将以上jar包和extremecomponents.tld文件拷贝到WEB-INF/lib目录下，并且把images整个文件夹拷贝到WebRoot下，以上的所有的jar包和文件都在下载的压缩包里可以找到，至此准备工作就完成了 。

 

1、建立数据库数据：
create database page;

use page;

create table student
(
stu_id integer auto_increment,
stuName varchar(255) not null,
address varchar(255) not null,
stuPhone varchar(255)not null,
primary key(stu_id)
);

insert into student(stuName,address,stuPhone) values('杨老板,'长沙','13787825190');

insert into student(stuName,address,stuPhone) values('王老板,'大连','13782251560');

这里可以复制上面的insert语句多插入几行不同的数据.

 

2、写一个类StudDAO.java来操作数据库，从数据库中取出数据，该类的代码如下：

Java代码   收藏代码
  1. package org.hnylj.eXtreme;  
  2.   
  3. import java.sql.Connection;  
  4. import java.sql.DriverManager;  
  5. import java.sql.PreparedStatement;  
  6. import java.sql.ResultSet;  
  7. import java.sql.SQLException;  
  8. import java.sql.Statement;  
  9. import java.util.ArrayList;  
  10. import java.util.HashMap;  
  11. import java.util.List;  
  12. import java.util.Map;  
  13.   
  14. public class StudDAO {  
  15.     private Connection conn = null ;  
  16.     private Statement stmt = null ;  
  17.     private PreparedStatement pstmt = null ;  
  18.     private ResultSet rs = null ;  
  19.     private static final String DRIVER = "com.mysql.jdbc.Driver" ;  
  20.     private static final String URL = "jdbc:mysql://localhost:3306/page" ;  
  21.     private static final String USERNAME = "root" ;  
  22.     private static final String PASSWORD = "123" ;  
  23.       
  24.     private List<Map<String,String>> list = new ArrayList<Map<String,String>>() ;  
  25.     private Map<String,String> map = null ;  
  26.   
  27.     public StudDAO () {  
  28.     }  
  29.       
  30.     //数据库连接  
  31.     public synchronized Connection getConnection () {  
  32.         try {  
  33.             Class.forName (DRIVER) ;  
  34.             conn = DriverManager.getConnection (URL,USERNAME,PASSWORD) ;  
  35.         } catch (ClassNotFoundException e) {  
  36.             e.printStackTrace () ;  
  37.             return null ;  
  38.         } catch (SQLException e) {  
  39.             e.printStackTrace () ;  
  40.             return null ;  
  41.         }   
  42.         return conn ;  
  43.     }  
  44.     
  45.   public List<Map<String,String>> query () {  
  46.     try {  
  47.       if (this.getConnection()!=null) {  
  48.           pstmt = this.getConnection().prepareStatement("select * from student") ;  
  49.           rs = pstmt.executeQuery () ;  
  50.             
  51.           while (rs.next()) {  
  52.               map = new HashMap<String,String>() ;  
  53.               map.put("stuName", rs.getString("stuName")) ;  
  54.               map.put("address", rs.getString("address")) ;  
  55.               map.put("stuPhone", rs.getString("stuPhone")) ;  
  56.               list.add(map) ;  
  57.           }  
  58.       }  
  59.     } catch(SQLException e) {  
  60.         e.printStackTrace() ;  
  61.     }  
  62.     return list ;  
  63.   }  
  64. }  

3、编写一个jsp页面，用来显示数据，其代码如下：

Html代码   收藏代码
  1. <%@ page language="java" import="java.util.*,org.hnylj.eXtreme.*"  
  2.     pageEncoding="gb2312"%>  
  3. <%@ taglib uri="WEB-INF/extremecomponents.tld" prefix="ec"%>  
  4.   
  5. <html>  
  6.     <head>  
  7.         <title>用extremecomponents分页</title>  
  8.         <style type="text/css">  
  9. .eXtremeTable {  
  10.     margin: 0;  
  11.     padding: 0;  
  12. }  
  13.   
  14. .eXtremeTable select {  
  15.     font-family: Verdana;  
  16.     font-size: 9px;  
  17.     border: solid 1px #EEE;  
  18.     width: 75px;  
  19. }  
  20.   
  21. .eXtremeTable .tableRegion {  
  22.     border: 1px solid silver;  
  23.     padding: 2px;  
  24.     font-family: Verdana;  
  25.     font-size: 10px;  
  26.     margin-top: 7px;  
  27. }  
  28.   
  29. .eXtremeTable .filter {  
  30.     background-color: #efefef;  
  31. }  
  32.   
  33. .eXtremeTable .filter input {  
  34.     font-family: Verdana;  
  35.     font-size: 10px;  
  36.     width: 100%;  
  37. }  
  38.   
  39. .eXtremeTable .filter select {  
  40.     font-family: Verdana;  
  41.     font-size: 9px;  
  42.     border: solid 1px #EEE;  
  43.     width: 100%;  
  44. }  
  45.   
  46. .eXtremeTable .tableHeader {  
  47.     background-color: #308dbb;  
  48.     color: white;  
  49.     font-family: Verdana;  
  50.     font-size: 11px;  
  51.     font-weight: bold;  
  52.     text-align: left;  
  53.     padding-right: 3px;  
  54.     padding-left: 3px;  
  55.     padding-top: 4;  
  56.     padding-bottom: 4;  
  57.     margin: 0;  
  58.     border-right-style: solid;  
  59.     border-right-width: 1px;  
  60.     border-color: white;  
  61. }  
  62.   
  63. .eXtremeTable .tableHeaderSort {  
  64.     background-color: #3a95c2;  
  65.     color: white;  
  66.     font-family: Verdana;  
  67.     font-size: 11px;  
  68.     font-weight: bold;  
  69.     text-align: left;  
  70.     padding-right: 3px;  
  71.     padding-left: 3px;  
  72.     padding-top: 4;  
  73.     padding-bottom: 4;  
  74.     border-right-style: solid;  
  75.     border-right-width: 1px;  
  76.     border-color: white;  
  77. }  
  78.   
  79. .eXtremeTable .odd a,.even a {  
  80.     color: Black;  
  81.     font-size: 10px;  
  82. }  
  83.   
  84. .eXtremeTable .odd td,.eXtremeTable .even td {  
  85.     padding-top: 2px;  
  86.     padding-right: 3px;  
  87.     padding-bottom: 2px;  
  88.     padding-left: 3px;  
  89.     vertical-align: middle;  
  90.     font-family: Verdana;  
  91.     font-size: 10px;  
  92. }  
  93.   
  94. .eXtremeTable .odd {  
  95.     background-color: #FFFFFF;  
  96. }  
  97.   
  98. .eXtremeTable .even {  
  99.     background-color: #dfe4e8;  
  100. }  
  101.   
  102. .eXtremeTable .highlight td {  
  103.     color: black;  
  104.     font-size: 10px;  
  105.     padding-top: 2px;  
  106.     padding-right: 3px;  
  107.     padding-bottom: 2px;  
  108.     padding-left: 3px;  
  109.     vertical-align: middle;  
  110.     background-color: #fdecae;  
  111. }  
  112.   
  113. .eXtremeTable .highlight a,.highlight a {  
  114.     color: black;  
  115.     font-size: 10px;  
  116. }  
  117.   
  118. .eXtremeTable .toolbar {  
  119.     background-color: #F4F4F4;  
  120.     font-family: Verdana;  
  121.     font-size: 9px;  
  122.     margin-right: 1px;  
  123.     border-right: 1px solid silver;  
  124.     border-left: 1px solid silver;  
  125.     border-top: 1px solid silver;  
  126.     border-bottom: 1px solid silver;  
  127. }  
  128.   
  129. .eXtremeTable .toolbar td {  
  130.     color: #444444;  
  131.     padding: 0px 3px 0px 3px;  
  132.     text-align: center;  
  133. }  
  134.   
  135. .eXtremeTable .separator {  
  136.     width: 7px;  
  137. }  
  138.   
  139. .eXtremeTable .statusBar {  
  140.     background-color: #F4F4F4;  
  141.     font-family: Verdana;  
  142.     font-size: 10px;  
  143. }  
  144.   
  145. .eXtremeTable .filterButtons {  
  146.     background-color: #efefef;  
  147.     text-align: right;  
  148. }  
  149.   
  150. .eXtremeTable .title {  
  151.     color: #444444;  
  152.     font-weight: bold;  
  153.     font-family: Verdana;  
  154.     font-size: 15px;  
  155.     vertical-align: middle;  
  156. }  
  157.   
  158. .eXtremeTable .title span {  
  159.     margin-left: 7px;  
  160. }  
  161.   
  162. .eXtremeTable .formButtons {  
  163.     display: block;  
  164.     margin-top: 10px;  
  165.     margin-left: 5px;  
  166. }  
  167.   
  168. .eXtremeTable .formButton {  
  169.     cursor: pointer;  
  170.     font-family: Verdana;  
  171.     font-size: 10px;  
  172.     font-weight: bold;  
  173.     background-color: #308dbb;  
  174.     color: white;  
  175.     margin-top: 5px;  
  176.     border: outset 1px #333;  
  177.     vertical-align: middle;  
  178. }  
  179.   
  180. .eXtremeTable .tableTotal {  
  181.     background-color: #FFFFFF;  
  182.     border-top: solid 1px Silver;  
  183. }  
  184.   
  185. .eXtremeTable .tableTotalEmpty {  
  186.     background-color: #FFFFFF;  
  187. }  
  188. </style>  
  189.     </head>  
  190.     <body style="margin: 25px;">  
  191.         <%   
  192.         StudDAO studDAO = new StudDAO() ;  
  193.         List<Map<String,String>> list = studDAO.query() ;  
  194.         request.setAttribute("studList", list) ;  
  195.         %>  
  196.         <ec:table items="studList"  
  197.             action="${pageContext.request.contextPath}/result.jsp"  
  198.             imagePath="${pageContext.request.contextPath}/images/table/*.gif"  
  199.             title="学员信息表" width="60%" rowsDisplayed="5">  
  200.             <ec:row>  
  201.                 <ec:column property="stuName" />  
  202.                 <ec:column property="address" />  
  203.                 <ec:column property="stuPhone" />  
  204.             </ec:row>  
  205.         </ec:table>  
  206.     </body>  
  207. </html>  

4、部署整个web工程到Tomcat下，启动Tomcat，在浏览器中输入：

http://localhost:8080/eXtremeDemo/result.jsp

至此，就可以在页面中看到从数据库中查询出来的数据，而且自动进行了分页显示,有上一页，下一页，首页，末页，这样给我们剩去了很多进行分页显示的代码，在不做其他考虑的情况下，使用该组件大大提高了工作的效率。

(只是一个举例，代码写得有点乱，重在了解如何使用该组件)

你可能感兴趣的:(component)

  • 详解“c:/work/src/components/a/b.vue“‘ has no default export报错原因 hw_happy 开发语言前端vue.jsjavascript
    前情提要在一个vue文件中需要引入定义的b.vue文件，但是提示b文件没有默认导出，对于vue2文件来说有exportdefault，在中，所有定义的变量、函数和组件都会自动被视为默认导出的组件内容。因此，不需要显式地使用exportdefault来导出组件。但是在我引用这个文件的时候还是提示了这个错误，原来是我的项目使用了ts和vite\webpack，因为TypeScript和Vue的默认导出
  • 说说在 Vue.js 中如何实现组件间通信 deniro
    1用法假设父组件的模板包含子组件，我们可以通过props来正向地把数据从父组件传递给子组件。props可以是字符串数组，也可以是对象。html：js：Vue.component('deniro-component',{props:['message'],template:'{{message}}'});varapp=newVue({el:'#app',data:{}});渲染结果：＂嫦娥四号＂成功
  • java获取applicationcontext,SpringBoot获取ApplicationContext的3种方式 花儿街参考
    ApplicationContext是什么？简单来说就是Spring中的容器，可以用来获取容器中的各种bean组件，注册监听事件，加载资源文件等功能。ApplicationContext获取的几种方式1直接使用Autowired注入@ComponentpublicclassBook1{@AutowiredprivateApplicationContextapplicationContext;pub
  • Vue组件学习 yancolin
    Vue的精华之处就在于它的组件，重复使用，节省代码，提升工作效率。Vue组件要使用先要注册，注册分为全局的和局部的注册。全局注册：注：1.my-component就是注册的组件自定义标签名称;2.template的DOM结构必须被一个元素包含，如果直接写成'全局组件'，不带""是无法渲染的。Vue.component('my-component',{template:'全局组件';});varap
  • Superset二次开发之源码DependencyList.tsx 分析 aimmon Superset二次开发SupersetBI二次开发typescript前端
    功能点路径superset-frontend\src\dashboard\components\nativeFilters\FiltersConfigModal\FiltersConfigForm\DependencyList.tsx/***LicensedtotheApacheSoftwareFoundation(ASF)underone*ormorecontributorlicenseagre
  • Android-悬浮窗功能的实现（附Java、KT实现源码）(1) egrhef 程序员androidjava开发语言
    //获取服务的操作对象valbinder=serviceasFloatWinfowServices.MyBinderbinder.service}overridefunonServiceDisconnected(name:ComponentName){}}overridefunonActivityResult(requestCode:Int,resultCode:Int,data:Intent){
  • K8S学习笔记02——K8S组件 沉淅尘 #Docker#K8Skubernetes
    Kubernetes组件一、控制平面组件（ControlPlaneComponents）(1)kube-apiserver(2)etcd(3)kube-scheduler(4)kube-controller-manager(5)cloud-controller-manager二、Node组件1.kubelet2.kube-proxy3.容器运行时（ContainerRuntime）三、插件（Add
  • vue在一个组件引用其他组件 hzw0510 Vuevue.js前端javascript
    在vue一个组件中引用另一个组件的步骤必须在script中导入要引用的组件需要在exportdefault的components引用导入的组件（这一步经常忘记）在template使用导入的组件importVue01from"@/components/Vue01.vue";
  • 【设计模式】结构型模式：组合模式 KunQAQrz
    意图使用组合模式可以将对象组合成树状结构，并且能像使用独立对象一样使用它们。组合模式结构在这里插入图片描述组件（Component）接口描述了树中简单项目和复杂项目所共有的操作。叶节点（Leaf）是树的基本结构，它不包含子项目。一般情况下，叶节点最终会完成大部分的实际工作，因为它们无法将工作指派给其他部分。容器（Container）又名“组合（Composite）”是包含叶节点或其他容器等子项目的
  • react中如何获取并使用usestate声明的变量的值 小华0000 react.jsjavascript前端
    1.函数式更新当需要根据当前状态来更新状态时，可以使用函数式更新。setState（在类组件中）和setCount（在useState中）都可以接受一个函数作为参数，这个函数接收当前的状态作为参数，并返回新的状态。functionExampleComponent(){const[count,setCount]=useState(0);//使用函数式更新functionhandleClick(){s
  • uniapp+uview-plus实现微信小程序自定义tabbar yx_back 小程序前端uniappuni-app微信小程序uview-plus
    参考文档微信小程序相关开发文档链接：https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html虽然是uniapp框架但是实现方式和原生小程序相似实现思路1、app.json里面tabBar添加配置custom:true,其他和非自定义设置一样2、在components文件夹里添加Tabb
  • Ubuntu虚拟机在node命令行中编译.sol文件报错：{“errors“:[{“component“:“general“,“formattedMessage“...（已解决） 拔牙不打麻药 疑难杂症区块链虚拟机node
    Ubuntu虚拟机在node命令行下编译.sol文件报错'{"errors":[{"component":"general","formattedMessage":"*Line1,Column1\\nSyntaxerror:value,objectorarrayexpected.\\n*Line1,Column2\\nExtranon-whitespaceafterJSONvalue.\\n","
  • VUE中使用vue-office/pdf预览PDF 人间废料记 vue.jspdf前端
    安装npminstall@vue-office/pdfVUE组件中importVueOfficePdffrom'@vue-office/pdf';importEmptyElefrom'@/components/EmptyEle/index';//没有数据时的占位组件constprops=defineProps({pdfUrl:{type:String,default:''}});/*这块是处理边上
  • VueTreeselect el-tree-select 多选 小小并不小 Vueelementjsvue.jsjavascript
    1、VueTreeselect是一个多选组件npminstall--save@riophae/vue-treeselect全部代码//importthecomponentimportTreeselectfrom'@riophae/vue-treeselect'//importthestylesimport'@riophae/vue-treeselect/dist/vue-treeselect.cs
  • Vue 和 React 的对比 淘淘是只狗 vueReactvue.jsreact.jsjavascript
    React和Vue有许多相似之处：使用VirtualDOM提供了响应式(Reactive)和组件化(Composable)的视图组件。将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库。运行时性能React在React应用中，当某个组件的状态发生变化时，它会以该组件为根，重新渲染整个组件子树。如要避免不必要的子组件的重渲染，你需要在所有可能的地方使用PureComponent，
  • echarts象形渐变柱状图 星星跌入梦境* echartsangular.js前端
    一、效果图如下：二、代码如下（1）父组件importitemfrom'../bigdata/components/item.vue'exportdefault{components:{item}}.page-con{width:100%;height:100%;.main-con{width:35%;height:33%;}}（2）子组件importechartsfrom"echarts";exp
  • 【Spring】Spring中@Component和@Bean的区别？ 九师兄 框架-springbootspringjava后端
    1.概述在Spring框架中，@Component和@Bean是两个常用的注解，用于实现组件的声明和配置。它们的主要区别如下：作用对象不同：@Component注解用于声明一个类为Spring容器的组件（Bean），Spring会自动扫描并将其实例化为Bean并管理。@Bean注解用于在配置类（通常是带有@Configuration注解的类）中声明一个方法，该方法的返回值将被注册为Spring容器
  • DMA与AXI DMA ip 光之大主宰 FPGAfpga开发硬件架构硬件工程驱动开发
    文章目录AXIDMAReadChannel（读通道）WriteChannel（写通道）#其他选项ScatterGatherEngine特点工作流程AXIDMA配置项说明ComponentName(axi_dma)DMA组件的名称，可以自定义。EnableAsynchronousClocks允许DMA在不同时钟域之间工作，适用于不同频率的模块。EnableScatterGatherEngine启用S
  • 微信小程序之轮播图组件封装 鱼在在 vueuni-app微信小程序javascript
    目录封装组件——mp-rotationchat组件的属性与方法——swiper-rotation-chat.js组件的引入使用封装组件——mp-rotationchat文件目录components（所有组件位置）swiper-roatiton-chat（轮播图组件包）swiper-rotation-chat.wxmlswiper-rotation-chat.jspages（所有页面）index（初
  • 微信小程序中实现类似于 ECharts 的图表渲染及优化 人工智能的苟富贵 前端小程序微信小程序echarts小程序
    文章目录前言一、微信小程序中使用ECharts概述二、ECharts在小程序中的集成步骤2.1在小程序项目的根目录下，运行以下命令安装echarts依赖：2.2在小程序的components文件夹中创建ec-canvas组件。2.3在需要展示图表的页面中，引用ec-canvas组件，并初始化ECharts图表：三、微信小程序中使用Canvas绘制图表基础示例：绘制一个简单的折线图四、动态数据更新的
  • C#中关闭窗口清除内容 Vae_Mars AI对话中的其他知识c#开发语言
    1.解释说明-窗口关闭时是可以执行函数的，可以做一部分事件处理-因为删除文件夹的方案不好做，所以改成清空文件夹内的内容2.程序示例publicMainWindow(){InitializeComponent();//检查窗口关闭this.Closing+=MainWindow_Closing;}//执行具体的方法privatevoidMainWindow_Closing(objectsender,
  • 一篇文章讲清楚ECC和S/4HANA的主要区别 syounger SAP学习制造
    今天给大家分享一下SAPECC和SAPS/4HANA的主要区别，开始比较之前，让我们先回顾一下这两款SAP的重量级ERP产品。什么是SAPECC？SAPECC全称是SAPERP中央组件(ERPCentralComponent）。SAPECC采用模块化设计，可高度定制。我们可以配置SAPECC以满足业务各个领域的需求，从财务到后勤。什么是SAPS/4HANA？SAPS/4HANA是SAP最新一代的E
  • Unity3D DOTS系列之Struct Change核心机制分析详解 Thomas_YXQ 开发语言Unity3D游戏unity架构
    引言Unity3D的DOTS（Data-OrientedTechnologyStack）体系为游戏开发带来了革命性的变化，它通过ECS（EntityComponentSystem）模型，将游戏中的对象（Entity）、属性（Component）和行为（System）分离，以数据驱动的方式来提高游戏的性能和可扩展性。在DOTS体系中，StructChange是一个核心的内存管理机制，它涉及对Enti
  • 【解决】AnimationCurve 运行时丢失数据问题 野奔在山外的猫 解决指导Unity常见开发问题处理方案unity
    开发平台：Unity2022编程平台：VisualStudio编程语言：CSharp 一、问题背景如上图所示的GracityComponent组件中，引用AnimationCurve作为可调属性。但在实际使用中出现数据丢失问题。大致为以下两种情况：运行时，配置的AnimationCurves出现丢失情况。非运行下，切换Selection.gameObject（选择游戏对象）时出现丢失情况。 二、源
  • OPAMC架构介绍 OnRoadZy 架构开发语言racketlispECS
    1OPAMC的概念OPAMC架构来源于ECS架构的思想，用于实现面向对象绘图，采用Racket语言（Lisp语言的一个方言）实现。ECS架构（全称Entity-Component-System，即实体-组件-系统）是一种软件架构模式，主要用于游戏开发。ECS遵循组合优于继承的原则，游戏内的每一个基本单元都是一个实体，每个实体又由一个或多个组件构成，每个组件仅仅包含代表其特性的数据（即在组件中没有任
  • C# WPF中的GUI多线程技巧详解 zls365365 c#wpf开发语言
    1.使用BackgroundWorker组件代码示例：publicpartialclassMainWindow:Window{privateBackgroundWorkerbackgroundWorker=newBackgroundWorker();publicMainWindow(){InitializeComponent();backgroundWorker.DoWork+=Backgroun
  • Livewire Flash 教程 巫文钧Jill
    LivewireFlash教程livewire-flashALaravelLivewire-basedFlashmessagecomponent项目地址:https://gitcode.com/gh_mirrors/li/livewire-flash项目介绍LivewireFlash是一个专为Laravel框架设计的Livewire组件，它提供了简单易用的方式来添加和显示flashed（闪烁）消息
  • React 开发者完全指南：React.FC（）、函数组件 和更多 夏目艾拉 react.jsjavascripttypescript前端react前端框架
    前言React.FC是一个TypeScript类型，用于React函数组件。FC代表FunctionalComponent（函数组件）。这个类型的使用有助于在TypeScript项目中编写类型安全的React组件。使用React.FC为组件定义类型就可以享受到TypeScript提供的类型检查和自动补全等特性，让开发过程更加高效和减少错误。为了了解React.FC，我们还需要先知道函数组件是什么。
  • 微信小程序自定义组件及传参 墨染凉梦 微信小程序小程序
    1.新建文件夹，然后右键选择新建components2.组件的js结构如下图所示3.使用组件，在需要引用组件的页面json配置中引入组件4.组件传参之父传子父组件直接传参子组件在properties中接收，直接使用即可5.子组件传参给父组件子组件使用this.triggerEvent('事件名',参数)进行传参。父组件bind+事件名='回调方法'进行接收，并在回调方法中可以获得传递的参数
  • VUE在线预览word、pdf、excel等文档 菜鸟程序猿、 vue.jspdf前端
    http://www.pfile.com.cn/api/profile/onlinePreview?url=(需要在线查看的文档地址)vue代码window.open('http://www.pfile.com.cn/api/profile/onlinePreview?url='+encodeURIComponent(“需要在线查看的文档地址”));文档参考：http://www.pfile.co
  • C/C++Win32编程基础详解视频下载 择善Zach 编程C++Win32
    课题视频：C/C++Win32编程基础详解 视频知识：win32窗口的创建                   windows事件机制 主讲：择善Uncle老师 学习交流群：386620625 验证码：625 --
  • Guava Cache使用笔记 bylijinnan javaguavacache
    1.Guava Cache的get/getIfPresent方法当参数为null时会抛空指针异常 我刚开始使用时还以为Guava Cache跟HashMap一样，get(null)返回null。 实际上Guava整体设计思想就是拒绝null的，很多地方都会执行com.google.common.base.Preconditions.checkNotNull的检查。 2.Guava
  • 解决ora-01652无法通过128（在temp表空间中） 0624chenhong oracle
    解决ora-01652无法通过128（在temp表空间中）扩展temp段的过程 一个sql语句后，大约花了10分钟，好不容易有一个结果，但是报了一个ora-01652错误，查阅了oracle的错误代码说明：意思是指temp表空间无法自动扩展temp段。这种问题一般有两种原因：一是临时表空间空间太小，二是不能自动扩展。 分析过程：    既然是temp表空间有问题，那当
  • Struct在jsp标签 不懂事的小屁孩 struct
    非UI标签介绍： 控制类标签： 1：程序流程控制标签   if   elseif    else <s:if test="isUsed"> <span class="label label-success">True</span> </
  • 按对象属性排序 换个号韩国红果果 JavaScript对象排序
    利用JavaScript进行对象排序，根据用户的年龄排序展示 <script> var bob={ name;bob, age:30 } var peter={ name;peter, age:30 } var amy={ name;amy, age:24 } var mike={ name;mike, age:29 } var john={
  • 大数据分析让个性化的客户体验不再遥远 蓝儿唯美 数据分析
    顾客通过多种渠道制造大量数据，企业则热衷于利用这些信息来实现更为个性化的体验。 分析公司Gartner表示，高级分析会成为客户服务的关键，但是大数据分析的采用目前仅局限于不到一成的企业。 挑战在于企业还在努力适应结构化数据，疲于根据自身的客户关系管理（CRM）系统部署有效的分析框架，以及集成不同的内外部信息源。 然而，面对顾客通过数字技术参与而产生的快速变化的信息，企业需要及时作出反应。要想实
  • java笔记4 a-john java
    操作符 1，使用java操作符       操作符接受一个或多个参数，并生成一个新值。参数的形式与普通的方法调用不用，但是效果是相同的。加号和一元的正号（+）、减号和一元的负号（-）、乘号（*）、除号（/）以及赋值号（=）的用法与其他编程语言类似。       操作符作用于操作数，生成一个新值。另外，有些操作符可能会改变操作数自身的
  • 从裸机编程到嵌入式Linux编程思想的转变------分而治之：驱动和应用程序 aijuans 嵌入式学习
        笔者学习嵌入式Linux也有一段时间了，很奇怪的是很多书讲驱动编程方面的知识，也有很多书将ARM9方面的知识，但是从以前51形式的（对寄存器直接操作，初始化芯片的功能模块）编程方法，和思维模式，变换为基于Linux操作系统编程，讲这个思想转变的书几乎没有，让初学者走了很多弯路，撞了很多难墙。     笔者因此写上自己的学习心得，希望能给和我一样转变
  • 在springmvc中解决FastJson循环引用的问题 asialee 循环引用fastjson
              我们先来看一个例子：           package com.elong.bms; import java.io.OutputStream; import java.util.HashMap; import java.util.Map; import co
  • ArrayAdapter和SimpleAdapter技术总结 百合不是茶 androidSimpleAdapterArrayAdapter高级组件基础
    ArrayAdapter比较简单，但它只能用于显示文字。而SimpleAdapter则有很强的扩展性，可以自定义出各种效果   ArrayAdapter;的数据可以是数组或者是队列        // 获得下拉框对象 AutoCompleteTextView textview = (AutoCompleteTextView) this
  • 九封信 bijian1013 人生励志
            有时候，莫名的心情不好，不想和任何人说话，只想一个人静静的发呆。有时候，想一个人躲起来脆弱，不愿别人看到自己的伤口。有时候，走过熟悉的街角，看到熟悉的背影，突然想起一个人的脸。有时候，发现自己一夜之间就长大了。         2014，写给人
  • Linux下安装MySQL Web 管理工具phpMyAdmin sunjing PHPInstallphpMyAdmin
    PHP http://php.net/ phpMyAdmin http://www.phpmyadmin.net Error compiling PHP on CentOS x64   一、安装Apache 请参阅http://billben.iteye.com/admin/blogs/1985244   二、安装依赖包 sudo yum install gd
  • 分布式系统理论 bit1129 分布式
    FLP One famous theory in distributed computing, known as FLP after the authors Fischer, Lynch, and Patterson, proved that in a distributed system with asynchronous communication and process crashes,
  • ssh2整合(spring+struts2+hibernate)-附源码 白糖_ eclipsespringHibernatemysql项目管理
    最近抽空又整理了一套ssh2框架，主要使用的技术如下： spring做容器，管理了三层(dao,service,actioin)的对象 struts2实现与页面交互(MVC)，自己做了一个异常拦截器，能拦截Action层抛出的异常 hibernate与数据库交互 BoneCp数据库连接池，据说比其它数据库连接池快20倍，仅仅是据说 MySql数据库   项目用eclipse
  • treetable bug记录 braveCS table
    // 插入子节点删除再插入时不能正常显示。修改： //不知改后有没有错，先做个备忘 Tree.prototype.removeNode = function(node) { // Recursively remove all descendants of +node+ this.unloadBranch(node); // Remove
  • 编程之美-电话号码对应英语单词 bylijinnan java算法编程之美
    import java.util.Arrays; public class NumberToWord { /** * 编程之美 电话号码对应英语单词 * 题目： * 手机上的拨号盘，每个数字都对应一些字母，比如2对应ABC，3对应DEF.........，8对应TUV，9对应WXYZ， * 要求对一段数字，输出其代表的所有可能的字母组合
  • jquery ajax读书笔记 chengxuyuancsdn jQuery ajax
    1、jsp页面 <%@ page language="java" import="java.util.*" pageEncoding="GBK"%> <% String path = request.getContextPath(); String basePath = request.getScheme()
  • JWFD工作流拓扑结构解析伪码描述算法 comsci 数据结构算法工作活动J#
      对工作流拓扑结构解析感兴趣的朋友可以下载附件，或者下载JWFD的全部代码进行分析   /*  流程图拓扑结构解析伪码描述算法         public java.util.ArrayList DFS(String graphid, String stepid, int j)
  • oracle I/O 从属进程 daizj oracle
    I/O 从属进程 　　I/O从属进程用于为不支持异步I/O的系统或设备模拟异步I/O.例如，磁带设备(相当慢)就不支持异步I/O.通过使用I/O 从属进程，可以让磁带机模仿通常只为磁盘驱动器提供的功能。就好像支持真正的异步I/O 一样，写设备的进程(调用者)会收集大量数据，并交由写入器写出。数据成功地写出时，写入器(此时写入器是I/O 从属进程，而不是操作系统)会通知原来的调用者，调用者则会
  • 高级排序:希尔排序 dieslrae 希尔排序
    public void shellSort(int[] array){ int limit = 1; int temp; int index; while(limit <= array.length/3){ limit = limit * 3 + 1;
  • 初二下学期难记忆单词 dcj3sjt126com englishword
    kitchen 厨房 cupboard 厨柜 salt 盐 sugar 糖 oil 油 fork 叉；餐叉 spoon 匙；调羹 chopsticks 筷子 cabbage 卷心菜；洋白菜 soup 汤 Italian 意大利的   Indian 印度的 workplace  工作场所 even 甚至；更 Italy 意大利 laugh 笑 m
  • Go语言使用MySQL数据库进行增删改查 dcj3sjt126com mysql
    目前Internet上流行的网站构架方式是LAMP，其中的M即MySQL, 作为数据库，MySQL以免费、开源、使用方便为优势成为了很多Web开发的后端数据库存储引擎。MySQL驱动Go中支持MySQL的驱动目前比较多，有如下几种，有些是支持database/sql标准，而有些是采用了自己的实现接口,常用的有如下几种: http://code.google.c...o-mysql-dri
  • git命令 shuizhaosi888 git
    ---------------设置全局用户名： git config --global user.name "HanShuliang" //设置用户名 git config --global user.email "[email protected]" //设置邮箱 ---------------查看环境配置 git config --li
  • qemu-kvm 网络 nat模式 (四) haoningabc kvmqemu
    qemu-ifup-NAT #!/bin/bash BRIDGE=virbr0 NETWORK=192.168.122.0 GATEWAY=192.168.122.1 NETMASK=255.255.255.0 DHCPRANGE=192.168.122.2,192.168.122.254 TFTPROOT= BOOTP= function check_bridge()
  • 不要让未来的你，讨厌现在的自己 jingjing0907 生活 奋斗 工作 梦想
     故事one 　23岁，他大学毕业，放弃了父母安排的稳定工作，独闯京城，在家小公司混个小职位，工作还算顺手，月薪三千，混了混，混走了一年的光阴。　　　　24岁，有了女朋友，从二环12人的集体宿舍搬到香山民居，一间平房，二人世界，爱爱爱。偶然约三朋四友，打扑克搓麻将，日子快乐似神仙；　　　　25岁，出了几次差，调了两次岗，薪水涨了不过百，生猛狂飙的物价让现实血淋淋，无力为心爱银儿购件大牌
  • 枚举类型详解 一路欢笑一路走 enum枚举详解enumsetenumMap
    枚举类型详解 一.Enum详解      1.1枚举类型的介绍   JDK1.5加入了一个全新的类型的”类”—枚举类型，为此JDK1.5引入了一个新的关键字enum,我们可以这样定义一个枚举类型。      Demo:一个最简单的枚举类   public enum ColorType { RED
  • 第11章 动画效果（上） onestopweb 动画
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • Eclipse中jsp、js文件编辑时，卡死现象解决汇总 ljf_home eclipsejsp卡死js卡死
    使用Eclipse编辑jsp、js文件时，经常出现卡死现象，在网上百度了N次，经过N次优化调整后，卡死现象逐步好转，具体那个方法起到作用，不太好讲。将所有用过的方法罗列如下：   1、取消验证 windows–>perferences–>validation 把 除了manual 下面的全部点掉，build下只留 classpath dependency Valida
  • MySQL编程中的6个重要的实用技巧 tomcat_oracle mysql
    每一行命令都是用分号(;)作为结束 对于MySQL，第一件你必须牢记的是它的每一行命令都是用分号(;)作为结束的，但当一行MySQL被插入在PHP代码中时，最好把后面的分号省略掉，例如： mysql_query("INSERT INTO tablename(first_name,last_name)VALUES('$first_name',$last_name')");
  • zoj 3820 Building Fire Stations(二分+bfs) 阿尔萨斯 Build
    题目链接：zoj 3820 Building Fire Stations 题目大意：给定一棵树，选取两个建立加油站，问说所有点距离加油站距离的最大值的最小值是多少，并且任意输出一种建立加油站的方式。 解题思路：二分距离判断，判断函数的复杂度是o(n)，这样的复杂度应该是o(nlogn)，即使常数系数偏大，但是居然跑了4.5s，也是醉了。 判断函数里面做了3次bfs，但是每次bfs节点最多
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他