本篇文章給大家分享的是有關(guān)JSF表格組件的制作思路是什么,小編覺(jué)得挺實(shí)用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話不多說(shuō),跟著小編一起來(lái)看看吧。
站在用戶的角度思考問(wèn)題,與客戶深入溝通,找到隆安網(wǎng)站設(shè)計(jì)與隆安網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗(yàn),讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品,建站類型包括:網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名與空間、雅安服務(wù)器托管、企業(yè)郵箱。業(yè)務(wù)覆蓋隆安地區(qū)。
我很懷疑使用純JSF做一個(gè)一樣的表格組件,我就相信JSF能夠用在開(kāi)發(fā)平臺(tái),而JSF是基于Servlet的技術(shù),怎么可能實(shí)現(xiàn)不了呢? 三天做出來(lái)!我一直相信,技術(shù)在于使用技術(shù)的人,而不是技術(shù)本身。
下載JSF表格組件
先看圖吧:
再看看對(duì)應(yīng)的JSF標(biāo)記
< !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/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:cby="http:/www.lifesting.com/jsf"> < ui:composition template="/tpl.xhtml"> < ui:define name="pageTitle">表格展示< /ui:define> < ui:define name="pageHeader">國(guó)家< /ui:define> < ui:define name="body"> < h:form> < h:panelGrid columns="1"> < h:message for="mytable" /> < /h:panelGrid> < cby:rns text="頁(yè)面設(shè)置" tableFor="mytable" /> < cby:filter text="過(guò)濾策略" tableFor="mytable" /> < cby:delete tableFor="mytable" /> < cby:table id="mytable" var="rec" checkable="true" idField="code" bean="Country"> < cby:column field="name" sortable="true" filterable="true" width="200" value="名稱"> < h:outputText value="#{rec.wrapped.name}">< /h:outputText> < /cby:column> < cby:column field="region" sortable="true" filterable="false" width="100" value="區(qū)域"> < h:outputText value="#{rec.wrapped.region}">< /h:outputText> < /cby:column> < cby:column field="surfaceArea" sortable="false" filterable="true" width="150" value="表面積"> < h:outputText value="#{rec.wrapped.surfaceArea}">< /h:outputText> < /cby:column> < cby:column field="population" sortable="true" filterable="true" width="100" value="人口"> < h:outputText value="#{rec.wrapped.population}">< /h:outputText> < /cby:column> < cby:ds /> < /cby:table> < /h:form> < /ui:define> < /ui:composition> < /html>
因?yàn)殚_(kāi)發(fā)平臺(tái)最終是以BO為核心,所以此表格組件是通過(guò)設(shè)置 bean,然后再通過(guò)Hibernate來(lái)獲取數(shù)據(jù)的。
這個(gè)JSF表格組件除采用JSF +Facelet之外,沒(méi)有其它頁(yè)面技術(shù),代碼簡(jiǎn)潔,無(wú)抽象,且里面還有注釋,初學(xué)者可以參考一下。
JSF表格組件主要功能:
1 設(shè)置column的filterable屬性(true/false)來(lái)過(guò)濾數(shù)據(jù)(目前實(shí)現(xiàn)為左匹配,比如輸入Sa,就是Sa開(kāi)頭的)
2 分頁(yè)導(dǎo)航
3 設(shè)置column的sortable屬性(true/false)用來(lái)對(duì)某列進(jìn)行 正/反 排序
4 改變頁(yè)記錄大小,默認(rèn)為20條/頁(yè)
5 設(shè)置table的checkable屬性為true,表格將會(huì)多一列用來(lái)選擇。
6 可以批量刪除被checked的記錄。
這個(gè)組件只考慮了功能,并沒(méi)有考慮到美觀,如果你覺(jué)得可以用,改改它的html屬性設(shè)置。
安裝:
1 附件是一個(gè)Maven項(xiàng)目,必須安裝有maven。
2 安裝MySQL數(shù)據(jù)庫(kù),啟動(dòng)MySQL,運(yùn)行
create database world
3 找到項(xiàng)目下面的world.sql,假設(shè)其路徑為/a/b/c/world.sql,使用MySQL的source命令
use world
source /a/b/c/world.sql
4修改項(xiàng)目下的hibernate.cfg.xml中MySQL數(shù)據(jù)庫(kù)用戶名/密碼。
5 執(zhí)行mvn jetty:run 啟動(dòng)
6 瀏覽器輸入 http://localhost:8080/jsftry/ 就可以看到效果了
關(guān)于調(diào)試:
1 下載一個(gè)Eclipse JEE版本
2 在項(xiàng)目目錄下執(zhí)行 mvn eclipse:clean eclipse:eclipse -DdownloadSources=true -Dwtpversion=1.5
3 在eclipse workspace中import此項(xiàng)目
雖然工作中不用Java很久了,但拿起來(lái)玩玩還是覺(jué)得Java真的很有生產(chǎn)力。JSF,Hibernate,Maven,Eclipse一個(gè)比一個(gè)牛比。
以上就是JSF表格組件的制作思路是什么,小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘9ぷ鲿?huì)見(jiàn)到或用到的。希望你能通過(guò)這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
標(biāo)題名稱:JSF表格組件的制作思路是什么
轉(zhuǎn)載來(lái)源:http://chinadenli.net/article32/ppippc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站、網(wǎng)站排名、關(guān)鍵詞優(yōu)化、外貿(mào)建站、全網(wǎng)營(yíng)銷推廣、
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)