ホーム>JSPソースコード>その他のカテゴリー
ダウンロード

jpipe

FacebookのBigPipeテクノロジーのJava実装。

JPipeはカスタムタグを介して実装されるため、バックエンドコードへの侵入がゼロになります。

HTMLは、前景ページを完成させる関数ですが、カスタムタグはバックグラウンドで特定の操作を完了できます。

特性

  • JSPタグサポート
  • Freemarkerコマンドサポート
  • FreemarkerでJSPタグを使用します

なぜBigPipeを使用するのか

  • スピードボトルネックを解きます
  • 遅延時間を短縮します

BigPipeはどのシナリオに適していますか？

主に適用可能：

  1. リクエスト時間は長く、バックエンドプログラムはデータを取得するために複数のAPIを読む必要があります
  2. ページコンテンツを表示する複数のブロックに分割でき、各ブロック間の相関は大きくありません（ゆるく結合されています）
  3. SEOに対する需要の弱い

複数の実装方法の比較

タイプリクエスト数サーバー側の圧力ユーザーエクスペリエンスWebページの読み込み速度モジュールの読み込み順序達成するのが難しいメンテナンス後の難しさ
普通1小さい違い遅いドキュメントフロー順序単純一般的に
ajax多くの大きい良い素早い不確実です困難困難
シングルスレッドビッグパイプ1小さい良い遅いカスタマイズ一般的に一般的に
マルチスレッドビッグパイプ1一般（スレッドプールによって引き起こされる）良い最速不確実です最も難しい一般的に

始める

スレッドプール構成

財産タイプ必要ですかデフォルト値説明します説明する
コアサイズintいいえ-1コアスレッドの数アイドルスレッドの最小数、とにかく生き残る最小スレッド数
マックスサイズintいいえ1024スレッドの最大数jPipeは、ページセットを処理するために使用されるスレッドの最大数を作成できます
キューサイズintいいえ1024最大待機コラムカウントリクエストの並行性は最大サイズよりも大きく、キューに入れて待ちます。
キープアリブ長さいいえ60000最大アイドル時間（MS）スレッドの数がコアサイズを超えると、スレッドの数がコアサイズに等しくなるまでリサイクルされます。
プレスタートオールコアスレッドブールいいえ間違い予熱するスレッドプールコアサイズのスレッドを事前に開始するかどうか

ペペタグ、コマンド

財産タイプ必要ですかデフォルト値説明します説明する
asyncブールいいえ真実ページェレットタスクを非同期に実行するかどうか

ページェレットタグ、コマンド

財産タイプ必要ですかデフォルト値説明します説明する
ドミッド弦はいHTMLドキュメントID
豆弦はい春の豆の名前
var弦はい変数パラメーター
uri弦いいえURIパラメーター
jsmethod弦いいえjp.viewデータをラップするJS関数

春と統合します

  • JpipeThreadPoolFactoryBeanクラスを通じて
<? xml version = " 1.0 " encoding = " UTF-8 " ?>
< beans xmlns = " http://www.springframework.org/schema/beans "
       xmlns : xsi = " http://www.w3.org/2001/XMLSchema-instance "
       xsi : schemaLocation = " http://www.springframework.org/schema/beans
		http://www.springframework.org/schema/beans/spring-beans.xsd " >

    < bean class = " top.ylonline.jpipe.spring.JpipeSpringFactoryBean " />
    
    < bean id = " pool-1 " class = " top.ylonline.jpipe.threadpool.common.Pool " >
        < property name = " coreSize " value = " -1 " />
        < property name = " maxSize " value = " 20 " />
        < property name = " preStartAllCoreThreads " value = " false " />
        < property name = " keepAlive " value = " 12000000 " />
        < property name = " queueSize " value = " 500 " />
    </ bean >

    <!-- 工场模式 -->
    < bean class = " top.ylonline.jpipe.threadpool.util.JpipeThreadPoolFactoryBean " >
        < property name = " pool " ref = " pool-1 " />
    </ bean >

    <!-- 或者 
    <bean class="top.ylonline.jpipe.threadpool.util.JpipeThreadPoolFactoryBean">
        <property name="pool">
            <bean class="top.ylonline.jpipe.threadpool.common.Pool">
                <property name="coreSize" value="4"/>
                <property name="maxSize" value="10"/>
                <property name="preStartAllCoreThreads" value="true"/>
                <property name="keepAlive" value="60000"/>
                <property name="queueSize" value="500"/>
            </bean>
        </property>
    </bean>
	-->
</ beans >
  • JpipeThreadPoolBuilderクラスを通じて
<? xml version = " 1.0 " encoding = " UTF-8 " ?>
< beans xmlns = " http://www.springframework.org/schema/beans "
       xmlns : xsi = " http://www.w3.org/2001/XMLSchema-instance "
       xsi : schemaLocation = " http://www.springframework.org/schema/beans
		http://www.springframework.org/schema/beans/spring-beans.xsd " >

    < bean class = " top.ylonline.jpipe.spring.JpipeSpringFactoryBean " />
    
    <!-- builder 模式 -->
    < bean id = " jpipeThreadPoolBuilder " class = " top.ylonline.jpipe.threadpool.util.JpipeThreadPoolBuilder " >
        < property name = " pool " >
            < bean class = " top.ylonline.jpipe.threadpool.common.Pool " >
                < property name = " coreSize " value = " 1 " />
                < property name = " maxSize " value = " 1 " />
                < property name = " preStartAllCoreThreads " value = " true " />
                < property name = " keepAlive " value = " 1 " />
                < property name = " queueSize " value = " 1 " />
            </ bean >
        </ property >
    </ bean >
    < bean id = " jpipeThreadPool-3 " factory-bean = " jpipeThreadPoolBuilder " factory-method = " build " />
</ beans >
  • Javabeanを通じて
 @ Bean
public JpipeSpringFactoryBean jpipeSpringFactoryBean (){
    return new JpipeSpringFactoryBean ();
}

@ Bean
public JpipeThreadPoolExecutor jpipeThreadPoolExecutor () {
    Pool pool = new Pool ();
    pool . setCoreSize ( 10 );
    pool . setMaxSize ( 1024 );
    pool . setPreStartAllCoreThreads ( true );
    pool . getKeepAlive ( 60000 );
    pool . getQueueSize ( 512 );
    // return new EagerThreadPool().getExecutor(pool);
    return new JpipeThreadPoolBuilder ( pool ). build ();
}

  • スプリングブートスターター経由

    • pom.xml依存関係
    < dependency >
    < groupId >top.ylonline.jpipe</ groupId >
    < artifactId >jpipe-spring-boot-starter</ artifactId >
    < version >${version}</ version >
</ dependency >
    • Application.yml構成
     jpipe :
  # enabled: true
  pool :
    pre-start-all-core-threads : true
    core-size : -1
    max-size : 20
    queue-size : 10
    keep-alive : 10000

パジェットを定義します

Springの@Serviceを使用して、PageletbeanインターフェイスのDOEXECメソッドを実装するためにパゲレットを定義します

 @ Service ( "testPagelet1" )
public class PageletServiceTest implements PageletBean {

    @ Override
    public Map < String , Object > doExec ( final Map < String , String > params ) {
        Map < String , Object > data = new HashMap <>( params );
        try {
            TimeUnit . MILLISECONDS . sleep ( new Random (). nextInt ( 5000 ));
        } catch ( InterruptedException e ) {
            e . printStackTrace ();
        }
        return data ;
    }
}

jpipe js

jpipe.core.js 

 ; ( function ( root , factory ) {
    if ( typeof exports === 'object' ) {
        module . exports = exports = factory ( ) ;
    } else if ( typeof define === 'function' && define . amd ) {
        define ( [ ] , factory ) ;
    } else {
        root . JP = factory ( ) ;
    }
} ( this , function ( ) {
    var JP = JP || ( function ( window ) {
        return {
            view : function ( json ) {
                var id = json [ 'id' ] ;
                document . getElementById ( id ) . innerHTML = json [ 'html' ] ;
            }
        } ;
    } ( window ) ) ;
    return JP ;
} ) ) ;

JSPタグ

  • タグ<%@ taglib prefix="jp" uri="http://java.yl-online.top/jsp/jpipe" %>を紹介します
  • カスタムタグを使用してください。最初の画面DOMのレンダリングがブロックされないように、 </body>に置くのが最善です。 
 < %@ page contentType="text/html;charset=UTF-8" trimDirectiveWhitespaces="true" % >
< %@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" % >
< %@ taglib prefix="jp" uri="http://java.yl-online.top/jsp/jpipe" % >
< c:set var =" ctx " value =" ${pageContext.request.contextPath} " />
< html lang =" en " >
< head >
    < title > index </ title >
    < meta http-equiv =" Content-Type " content =" text/html; charset=UTF-8 " />
    < meta name =" viewport " content =" width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no " >
    < script type =" text/javascript " src =" ${ctx}/resources/jpipe.core.js " > </ script >
</ head >
< body >
< h1 > index </ h1 >
< div id =" pagelet1 " > </ div >
< div id =" pagelet2 " > </ div >
< jp:pipe >
    < jp:pagelet domid =" pagelet1 " bean =" testPagelet1 " var =" item " uri =" id=123&name=forever杨" >
        < h1 > jspbody support </ h1 >
        < p > ${item.id} </ p >
    </ jp:pagelet >
    < jp:pagelet domid =" pagelet2 " bean =" testPagelet2 " var =" item2 " uri =" id=456&name=forever杨2 " >
        < h1 > jspbody support </ h1 >
        < p > ${item2.name} </ p >
    </ jp:pagelet >
</ jp:pipe >
</ body >
</ html >

いいえ：TomcatやJettyなどのコンテナに展開します

FTLコマンド

  • FreeMarker構成を介して名前空間を構成します
 @ Configuration
public class MvcWevConfig {
    @ Resource
    private freemarker . template . Configuration configuration ;

    @ PostConstruct
    public void setConfiguration () {
        Version version = freemarker . template . Configuration . getVersion ();
        DefaultObjectWrapper wrapper = new DefaultObjectWrapperBuilder ( version ). build ();
        this . configuration . setSharedVariable ( "jp" , new FmHashModel ( wrapper ));
    }
}
 < #-- < #assign pipe="top.ylonline.jpipe.freemarker.tag.PipeTag"?new() /> -- >
< #-- < #assign pagelet="top.ylonline.jpipe.freemarker.tag.PageletTag"?new() /> -- >
< html lang =" en " >
< head >
    < title > index </ title >
    < meta http-equiv =" Content-Type " content =" text/html; charset=UTF-8 " />
    < meta name =" viewport " content =" width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no " >
    < script type =" text/javascript " src =" jpipe.core.js " > </ script >
</ head >
< body >
< h1 > index </ h1 >
< div id =" pagelet1 " > </ div >
< div id =" pagelet2 " > </ div >
< @jp.pipe >
    < @jp.pagelet domid="pagelet1" bean="testPagelet1" var="item" uri="id=123&name=forever杨" >
        < h1 > testPagelet1 jspbody support </ h1 >
        < p > ${item.id} </ p >
    </ @jp.pagelet >
    < @jp.pagelet domid="pagelet2" bean="testPagelet2" var="item2" uri="id=456&name=forever杨2" >
        < h1 > testPagelet2 jspbody support </ h1 >
        < p > ${item2.name} </ p >
    </ @jp.pagelet >
</ @jp.pipe >
</ body >
</ html >
  • assign assign commandを介して構成します
 < #assign pipe="top.ylonline.jpipe.freemarker.tag.PipeTag"?new() />
< #assign pagelet="top.ylonline.jpipe.freemarker.tag.PageletTag"?new() />
< html lang =" en " >
< head >
    < title > index </ title >
    < meta http-equiv =" Content-Type " content =" text/html; charset=UTF-8 " />
    < meta name =" viewport " content =" width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no " >
    < script type =" text/javascript " src =" jpipe.core.js " > </ script >
</ head >
< body >
< h1 > index </ h1 >
< div id =" pagelet1 " > </ div >
< div id =" pagelet2 " > </ div >
< @jp.pipe >
    < @jp.pagelet domid="pagelet1" bean="testPagelet1" var="item" uri="id=123&name=forever杨" >
        < h1 > testPagelet1 jspbody support </ h1 >
        < p > ${item.id} </ p >
    </ @jp.pagelet >
    < @jp.pagelet domid="pagelet2" bean="testPagelet2" var="item2" uri="id=456&name=forever杨2" >
        < h1 > testPagelet2 jspbody support </ h1 >
        < p > ${item2.name} </ p >
    </ @jp.pagelet >
</ @jp.pipe >
</ body >
</ html >

FTLでカスタムJSPタグを使用します

FTLはJSPタグの使用をサポートしています。プロジェクトがJSPテンプレートを使用していない場合、これは推奨されません。カスタムJSPタグはJSP環境で作成および操作されるため、JSP 1.1またはJSP 1.2をサポートするサーブレットコンテナを導入する必要があります（TomcatやJettyなどのサーブレットコンテナの展開）。

より正確な説明は、サーブレットコンテナにはローカルJSPサポートがありませんが、FreeMarkerのJSPタグライブラリを使用することもできます。 javax.servlet.jsp。* JSPバージョン1.2（または新しい）のパッケージがWebアプリケーションで利用できることを確認してください。サーブレットコンテナがJSP 1.1のみをサポートしている場合、次の6つのクラス（Tomcat 5.xまたはTomcat 4.xのJARパッケージから抽出できるなど）をコピーする必要があります。 javax.servlet.servletcontextlistener、javax.servlet.servletcontextattributelistener、javax.servlet.http.httpssionttributeListener、javax.servlet.http.httpsessionlistener。ただし、コンテナはJSP 1.1のみをサポートしているため、通常はサーブレット2.3の前に以前のバージョンを使用しているため、イベントリスナーがサポートされない可能性があるため、イベントリスナーを登録するJSP 1.2タグライブラリは正常に動作します。

報道時間の時点で：JSPはバージョン2.3にリリースされました

index.ftlコード

<#assign jp=JspTaglibs["http://java.yl-online.top/jsp/jpipe"] />を使用して、カスタムJSPタグを紹介します

 < #assign jp=JspTaglibs["http://java.yl-online.top/jsp/jpipe"] />
< html lang =" en " >
< head >
    < title > index </ title >
    < meta http-equiv =" Content-Type " content =" text/html; charset=UTF-8 " />
    < meta name =" viewport " content =" width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no " >
    < script type =" text/javascript " src =" jpipe.core.js " > </ script >
</ head >
< body >
< h1 > index </ h1 >
< div id =" pagelet1 " > </ div >
< div id =" pagelet2 " > </ div >
< @jp.pipe >
    < @jp.pagelet domid="pagelet1" bean="testPagelet1" var="item" uri="id=123&name=forever杨" >
        < h1 > testPagelet1 support </ h1 >
        < p > ${item.id} </ p >
    </ @jp.pagelet >
    < @jp.pagelet domid="pagelet2" bean="testPagelet2" var="item2" uri="id=456&name=forever杨2" >
        < h1 > testPagelet2 support </ h1 >
        < p > ${item2.name} </ p >
    </ @jp.pagelet >
</ @jp.pipe >
</ body >
</ html >

UnderTowに展開します

メイブン依存関係

 <!-- undertow 部署 -->
< dependency >
    < groupId >org.springframework.boot</ groupId >
    < artifactId >spring-boot-starter-undertow</ artifactId >
</ dependency >
<!-- undertow 部署 -->

< dependency >
    < groupId >javax.servlet.jsp</ groupId >
    < artifactId >javax.servlet.jsp-api</ artifactId >
    < version >2.3.3</ version >
</ dependency >

UnderTowなどのコンテナにはJSP-API環境がないため、javax.servlet.jsp-apiパッケージに依存する必要があり、同時に、TaglibFactoryを通じてFreeMarkerのClassPathtldsを構成する必要があります。この構成がなければ、エラーが報告されます：freemarker.ext.jsp.taglibfactory $ taglibgettingexception：「http://java.yl-online.top/jsp/jpipe "JSP taglib uriのtldは見つかりませんでした。 （TLD-SはJSP 2.2仕様に従って検索されます。開発および埋め込み型と埋め込み型コンテナの設定では、「メトインフルドソース」および「classpather.ext.servlet.freemarkerservlet init-paramsまたは同様のシステムプロパティが必要になる場合があります。）

構成

 @ Configuration
public class MvcWevConfig {
    @ Resource
    private FreeMarkerConfigurer freeMarkerConfigurer ;

    @ PostConstruct
    public void loadClassPathTlds () {
        List < String > classpathTlds = new ArrayList <>();
        classpathTlds . add ( "/META-INF/Jpipe.tld" );
        freeMarkerConfigurer . getTaglibFactory (). setClasspathTlds ( classpathTlds );
    }
}

Tomcatに展開します

メイブン依存関係

 <!-- 外部 Tomcat 部署 -->
< dependency >
    < groupId >javax.servlet</ groupId >
    < artifactId >javax.servlet-api</ artifactId >
    < scope >provided</ scope >
</ dependency >
< dependency >
    < groupId >org.springframework.boot</ groupId >
    < artifactId >spring-boot-starter-tomcat</ artifactId >
    < scope >provided</ scope >
</ dependency >
< dependency >
    < groupId >org.apache.tomcat.embed</ groupId >
    < artifactId >tomcat-embed-jasper</ artifactId >
    < scope >provided</ scope >
</ dependency >
<!-- 外部 Tomcat 部署 -->

TomcatとJettyにはすでにJSP-API環境があるため、Javax.servlet.jsp-APIパッケージに頼る必要はもうありません。

拡大する
追加情報
関連アプリ
おすすめ
関連情報 すべて