先參考以前ASP.NET的功能《網站程序(案例)》http://www.cnblogs.com/insus/p/3291322.html。 作為一個網站后台管理,我們可以實現一個預覽的功能。即是說能讓管理員管理數據之后,能預覽到效果。
這些情況,一般是在沒有開發前端網頁情況之下,可以使用。
現今Insus.NET在MVC應用程序實現相同的功能。ASP.NET與ASP.NET MVC不是一樣的開發結構,沒有相同的部分可以拷貝。只有能明白它的功能之后。才能完成。
以下例子,僅開兩個視圖和一個共用預覽的視圖。真實環境不止兩個視圖,每個視圖內容不一樣,但共用預覽的視圖只有一個,是用來預覽來自各個不同視圖的結果。
創建一個全新的控制器,並添加三個Action:
本例中,只是演示,在視圖中,Insus.NET只入了一個文本框,讓用戶填寫數據,還放一個按鈕,是讓用戶來預覽所輸入的結果。另一個視國中,放了一個下拉列表,讓用戶選擇,還放了一個按鈕,和第一個視圖一樣,用來預覽之用。
視圖一:
一般情況之下,每個視圖,都會有model,下面分別就是上面兩個視圖的模型, 模型1:
模型2:
現在,我們需要做的,是實現每個視圖預覽的結果。這些結果只被加載至公用的視圖中。因此只能使用部分視圖(PartialView)。使用部分視圖的好處,就是將來前端網頁需要顯示時,也可以使用這個部分視圖。
部分視圖1:
部分視圖2:
接下來,需要創建一個Render的工具,即是把視圖Render為字符:
此時,實現的是每個視圖中預覽銨鈕的功能,就是點一點預覽按鈕,就能把視圖的結果加載在預覽視圖中去。在控制器中,再創建三個預覽視圖Action,一個作為公共用的預覽,另兩個用作銨鈕的Action之用。
在公共的預覽視圖中,你只管創建它,但無需添加任何內容,因為它是一個載體:
好的,現在我們開始寫視圖中預覽銨鈕的代碼了,代碼即是jQuery的代碼,先看視圖1:
視圖2的預覽jQuery代碼:
執行成功之后,視圖導向那個預覽視圖去。
最后是演示預覽效果: