ftl檔案引入css,js
ftl引入css,js
>檔案結構一覽
>jar包一覽
>web.xml
關鍵一句話,就是springmvc的那個servlet,因為要用RESTFul風格,所以攔截/,並且讓它去讀springMVC來初始化(java /src 根路徑)。
<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
id="WebApp_ID" version="2.5"> <display-name>justforfun</display-name> <welcome-file-list> <welcome-file>index.html</welcome-file> </welcome-file-list> <servlet> <servlet-name>springMVC</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <init-param> <param-name>contextConfigLocation</param-name> <param-value>classpath*:/springMVC.xml</param-value> </init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>springMVC</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping>
>springMVC.xml
配置ftl config和viewResolver都是網上找的,直接copy過去,關鍵是mvc:resources,後面的location注意要放到可以被訪問的地方(tomcat中WEB-INF下的東東貌似別人是訪問不到的),spring的問檔中說可以放在跟目錄下或者神馬著名的可被訪問的目錄(好像應該這麼翻譯)META-INF.
<?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:tx="http://www.springframework.org/schema/tx" xmlns:context="http://www.springframework.org/schema/context" xmlns:mvc="http://www.springframework.org/schema/mvc" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.0.xsd http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-3.0.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-3.0.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd"> <!-- 自動掃描的包名 --> <context:component-scan base-package="com.app,com.core,JUnit4"></context:component-scan> <!-- 預設的註解對映的支援 --> <mvc:annotation-driven /> <!-- freemarker config --> <bean id="freemarkerConfig" class="org.springframework.web.servlet.view.freemarker.FreeMarkerConfigurer"> <property name="templateLoaderPath" value="/WEB-INF/ftl/" /> </bean> <!-- View resolvers can also be configured with ResourceBundles or XML files. If you need different view resolving based on Locale, you have to use the resource bundle resolver. --> <bean id="viewResolver" class="org.springframework.web.servlet.view.freemarker.FreeMarkerViewResolver"> <property name="cache" value="true" /> <property name="prefix" value="" /> <property name="suffix" value=".ftl" /> <property name="contentType" value="text/html; charset=UTF-8"/> </bean> <!-- 攔截器 --> <!-- <mvc:interceptors> <bean class="com.core.mvc.MyInteceptor" /> </mvc:interceptors> --> <!-- 對靜態資原始檔的訪問 方案一 (二選一) --> <!-- <mvc:default-servlet-handler /> --> <!-- 對靜態資原始檔的訪問 方案二 (二選一) --> <mvc:resources mapping="/images/**" location="/META-INF/resources/images/" cache-period="31556926" /> <mvc:resources mapping="/js/**" location="/META-INF/resources/js/" cache-period="31556926" /> <mvc:resources mapping="/css/**" location="/META-INF/resources/css/" cache-period="31556926" />
>ftl檔案
匯入spring.ftl是為了獲得一個路徑,@s.url,這個東東會自動加上你工程的名字,例如s.url '/css/default.css'/,會變成justforfun/css/default.css,千萬注意!!!
script一定不能寫成<script 某某某 />,應該寫成<script 某某某></script>
,要不然這行後面的東西在html裡面都解析不到了,被這個糾結了好久,不知道為神馬,希望大牛看到能告知告知。
<#import "spring.ftl" as s /> <!DOCTYPE> <html> <head> <title> 首頁 </title> <link rel="stylesheet" type="text/css" href="<@s.url '/css/default.css'/>"/> <script type="text/javascript" src="<@s.url '/js/jquery.min.js'/>"> </script> </head> <body> <h1> 首頁的試煉 </h1> <div> bingo! <img src = "<@s.url '/images/img1.jpg'/>"/> </div> </body>
>spring的controller
這個僅僅返回index就好了。
package com.app.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; @Controller @RequestMapping("/") public class IndexController { @RequestMapping(method=RequestMethod.GET) public String index(){ return "index"; }
}
>最終效果
ps,增強你的效率vimer
找到了一個老哥配置的gvim,非常不錯,在eclipse裡面可以用viplugin這個外掛,在環境變數裡面加入vim的路徑,:vim即可直接啟用vim編輯,美中不足的是沒有加上command-T這個外掛,因為用ruby,windows下各種不成功,可惜。linux下推薦janus這個vim外掛管理器很好很強大,而且command-T也預設安裝了,:help janus有很大驚喜 另外,用zsh吧,好好配置一下,它的tab功能比bash強好多。
http://www.codeweblog.com/code/snippet_574132_13357
pps 為什麼上面圖片不顯示???
相關推薦
ftl檔案引入css,js
ftl引入css,js >檔案結構一覽 >jar包一覽 >web.xml 關鍵一句話,就是springmvc的那個servlet,因為要用RESTFul風格,所以攔截/,並且讓它去讀springMVC來初始化(java /src 根路徑)。 <
HTML檔案裡把所有的css、js檔案引入後,其他的HTML檔案引入該頁面後,可以使用該頁面引入的css和js
怎樣將一個HTML檔案裡把所有的css、js檔案引入後,然後其他的HTML檔案就不需要在進行引入了 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"
python學習之網站的編寫(HTML,CSS,JS)(十一)----------如何利用其它html檔案中的CSS(也就是可以將共同的地方提取出來,放大一個檔案中,利於使用)
首先說一下它的具體用處,我們已經知道,當我們寫一個html檔案的時候,不同的標籤想用相同的版式的時候,我們可以將它提取出來,然後再用一些選擇器進行應用,比如class選擇器。但是,但我們編寫多個html檔案中的時候,多個檔案都想用一些相同的版式該怎麼辦呢? 那麼就引入了這種連線的方式,首先寫一個
Node.js學習筆記(一)——完整的響應html頁面(包括css,js檔案)
Node.js學習筆記(一)——完整的響應html頁面(包括css,js檔案) 新手學習部落格,如存在問題,歡迎指出! 終於解決了這個問題!之前寫的程式碼,然後只能加載出html檔案,然後在網上找到了解決方案。 參考部落格 這裡標記一下最主要的幾個點: node.js
怎麼載入資原始檔css,js,img資料夾裡的檔案呢?-Thinkphp5
tp5中唯一對外公開的目錄是根目錄下的public,當然也可以設定,但為了安全起見最好預設。 網站所用到的css、js、圖片檔案要放在public下的static資料夾裡面 手冊裡的描述:https://www.kancloud.cn/manual/thinkphp5/125020
打包公用的jsp,css,js到jar,其他war包引入後使用
新搭了一個專案,做非業務控臺,此控臺涉及到多個子業務模組的控臺訪問,方案是用cas做單點登入,shiro做許可權認證。 碰到一個問題,控臺頁面統一基於bootstrap做了頁面框架,拆分出了header.jsp,menu.jsp 等,但jsp:include又不支援跨專案引
如何在jsp檔案中引入css和js檔案
一:如何在jsp頁面中引入css樣式表文件? 1, 首先把寫好的css樣式表內容存為*.css格式。如style.css 2, 在頁面中引入這個css 樣式檔案。用如下的方式引入。 <link rel="stylesheet" href="./css/style.css" type="tex
uni-app 專案引入第三方js外掛,單個js檔案引入成功,呼叫該外掛方法
通過“vue專案引入第三方js外掛,單個js檔案引入成功,使用該外掛方法時報錯(問題已解決)”成功移到UNI-APP上 引用網址:https://www.cnblogs.com/web1/p/8819471.html 一、index.vue <templat
django 解決css,js檔案304導致無法載入顯示問題
這種情況一般會在windows系統下出現 1、前臺、後臺如果無法載入css等樣式。(建議通過此辦法來解決) 這是因為你安裝的某些IDE 或者其他更改了登錄檔導致的系統的登錄檔\HKEY_CLASSES_ROOT\.css的Content Type不是text/css,修改即可。改完記得重啟開發伺服器並按C
用Django開發網頁時發現無法引用css,js檔案
1、這是我剛開始的檔案程式碼,下面畫紅線和帶有黃色陰影都是報錯的,表示未成功引用js和css檔案。所以在查找了一些資料後獲得了一下的解決方法。 2、在專案資料夾下建立static檔案,又在static下建立js,css,jq資料夾,再在js,css,jq資料夾下放置相應
在vue項目npm run build後,index.html中引入css和js 報MIME type問題
html 引用 public 總結 瀏覽器中 找到 概率 配置 報錯 問題: 1.在vue項目中,build打包後,index頁面打開會報錯, MIME type (‘text/html‘) ;報錯內容:because its MIME type (‘text/html‘
Eclipse中maven環境搭配,使用jetty啟動後不能更改css,js檔案的解決方法
原因: Jetty會使用記憶體對映檔案來快取靜態檔案,包括js,css檔案。 在Windows下,使用記憶體對映檔案會導致檔案被鎖定,所以當Jetty啟動的時候無法在編輯器對js或者css檔案進行編輯
在Django中使用css,js等靜態檔案
搗鼓了三個晚上才成功,遇到了好多麻煩,發現別人的部落格都操作不了,趕緊把自己的操作分享出來 下面是方法: 1. settings 中有三個地方要寫 # Static files (CSS, JavaScript, Images) STATIC_URL
angular4.0引入安裝第三方外掛以及自己寫的css,js
安裝第三方外掛(jquery,bootstrap等) 由於修改了angular-cli.json所以修改完成後一定要重啟專案 jquery安裝 進入專案目錄輸入(可以使用淘寶映象) npm install –save jquery npm in
Django套用現成模板,匯入css,js,images等檔案
環境 windows10 pycharm2017.3.3 professional edition(必須專業版) python3.6.4 django2.0.2 參考資料 方法
Eclipse中maven環境使用jetty啟動後不能儲存更改後的css,js等靜態檔案的解決方法
【問題現象】 使用Maven + Eclipse + Jetty 進行J2EE開發,但有一個問題就是css、js等靜態檔案更改以後,在eclipse裡儲存都會失敗,eclipse給出的錯
關於CI框架引入CSS與JS檔案
</pre>最近用了一下CI框架,使用到了bootstrap,引入CSS檔案的時候一直不生效,琢磨這找到了原因。<p></p><p>首先,在根目錄找到.htaccess檔案,修改為如下內容</p><p>
ThinkPHP3.2.3框架模板檔案中匯入css,js檔案相關問題
解決辦法: (1) 可以用原來的方式引進js,css檔案,但是其預設位置是在與專案app資料夾同級目錄的Public資料夾(需要自己建立)下面 (2)使用import標籤,如: <import type='js' file="Js.Util.Array" basepa
tp5怎麼引入css、js檔案
①這樣訪問比如<link href="/static/css/font-awesome.css" rel="stylesheet">或者 這樣'view_replace_str' => ['__CS__' => DS.'static'.DS.'css'
jsp如何引入css和js檔案
開發十年,就只剩下這套架構體系了! >>>