当前位置: 首页 > news >正文

西安网站建设第一品牌用html做网站步骤

西安网站建设第一品牌,用html做网站步骤,wordpress企业模板中文版,网站到期时间查询我的日常工作涉及大量使用数据。 我们使用关系数据库来存储所有内容#xff0c;因为我们依赖于企业级的数据管理。 有时#xff0c;具有将数据提取为简单格式#xff08;例如电子表格#xff09;的功能很有用#xff0c;以便我们可以按需进行操作。 这篇文章概述了我使用P… 我的日常工作涉及大量使用数据。 我们使用关系数据库来存储所有内容因为我们依赖于企业级的数据管理。 有时具有将数据提取为简单格式例如电子表格的功能很有用以便我们可以按需进行操作。 这篇文章概述了我使用PrimeFaces 5.0生成有效且易于使用的基于JSF的数据导出实用程序所采取的步骤。 导出实用程序将生成一个电子表格其中包括列标题。 用户可以选择要导出的数据库字段以及应该以什么顺序导出。 我们要确保我们拥有一个直观的干净用户界面。 因此我选择不在屏幕上显示任何数据。 而是用户界面包含一个PrimeFaces PickList组件该组件列出了可供选择的不同数据字段以及一个用于生成导出的按钮。 首先设置数据库基础结构以使此导出实用程序成为可能。 对于这篇文章我增强了AcmePools应用程序该应用程序是通过我在OTN上发布的名为PrimeFaces in the Enterprise的文章开发的 。 导出实用程序允许将客户数据导出到电子表格中。 客户数据包含在NetBeans安装在Apache Derby内的示例数据库中或者您可以将SQL脚本用于此文章。 在创建此导出实用程序之前请在您的环境中下载或创建AcmePools项目。 数据导出实用程序分为两部分第一部分是PrimeFaces PickList组件供用户选择要导出的字段第二部分是导出按钮它将选择的字段内容提取到电子表格中。 最终结果将类似于图1所示的用户界面。 图1数据导出实用程序 开发PickList组件 首先创建数据基础结构以支持PickList组件。 它由一个单独的数据库表组成用于保存您要导出的实体数据的列名和标签以及一个可选的数据库序列用于填充该表的主键。 在这种情况下数据库表名为COLUMN_MODEL我们用与CUSTOMER数据库表的数据库列名称相对应的实体字段名称填充该表。 -- Add support for data export create table column_model( id int primary key, column_name varchar(30), column_label varchar(150)); -- Optional sequence for primary key generation create sequence column_model_s start with 1 increment by 1; -- Load with field (database column) names insert into column_model values( 1, addressline1, Address Line 1);insert into column_model values( 2, addressline2, Address Line 2);insert into column_model values( 3, city, City);insert into column_model values( 4, creditLimit, Credit Limit);insert into column_model values( 5, customerId, Customer Id);insert into column_model values( 6, discountCode, Discount Code);insert into column_model values( 7, email, Email);insert into column_model values( 8, fax, Fax);insert into column_model values( 9, name, Name);insert into column_model values( 10, phone, Phone);insert into column_model values( 11, state, State);insert into column_model values( 12, zip, Zip); 接下来创建一个实体类该实体类可用于从组件内部访问列数据。 如果使用NetBeans等IDE则可以通过向导轻松完成此操作。 如果使用NetBeans请右键单击com.acme.acmepools.entity包然后选择“新建”-“数据库中的实体类”然后为我们的示例数据库选择数据源。 当表列表填充时选择COLUMN_MODEL表如图2所示。最后选择“下一步”和“完成”以创建实体类。 图2.数据库中的NetBeans IDE新实体类 完成后名为ColumnModel的实体类应如下所示 package com.acme.acmepools.entity;import java.io.Serializable; import java.math.BigDecimal; import javax.persistence.Basic; import javax.persistence.Column; import javax.persistence.Entity; import javax.persistence.Id; import javax.persistence.NamedQueries; import javax.persistence.NamedQuery; import javax.persistence.Table; import javax.validation.constraints.NotNull; import javax.validation.constraints.Size; import javax.xml.bind.annotation.XmlRootElement;/**** author Juneau*/ Entity Table(name COLUMN_MODEL) XmlRootElement NamedQueries({NamedQuery(name ColumnModel.findAll, query SELECT c FROM ColumnModel c),NamedQuery(name ColumnModel.findById, query SELECT c FROM ColumnModel c WHERE c.id :id),NamedQuery(name ColumnModel.findByColumnName, query SELECT c FROM ColumnModel c WHERE c.columnName :columnName),NamedQuery(name ColumnModel.findByColumnLabel, query SELECT c FROM ColumnModel c WHERE c.columnLabel :columnLabel)}) public class ColumnModel implements Serializable {private static final long serialVersionUID 1L;IdBasic(optional false)NotNullColumn(name ID)private BigDecimal id;Size(max 30)Column(name COLUMN_NAME)private String columnName;Size(max 150)Column(name COLUMN_LABEL)private String columnLabel;public ColumnModel() {}public ColumnModel(BigDecimal id) {this.id id;}public BigDecimal getId() {return id;}public void setId(BigDecimal id) {this.id id;}public String getColumnName() {return columnName;}public void setColumnName(String columnName) {this.columnName columnName;}public String getColumnLabel() {return columnLabel;}public void setColumnLabel(String columnLabel) {this.columnLabel columnLabel;}Overridepublic int hashCode() {int hash 0;hash (id ! null ? id.hashCode() : 0);return hash;}Overridepublic boolean equals(Object object) {// TODO: Warning - this method wont work in the case the id fields are not setif (!(object instanceof ColumnModel)) {return false;}ColumnModel other (ColumnModel) object;if ((this.id null other.id ! null) || (this.id ! null !this.id.equals(other.id))) {return false;}return true;}Overridepublic String toString() {return com.acme.acmepools.entity.ColumnModel[ id id ];}} 接下来为新生成的实体类创建EJB会话bean以便组件可以查询列数据。 您也可以根据需要使用IDE。 如果使用NetBeans请右键单击com.acme.acmepools.session包然后选择“新建”-“实体类的会话Bean”。 对话框打开后从左侧列表中选择实体类“ com.acme.acmepools.entity.ColumnModel”然后单击“完成”图3。 图3用于实体类的NetBeans IDE会话Bean对话框 创建会话bean之后添加一个名为findId的方法该方法可用于根据指定的列名返回列ID值。 ColumnModelFacade的完整资源应如下所示 package com.acme.acmepools.session;import com.acme.acmepools.entity.ColumnModel; import javax.ejb.Stateless; import javax.persistence.EntityManager; import javax.persistence.PersistenceContext;/**** author Juneau*/ Stateless public class ColumnModelFacade extends AbstractFacade {PersistenceContext(unitName com.acme_AcmePools_war_AcmePools-1.0-SNAPSHOTPU)private EntityManager em;Overrideprotected EntityManager getEntityManager() {return em;}public ColumnModelFacade() {super(ColumnModel.class);}public ColumnModel findId(String columnName){return (ColumnModel) em.createQuery(select object(o) from ColumnModel as o where o.columnName :columnName).setParameter(columnName, columnName).getSingleResult();}} 接下来创建一些帮助程序类这些类将用于在PickList组件中加载和管理数据。 第一个类名为ColumnBean它用于存储实体数据然后将其传递给PickList以供使用。 ColumnBean的代码是一个简单的POJO package com.acme.acmepools.bean;import java.math.BigDecimal;/**** author juneau*/ public class ColumnBean {private BigDecimal id;private String columnName;private String columnLabel;public ColumnBean(BigDecimal id, String columnName, String columnLabel){this.id id;this.columnName columnName;this.columnLabel columnLabel;}/*** return the id*/public BigDecimal getId() {return id;}/*** param id the id to set*/public void setId(BigDecimal id) {this.id id;}/*** return the columnName*/public String getColumnName() {return columnName;}/*** param columnName the columnName to set*/public void setColumnName(String columnName) {this.columnName columnName;}/*** return the columnLabel*/public String getColumnLabel() {return columnLabel;}/*** param columnLabel the columnLabel to set*/public void setColumnLabel(String columnLabel) {this.columnLabel columnLabel;}} PickList组件需要使用PrimeFaces DualListModel来访问和更新数据。 因此我们必须实现一个类该类可用于将实体数据强制到ColumnBean POJO中然后将其存储到DualListModel中以便PickList组件可以利用它。 在下面的名为PickListBean的类中构造函数接受作为实体数据的List ColumnModel作为参数执行强制转换然后将其存储到DualListModel ColumnBean集合中以供组件使用。 package com.acme.acmepools.bean;/**** author juneau*/import java.util.ArrayList; import java.util.List; import com.acme.acmepools.entity.ColumnModel;import org.primefaces.model.DualListModel;public class PickListBean {private DualListModelColumnBean columns;private ListColumnBean source null;private ListColumnBean target null;public PickListBean(ListColumnModel columnModelList) {//Columns source new ArrayListColumnBean();target new ArrayListColumnBean();for(ColumnModel column:columnModelList){ColumnBean bean new ColumnBean(column.getId(), column.getColumnName(), column.getColumnLabel());source.add(bean);}columns new DualListModelColumnBean(source, target);}public DualListModelColumnBean getColumns() {return columns;}public void setColumns(DualListModelColumnBean columns) {this.columns columns;}} 最后我们需要创建一个控制器类来访问所有这些数据。 为此请在com.acme.acmepools.jsf包中创建一个名为ColumnModelController的类并通过使用Named和SessionScoped对其进行注释使其成为CDI托管bean。 使该类实现Serializable。 初始控制器类应如下所示我们稍后将对其进行更新以包括促进导出的方法 Named SessionScoped public class ColumnModelController implements Serializable {EJBColumnModelFacade ejbFacade;private PickListBean pickListBean;private ListColumnModel columns;public DualListModelColumnBean getColumns() {pickListBean new PickListBean(ejbFacade.findAll());return pickListBean.getColumns();}public void setColumns(DualListModelColumnBean columns) {pickListBean.setColumns(columns);} } 如您所见getColumns方法查询ColumnModel实体该实体通过PickListBean构造函数填充DualListModel ColumnBean。 这将处理数据库基础结构和业务逻辑……现在让我们看一下用于PickList的PrimeFaces组件。 以下摘录来自WebPages / poolCustomer / CustomerExport.xhtml视图其中包含PickList组件的标记 p:panel headerChoose Columns for Exportp:picklist effectbounce itemlabel#{column.columnLabel} itemvalue#{column.columnName} showsourcecontrolstrue showtargetcontrolstrue value#{columnModelController.columns} varcolumnf:facet namesourceCaptionColumns/f:facetf:facet nametargetCaptionSelected/f:facet/p:picklist/p:panel 如您所见PickList使用columnModelController.columns作为数据然后使用columnLabel字段显示要导出的实体字段的名称。 源和目标PickList窗口的标题可通过构面进行自定义。 添加导出功能现在我们已经开发了功能选择列表我们需要对选定的数据进行一些处理。 在本练习中我们将使用PrimeFaces DataExporter组件提取数据并将其存储到Excel电子表格中。 实际上我们需要将DataTable合并到视图中以首先显示数据然后可以使用DataExporter组件导出驻留在表中的数据。 为了构造将用于显示数据的DataTable我们需要向ColumnModelController类添加一些方法。 这些方法将使我们能够动态地处理DataTable以便我们可以根据在PickList中选择的列构造列。 实际上DataTable将查询所有Customer数据然后仅显示在PickList中选择的那些数据列。 我们可以通过添加过滤器来修改此查询但这超出了本文的范围。 要向表中加载数据我们只需调用com.acme.acmepools.jsf.CustomerController getItems方法即可返回所有数据……public List Customer getItems{ifitems null{items getFacade。findAll; } 退换货品; }…现在我们将必要的方法添加到ColumnModelController以便我们可以动态构造表。 首先添加一个单击“导出”按钮将被调用的方法。 此方法将负责构建当前选择的列列表 public void preProcess(Object document) {System.out.println(starting preprocess);updateColumns();} 接下来让我们看一下由preProcess方法调用的updateColumns的代码 /*** Called as preprocessor to export (after clicking Excel icon) to capture* the table component and call upon createDynamicColumns()*/public void updateColumns() {//reset table stateUIComponent table FacesContext.getCurrentInstance().getViewRoot().findComponent(:customerExportForm:customerTable);table.setValueExpression(sortBy, null);//update columnscreateDynamicColumns();} updateColumns方法将UIComponent绑定到JSF视图中的表。 然后它有能力提供排序如果选择。 接下来让我们看一下被调用的createDynamicColumns方法。 private void createDynamicColumns() {String[] columnKeys this.getIncludedColumnsByName().split(,);columns new ArrayList();for (String columnKey : columnKeys) {String key columnKey.trim();columns.add(new ColumnModel(getColumnLabel(key), key));}} createDynamicColumns方法可以完成一些工作。 首先它从PickList中捕获所有选定的列并将它们存储到名为columnKeys的String []中。 为此我们使用名为getIncludedColumnsByName的帮助程序方法并以逗号分隔结果。 此方法的源如下它基本上从PickListBean抓取当前选择的列并将每个列附加到String上然后将其返回给调用方。 public String getIncludedColumnsByName() {String tempIncludedColString null;System.out.println(Number of included columns: pickListBean.getColumns().getTarget().size());List localSource pickListBean.getColumns().getTarget();for (int x 0; x localSource.size() - 1; x) {String tempModel (String) localSource.get(x);if (tempIncludedColString null) {tempIncludedColString tempModel;} else {tempIncludedColString tempIncludedColString , tempModel;}}return tempIncludedColString;} 接下来createDynamicColumns方法然后使用循环解析String []中的每个选定列并将它们添加到columnList后者将用于使用适当的列构造DataTable。 现在让我们看一下用于构造DataExport实用程序的标记 p:datatable idcustomerTable renderedfalse value#{customerController.items} varitem widgetvarcustomerTable p:columns columnindexvarcolIndex value#{columnModelController.dynamicColumns} varcolumnf:facet nameheaderh:outputtext value#{column.header}/h:outputtext/f:faceth:outputtext value#{item[column.property]}/h:outputtext/p:columns/p:datatablehr / h:outputtext valueType of file to export: h:commandlinkp:graphicimage value/faces/resources/images/excel.pngp:dataexporter filenamecustomers idpropertyXlsExport preprocessor#{columnModelController.preProcess} targetcustomerTable typexls/p:dataexporter/p:graphicimage/h:commandlink /h:outputtext 如您所见DataTable设置为不呈现因为我们确实不希望显示它。 相反我们希望使用DataExporter组件导出其内容。 为了动态构造DataTable这些列将调用columnModelController.dynamicColumns方法以返回动态列列表。 该方法如下所示 public ListColumnModel getDynamicColumns() {return columns;} 在DataExporter实用程序组件中将columnModelController.preProcess方法分配给预处理器属性以启动动态列列表。 目标设置为customerTable小部件该部件是我们根据所选列动态构建的DataTable。 为了将其导出到xls电子表格必须在项目的Maven POM中添加org.apache.poi依赖项如下所示 dependencygroupIdorg.apache.poi/groupIdartifactIdpoi/artifactIdversion3.7/version/dependency 就是这样…现在您应该拥有使用PrimeFaces组件的功能齐全的数据导出实用程序。 使用以下链接可在GitHub上获得完整的资源。 此代码已用NetBeans IDE 8.0编写并已部署到GlassFish 4.0。 我在该项目中使用了PrimeFaces 5.0。 GitHub来源 https : //github.com/juneau001/AcmePools 翻译自: https://www.javacodegeeks.com/2014/12/developing-a-data-export-utility-with-primefaces.html
http://wiki.neutronadmin.com/news/10955/

相关文章:

  • 网站建设的细节处理深圳市交易服务中心
  • 河南省交通基本建设质量检测监督站网站集美网站建设
  • 网站建设区域加盟wordpress下载样式
  • 写代码做网站模型外包网站
  • 自己做免费手机网站专业网站运营设计
  • 优化排名对网站不好中英繁网站源码
  • 密云建设网站公司国内做网站好的公司
  • 网站建设与文字的工作广州网站建设乐云seo
  • 陈村网站开发wordpress 2017
  • 建设网站的价格是多少钱免费网站正能量软件
  • 网站建设每年需要交多少钱wordpress博客导出
  • iis 发布asp网站西安网站建设网站推广
  • 帮别人做网站维护违法上海市工程建设
  • 深圳外贸网站建设公司价格投资理财网站建设规划书
  • 做课题的网站有多少是备案的哪个网站做照片书最好
  • 石家庄网站排名优化哪家好广州门户网站制作公司
  • 文化类网站是不是休闲娱乐类网站网站原创内容优化
  • 建立网站要多少钱专业的网站建设多少钱
  • 厦工品牌网站设计360做网站吗
  • 虚拟服务器和如何创建网站专业的设计网站有哪些
  • 网站后台如何做下载连接本地营销型网站建设
  • 网站做支付宝接口江苏省城乡建设网站
  • 广东网站备案网络营销就是网上消售吗
  • 网站开发课程改革wordpress修改生效
  • wordpress mofileseo外链优化方法
  • wordpress的vps建站流程百度地图关键词优化
  • 网站 语言选择网站建设全程揭秘pdf
  • 校园网站建设特色怎么做网站二维码
  • 网站页面设计稿线上推广方法
  • 门户网站建设要求目前做啥网站致富