|
今天與大家來分享在製作網站時常用的技巧： 1. 嵌入固定的網頁內容 ( 如： 頁首內容、 頁尾內容。 [ 如下圖 ① 及 下圖 ③ 處 ] 2. 除了使用 Response.Write() 方法來印出文字外，如何把想 show 出的文字 及 變數 同時來 Show 出。 [ 如下圖 ② 處 ]
首先，如下圖，請先建立一個 Template 資料匣，並於此資料匣中新增 Header.cshtml 及 Footer.cshtml 兩個網頁檔 ( 如下圖 ① )，並再另外於根目錄中新增一個 RanderPageDEmo.cshtml 網頁 ( 如下圖 ② )。
從上圖，相信眼尖的你一定看得出來我又在吊大家的胃口了！ 是的，為了替下一篇文鋪梗及為了避免不要讓大家與本文混淆，同時又下一篇文跟本篇又有很大的關連！( 好複雜啊！ ) 所以先留個梗，等本文各位確定關念清楚後，再看到下一篇文才會更容易了解！
接著，請編輯 Header.cshtml 檔案內容 ( 即設定標題的頁面 / 頁頭 )
或請 Copy 如下程式碼。
接著，請編輯 Footer.cshtml 檔案內容 ( 即設定頁腳的頁面 )
或請 Copy 如下程式碼。
把上述的 頁頭 / 頁尾 ( 即你想要在每個網頁中插入的頁面 ) 準備好後，過來就請編輯 RanderPageDemo.cshtml 網頁 ( 即內容頁 )
如下圖所示，把剛才 Header.cshtml 及 Footer.cshtml 兩網頁，透過 @RenderPage() 方法來進行 插入 / 嵌入 的動作。 ( 就是靠 @RenderPage() 方法就能達到每頁固定 插入 / 嵌入 你想要的網頁內容囉！ ) 這樣就能達到 嵌入固定的網頁內容囉！
或請 Copy 如下程式碼。
過來，就是要介紹第二個主題： 如何把想 show 出的文字 及 變數 同時來 Show 出
如下圖 ① ， 1. 如果想在程式碼區段中印出文字 ( 即在 @{………} 中想在前端印出文字來 ) ，此時只要輸入 @: 然後再加上你要的文字即可。 2. 但如果想印出變數，也就是在變數名稱前加上個 @ 即可。 3. 同時，若想要印出 @ 這個字時，記得， 在 @ 前再多加個 @，變成 @@ 這樣就能印出 @ 喔。
本文看起來很簡單，但是確是非常的實用！也常常會用到。所以，各位看倌可以參考看看囉！ 相信對你一定有很大的幫忙的～
|
|
|
