## 一 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>
~~~
- 前端入門
- 前端入職須知
- 前端自我定位
- pc與手機頁面差別
- 前端書單
- 前端種子計劃
- 前端技術棧
- ps
- ps入門階段
- html
- html入門
- html代碼規范
- meta
- table
- iframe
- a標簽詳解
- image
- html代碼審查工具
- h5專題
- h5入門
- h5新增屬性
- canvas畫布教程
- audio/video
- Geolocation
- Websockets
- Web storage
- Communication
- Web Workers
- requestAnimationFrame
- css
- css入門必學
- css代碼規范
- 項目字體規范
- css基本位置布局
- css常見樣式命名規則
- css代碼優化建議
- css常用樣式名
- css選擇器攻略
- css盒子模型的理解
- css屬性繼承與默認值
- css代碼審查工具
- css中常見的知識盲區
- css3新特性淺談
- css新特性了解
- border-radius
- background
- transform
- animation
- white-space
- css常用技術
- 文本兩端對齊
- css之浮動解決方案
- css優化建議
- 文本超出省略
- img-sprites
- rem布局教程
- 水平居中&垂直居中
- 固寬&變寬布局
- 寬高固定比例的盒模型
- 樣式預處理語言
- less教程
- sass教程
- postcss教程
- js
- javascript入門
- js代碼規范
- js基礎拓展
- js代碼審查工具
- js性能優化
- js基本語句
- 基本運算
- 基本語句語法
- js對象
- es6入門
- obj
- Array
- Date
- String
- Boolean
- Number
- Json
- RegExp
- Math
- function
- jquery入門
- jq核心思想
- jq基本語法
- jq插件庫匯總
- js常用技術
- break&continue區別
- js對日期轉換
- js控制運動-move.js
- 原生js-cookie語法
- ajax請求后回調
- 表單數據序列化
- zepto
- zepto入門
- 百度touchjs
- js編程
- 插件庫
- 功能性插件
- pdfjs
- wdatepicker
- qrcoder
- barcode插件
- photoviewer
- hammer.js
- echarts
- 交互組件
- layerjs
- java
- java入門
- java基本語句
- springMVC
- javaweb
- vm模板引擎
- freemarker
- maven教程
- mySql教程
- flex教程
- flex入門
- git教程
- git入門
- git分支
- git-tag管理
- git注意事項
- git-torise入門
- ide-git插件使用
- web
- web兼容
- web兼容思想
- pc端兼容適配文檔
- pc端兼容bug匯總
- ie兼容bug匯總
- 手機兼容bug匯總
- web安全
- jeecms
- web存儲
- app/h5組件
- 安卓教程
- ios教程
- 前端教程
- rubikx的教程
- 其他
- artTemplate
- tmod使用
- 跨域問題
- markdown教程
- 常用工具
- postman-api調試
- web常識
- 瀏覽器ua統計
- ui框架
- easyui
- bootstrap
- 入門推薦
- weui
- sui-pc
- sui-mobile
- layerUi