## 一 vm 是什么 ?
vm是一種頁面的格式,全稱是velocity model ,velocity 模板的意思,針對我們目前的項目可以看到處理的格式是這樣的,請求地址是htm,指令是action,參數是&拼接的,而返回地址的頁面是*.vm,經過velocityviewservlet 轉換就可以吧模板文件進行merge變成可讀的頁面文件,通過response返回給界面。
而servlet拓展除了各種請求的模板方式,包括.do,.action ,而對應的頁面的形式有jsp,php,asp,所以需要注意的是靜態的html文件是可以直接打開的,而動態的必須是在服務器環境下才可以打開,要通過引擎處理優化輸出html格式的才可以。
## 二 vm怎么用 ?
vm是基于java的模板引擎,可以吧java定義返回的對象,字符串,屬性直接以相應的模式解析出來,加載在標簽中。所以相應的方法只要按照屬性獲取,列表循環獲取即可。
## 三 常用的vm的語法有什么 ?
而針對復雜的邏輯,一般的語法是解決不了所有問題的,那么vm為我們準備了哪些常用語法呢?
### 1 設置變量 所有的變量默認按照字符串的形式獲取
`#set ($count='是的')`
vm是弱類型的變量,但是要注意一下幾點,
vm中的字符串將會被重新解析 特別是$命名的
vm變量的命名是一個大小寫的字母開始的,所以貨幣符號的使用是沒有問題的
正確的使用變量的方法是${var} 而$var 也是可以獲取的,但是實現無縫拼接的時候,需要區分
獲取屬性的時候,屬性加在{}里面
變量可以使變量引用,字符串,數字,屬性引用,方法引用,數組列表
~~~
#set( $monkey = $bill ) ## variable reference
#set( $monkey.Friend = "monica" ) ## string
#set( $monkey.Blame = $whitehouse.Leak ) ## property reference
#set( $monkey.Plan = $spindoctor.weave($web) ) ## method reference
#set( $monkey.Number = 123 ) ##number
#set( $monkey.Say = ["Not", $my, "fault"] ) ## ArrayList
~~~
vm中的屬性不會識別為屬性變量,而是識別為屬性方法
### 2 循環
~~~
#foreach($l in $list)
$l 可以是一個具體的字符串,也可能是一個對象,繼續讀取屬性方法 ($l.attr)
#end
~~~
循環的長度 $!list.size()==0
另外 需要注意的是 $! 是判斷對象是否存在的方法 如果存在 顯示 如果不存在 不顯示 為false
### 3 條件判斷
~~~
#if(condition)
#elseif(condition)
#else
#end
~~~
條件開始判斷 只要一個開始 一個結束語法 而且是就近匹配 注意與循環的嵌套使用
### 4 注釋 一般情況下 為了更好的理解你的頁面語法 需要一定的注釋語句
> 單行注釋 ##
> 多行注釋 #* *#
> 文檔注釋 #** **#
### 5 邏輯運算
&& || !
真或 以及假或的使用
### 6 宏的使用
也就是vm語法的函數,定義函數
~~~
#macro(宏的名稱 $參數1 $參數2 …)
語句體(即函數體)
#end
~~~
使用函數,注意的是 參數之間空格隔開
`#宏的名稱($參數1 $參數2 …)`
### 7 引入文件
`#include #parse 分別用于引入文件 ,一個適用于多個 ,一個適用于單個`
### 8 內置對象
$request、$response、$session,另外,模板內還可以使用 $msg內的消息工具訪問 Struts 的國際化資源,達到簡便實現國際化的方法。
### 9 一些零碎的知識點 ,不在描述
例如 #stop 停止模板的渲染 ,\ 用于轉義 等等,語法嵌套使用
## 四 vm 的頁面模板如何快速應用?
1. eclipse設置vm文檔關聯步驟 :
打開Eclipse ---》window----》preference -----》Content type-----》Text----》Html -----》Add ------》
2. 項目配置
首先需要配置的是Velocity引擎自己。要做到這點,可以通過以下方式在Spring配置文件中聲明一個VelocityConfigurer Bean:
~~~
<bean id="velocityConfigurer" class="org.springframework.web.servlet.view.velocity.VelocityConfigurer">
<property name="resourceLoaderPath">
<value>WEB-INF/velocity/</value>
</property>
</bean>
~~~
> VelocityConfigurer負責在Spring中設置Velocity引擎。這里,我們通過屬性resourceLoaderPath告訴Velocity到哪里尋找它的模板。我們建議將模板放到WEB-INF的某個子目錄下面,這樣可以保證這些模板不能被直接訪問。也可以通過velocityProperties屬性來設置其他Velocity的配置細節。例如下面的VelocityConfigurer配置:
~~~
<bean id="velocityConfigurer" class="org.springframework.web.servlet.view.velocity.VelocityConfigurer">
<property name="resourceLoaderPath">
<value>WEB-INF/velocity/</value>
</property>
<property name="velocityProperties">
<props>
<prop key="directive.foreach.counter.name">loopCounter</prop>
<prop key="directive.foreach.counter.initial.value">0</prop>
</props>
</property>
</bean>
<bean id= "velocityConfigurer"
class= "org.springframework.web.servlet.view.velocity.VelocityConfigurer" >
<property name= "resourceLoaderPath">
<value> /WEB-INF/view/</value >
</property>
<property name= "velocityProperties">
<props>
<prop key= "input.encoding">UTF-8</prop >
<prop key= "output.encoding">UTF-8</prop >
</props>
</property>
</bean>
~~~
- 前端入門
- 前端入職須知
- 入職準備
- 前端ide
- vsc快速上手指南
- 上手指南一
- 常用插件推薦
- 微信開發者
- sublime的使用
- hbuilder入門
- ws
- 前端面試
- 概要
- bat面試題庫
- 題庫一
- 面試大綱
- 題庫二
- 面試大綱
- 前端基礎面試題
- js基礎面試題
- vue&&react面試題
- 數據結構&&算法面試題
- 題庫三
- 001
- 題庫四
- 中小公司leader
- 常規題庫
- 前端規范
- 001
- css
- 001
- 002
- es6(js)
- 001
- 002
- 003
- 004
- node
- 001
- vue
- 001
- react
- 001
- 預處理器
- 001
- gulp
- 001
- webpack
- 001
- 設計模式
- 001
- web常識
- 001
- koa
- 001
- 小程序
- 001
- 數據結構與算法
- 001
- 推薦文章
- 面試指南
- web性能
- 面試分享
- 001
- ps
- ps入門階段
- 圖片類型以及區別
- 基本概念以及常用工具
- ps操作技巧
- 幾個問題
- ps互動教程軟件(app)
- 資源導航
- ps站點資源導航
- ui站點導航
- html
- h5專題
- audio/video
- Geolocation
- Websockets
- Web storage
- Communication
- Web Workers
- requestAnimationFrame
- async&&defer
- fileApi
- h5調用底層能力
- input新解
- canvas實戰篇
- 教程
- js
- javascript入門
- js代碼審查工具
- js性能優化
- 瀏覽器dom對象
- js優質資源
- indexDB入門
- jquery
- jq基本語法
- jq插件與原生插件
- Jq使用建議
- ajax后退解決方案
- jq常見問題
- js常用技術
- js控制運動-move.js
- 常用正則歸納
- js實用技術
- 鼠標行為分析
- document.referrer
- 你可能不知道的調試技巧
- 表格文件的讀取與下載
- 異步編程那些事
- 數據結構
- 編程環境和模型
- 列表
- 棧
- 隊列
- 鏈表
- 字典
- 散列
- 集合
- 二叉樹和二叉查找樹
- 參考
- js編程
- js模塊機制
- 算法
- 基本算法
- 遞歸
- 圖和圖算法
- 圖定義
- 系統建模
- 圖類
- 搜索圖
- 查找最短路徑
- 拓撲排序
- 圖實踐
- 排序算法
- 測試平臺
- 冒泡排序
- 選擇排序
- 插入排序
- 基本排序的比較
- 希爾排序
- 歸并排序
- 快速排序
- 實踐
- 二分排序
- 檢索算法
- 順序查找
- 二分查找
- 查找文本數據
- 檢索實踐
- 高級算法
- 動態規劃
- 貪心算法
- 高級算法實踐
- 代碼重構
- 簡化函數參數
- 001
- 002
- 基礎鞏固
- 001
- es2015實戰
- 初識es-module
- 異步編程
- es6工廠函數
- filter|map|reduce
- js實戰篇
- 前端圖像處理
- touch事件知多少
- 手勢與實踐
- print表格分頁
- 精彩文章推薦
- 001
- 插件庫
- 插件大全
- 功能性插件
- pdfjs
- wdatepicker
- qrcoder
- barcode插件
- photoviewer
- hammer.js
- echarts
- 視頻控件
- 發送瀏覽器通知
- 觸屏簽名插件
- 圖片相關插件推薦
- 待分類插件(pc)
- 待分類插件(手機端)
- 交互組件
- layerjs
- web
- web兼容
- pc端兼容bug匯總
- ie兼容bug匯總
- ie8測試專題
- web常用技術點
- web兼容匯總001
- ie6專題
- css兼容
- web安全
- web安全初級
- app/h5組件
- app教程
- 前端教程
- rubikx的教程
- 與app交互邏輯
- h5喚起app通識
- webview專題
- webview總綱
- js與oc交互協議
- js與安卓交互協議
- 兼容問題匯總
- jsBridge專題
- errorBook.js
- 常用工具
- chrome-devtool使用
- chraels
- 開發注意事項
- web常識
- markdown教程
- 自定義風格思路
- 經驗與問題總結
- 總結1
- 前端應該注意哪些seo
- 懶加載和預加載
- https
- 前端重構
- web優化
- 移動端web優化
- http緩存
- web端優化
- 圖片專題
- svg專題
- 深入淺出svg
- 地圖使用
- 注意事項
- 需求提交
- 常規交互需求提交
- 緩存
- 干貨文章
- 瀏覽器緩存
- 內存
- web性能指南
- 讀書筆記
- ui框架
- 概論
- easyui
- bootstrap
- 入門推薦
- modal插件使用
- 按鈕組件
- 正確使用柵格布局
- 下拉框插件使用
- 表單使用與驗證
- tab切換項插件
- 分頁控件
- 進度條控件
- 文件上傳控件
- 面板控件
- 常見特效與插件
- weui
- sui-pc
- sui-mobile
- layerUI
- frozen-UI
- rubik-u那些事
- 基本內容
- 小程序
- 小程序入門
- 入門
- 實踐踩坑
- 001
- 基本語法
- 開發大綱
- 注意事項
- 微信專題
- 基本入門
- 準備工作
- 定制菜單
- 圖文消息與圖文推送
- h5支付
- 公眾號支付
- node完成微信支付
- 進階使用
- 微信分享
- weui使用
- 基本使用
- 支付寶專題
- 支付寶h5支付
- app支付接入
- 服務窗支付
- java
- java入門
- eclipse基本使用
- 語言特點
- java代碼規范
- 編譯調試
- java基本語句
- springMVC
- javaweb
- vm模板引擎
- freemarker
- 常用常識
- 常用常識2
- 部署項目
- web --xml文件解析
- java生成pdf文件
- java讀取、寫文件案例
- 圖片加水印
- 圖片加水印2
- java-cookie
- 驗證碼文件
- sql-mapper語法
- maven教程
- mySql教程
- jeecms
- flash
- flash入門
- flash準備工作
- 運行與編譯
- 瀏覽器中flash設置教程
- flash檢測