動態加載css,js

處理流程:

1. 在session filter中獲取請求的URL

2. 獲取css,js的配置數據,將URL與所有正則表達式進行匹配

3. 如果匹配成功,則獲取該正則表達式的css,js數據

4.在頁面上顯示

前期準備:

1. css,js, url正則表達式的配置:

1.1 例子:

    questionDetai.jsp, url : course/questionDetai/{questionId},對應的正則表達式: course/questionDetai/[0-9]+

   每一個頁面都有url,同時對應一個正則表達式。

1.2 存儲數據結構:

    Resource: 改Java對象存儲了一個頁面的css和js,有如下兩個字段。

         List<String> css, List<Map<String,String>> js

    All Resouce: Map<String, Resource> allData:存儲整個項目的配置數據

1.3 將數據配置在xml文件中,利用Spring MVC框架進行注入。

<bean id="allResouce:" class="All Resouce">
        <property name="allData">
            <map>
                <entry key="course/questionDetai/[0-9]+">
                    <ref bean="questionResource"></ref>
                </entry>
           </map>
        </property>
</bean>
<bean id="questionResource" class="Resource">
        <property name="css">
            <list>
                <value><![CDATA[a.css]]></value>
                <value><![CDATA[b.css]]></value>
                <value><![CDATA[c.css]]></value>
            </list>
        </property>
        <property name="js">
            <list>
                <map>
                    <entry key="src">
                        <value><![CDATA[a.js]]></value>
                    </entry>
                    <entry key="main">
                        <value><![CDATA[b]]></value>
                    </entry>
                </map>
            </list>
        </property>
</bean>


2. 新建一個bloak ,用來處理流程。

3.新建一個jsp顯示這些信息,別的jsp來引用他。



發佈了25 篇原創文章 · 獲贊 3 · 訪問量 6萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章