頁面分塊Block

理解Block

頁面Block是一個組件,頁面快。
包含兩個部分

  1. 負責取得數據,而不應該把取數據交給controller
  2. 負責把數據和相關的頁面模塊組合生成相應的html片段
<bean id="product_cat" class="xxx.xx.PrdocutCatBlock">
    <property name="template" value="/WEB-INF/jsp/xx"
</bean>

其中template的jsp負責顯示數據,PrdocutCatBlock負責讀取數據和結合template生成相應的html

product_cat.jsp大體樣子

<div>show product_cat</div>

經過重新定義后的controller偽代碼應該是這個樣子(去掉了取數據步驟)

{
     轉到相應的jsp頁面
}

jsp頁面

<%@page ~~~~>
<%@ taglib url="/WEB-INF/jsp/xx" prefix="block"%>

實現一個簡單的taglib標簽

  • 新建一個TestTaglib extends TagSupport
    重寫
    doStartTag() return SKIP_BODY; 當在頁面中開始標簽時執行的方法 SKIP_BODY表示跳過中間的BODY部分
    doEndTag() return EVAL_PAGE標簽結束時執行的方法 EVAL_PAGE表示 如果是SKIP_PAGE表示運行完該標簽后后面的page都跳過
    release()方法

  • 在WEB-INF下新建一個block.tld文件

<?xml version="1.0" encoding="UTF-8" ?>
<taglib xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3g.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee web-jsptaglibrary_2_0.xsd" version="2.0">
 <tlib-version>1.0</tlib-version>
 <jsp-version>1.1</jsp-version>
 <short-name>Block Taglib</short-name>

 <tag>
   <name>test</name>
   <tag-class>com.gavin.exam.taglib.TestTaglib</tag-class>
   <body-content>empty</body-content>
<!--  定義屬性,可以在TestTaglib中get,set 在標簽中使用該屬性
 <attribute>
   <name>size</name>
   <required>false</required>
   <rtexprvalue>true</rtexprvalue>  動態or靜態
 </attribute>
 -->
   <dynamic-attributes>true</dynamic-attributes>
 </tag>
</taglib>

其中<body-content>empty</body-content>empty代表標簽中間不能加內容。如果是JSP,則標簽中間能夠加內容

  • 在jsp中引用
    <%@ taglib uri="/WEB-INF/block.tld" prefix="block" %>
    其中prefix代表為名字 uri為block路徑

  • 使用
    <block:test> 其中block為prefix定義,test為tld文件中<name>test</name>

完整TestTaglib代碼

public class TestTaglib extends TagSupport {

    private static final long serialVersionUID = 6360666785036712366L;

    @Override
    public int doStartTag() throws JspException {
        return SKIP_BODY;
    }

    @Override
    public int doEndTag() throws JspException {
        JspWriter out = pageContext.getOut();
        try{
            out.println("block test");
        } catch (IOException e) {
            e.printStackTrace();
        }
        return EVAL_PAGE;
    }

    @Override
    public void release() {
        super.release();
    }
}

taglib構架實現

  • 首先定義一個BlockTaglib
public class BlockTaglib extends TagSupport {

    private static final long serialVersionUID = 2324376193807858374L;

    private String name;
    
    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    @Override
    public int doStartTag() throws JspException {
        return SKIP_BODY;
    }

    @Override
    public int doEndTag() throws JspException {
        //這里使用spring框架,如果不使用,應該先解析block定義的xml文件
        ApplicationContext ctx = SpringUtil.getApplicationContext();
        //取到相應的block對象,
        BlockAbstract block  = (BlockAbstract)ctx.getBean(name);
        //得到生成的html片段
        String content = block.displayBlock(pageContext);
        //然后在頁面上輸出
        JspWriter out = pageContext.getOut();
        
        try{
            out.println(content);
        } catch (IOException e) {
            e.printStackTrace();
        }
        return EVAL_PAGE;
    }

    @Override
    public void release() {
        super.release();
    }
}
  • 實現BlockAbstract類,他是一個抽象的block,是其他block的父類,主要用來從template獲取html段并輸出
public abstract class BlockAbstract {

    public String template; //The JSP template of this block.
    
    public String getTemplate() {
        return template;
    }

    public void setTemplate(String template) {
        this.template = template;
    }

    private static Logger log = Logger.getLogger(BlockAbstract.class);
    
    public String displayBlock(PageContext pageContext) {
        execute(pageContext); //取數據操作
        
        //HttpServletRequest request = (HttpServletRequest) pageContext.getRequest();
        Writer body = new StringWriter();
        try {
            if(template != null && !template.trim().equals("")) {
                pageContext.pushBody(body);
                pageContext.include(template);
                pageContext.popBody();
                
                return body.toString();   //生成返回html段
            }
        } catch(Exception e) {
            log.error("log error====>", e);
        } finally {
            try {
                body.close();
            } catch (IOException e) {
                log.error("log error==>", e);
                e.printStackTrace();
            }
            
        }
        
        return "";
    }

    abstract protected void execute(PageContext pageContext);
}
  • 之后根據第一段理解Block的基本步驟,注冊bean ,編寫jsp頁面,并在相應的block 繼承 BlockAbstract 的類下寫下相應的取數據代碼 。
    然后在tld文件下將bean的id作為<attribute>的name注冊到標簽中,以后就可以根據attribute名來選擇加載的block

Block 代碼示例

**java code BookStatusBlock**

public class BookStatusBlock extends BlockAbstract {

    private BookService bookService;
    
    public void setBookService(BookService bookService){
        this.bookService= bookService;
    }
    
    @Override
    protected vodi execute(PageContext pageContext){
        //get rqeust object
        HttpServletRequest request = (HttpServletRequest) pageContext.getRequest();
        
        //get some object from appContext
        User user = AppContext.getContext().getUser();
        
        /**
        do something
        **/
        //set the returned value 
        request.setAttribute("userName", user.getName);
    }
}


**tld code**
  <tag>
    <name>display</name>
    <tag-class>com.gavin.exam.taglib.BlockTaglib</tag-class>
    <body-content>empty</body-content>

  <attribute>
    <name>name</name> 
    <required>true</required>
    <rtexprvalue>true</rtexprvalue> 動態or靜態
  </attribute>
</tag>


**bean.xml文件注冊代碼**
<bean id="bookStatusBlock " class="com..BookStatusBlock ">
    <property name="template" value="/WEB-INF/jsp/xxxx.jsp"/>  <!--jsp頁面-->
    <property name="bookService" ref="bookService"/>
</bean>

**在jsp頁面中調用**

<block:display name="bookStatusBlock " />

注意此類中使用的service或其他類也要在xml文件中注冊依賴關系

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,363評論 6 532
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,497評論 3 416
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,305評論 0 374
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,962評論 1 311
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,727評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,193評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,257評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,411評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,945評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,777評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,978評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,519評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,216評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,642評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,878評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,657評論 3 391
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,960評論 2 373

推薦閱讀更多精彩內容

  • JSP 標準標簽庫(JSTL) JSP標準標簽庫(JSTL)是一個JSP標簽集合,它封裝了JSP應用的通用核心功能...
    FTOLsXD閱讀 335評論 1 2
  • 1什么是JSTLJSTL是apache對EL表達式的擴展(也就是說JSTL依賴EL),JSTL是標簽語言!JSTL...
    TY_閱讀 381評論 0 1
  • 這部分主要是與Java Web和Web Service相關的面試題。 96、闡述Servlet和CGI的區別? 答...
    雜貨鋪老板閱讀 1,421評論 0 10
  • 一、JSP基礎 1.1什么是JSP JSP(Java ServerPage)是Java服務器端動態頁面技術。是su...
    晨星資源閱讀 1,163評論 0 6
  • 概念:1)JSP(Java Server Page)是Java服務器端動態頁面技術。是sun公司制訂的一種服務器端...
    南山伐木閱讀 532評論 0 7