DTCMS插件的製作實例電子資源管理(三)前臺模板頁編寫

来源:http://www.cnblogs.com/JangoJing/archive/2017/05/09/6829393.html
-Advertisement-
Play Games

總目錄 插件目錄結構(一) Admin後臺頁面編寫(二) 前臺模板頁編寫(三) URL重寫(四) 本實例旨在以一個實際的項目中的例子來介紹如何在dtcms中製作插件,本系列文章非入門教程,部分邏輯實現一帶而過,敬請諒解。 時隔2年,再次收到本文的回覆,實在慚愧,本系列竟然終止於第二章節。不從外部找原... ...


總目錄

時隔2年,再次收到本文的回覆,實在慚愧,本系列竟然終止於第二章節。不從外部找原因,自從自身找缺點,一定是我寫的不夠好,一定是太功利了,所以決定重新回到當時的教程,完成這個時隔2年的系列。

本章目錄

  • 前臺模板頁的編寫
  • 前臺模板頁數據的提供

           

           

一、前臺模板頁的編寫

1.1 列表頁面

首先在插件目錄的templet下新建一個DataBase_List.html。

文件的內容是要做一個列表頁,除去head和footer,中間部分我們想做成這個樣子。由於我們不是初級教程,這裡頁面的製作設計大量的css我們就略過了,html的內容可以直接找新聞列表頁複製,我們只要對其中的幾個部分做修改就可以了。譬如我們需要自己實現一個導航部分,利用ul>li,外加一些css就可以實現,這裡不再展開,下麵的單個資料庫,類似新聞的摘要部分。右側的分類直接同新聞列表頁右側的分類嘛。兩張圖一對比,就發現完全一樣嘛。

----------------------------------------------------------------------------------------------------------------------------------

所以我們的html大致的框架可以做出來了,head和footer就是複製過來,右側也是複製過來,主要要修改的就是左邊那個div class="main_L"的。

----------------------------------------------------------------------------------------------------------------------------------

接下來在分析到左側的結構,上面兩個篩選框,下麵一個ul>li的摘要簡介列表,最下麵一個分頁。發現分頁是現成的,摘要簡介列表同新聞的部分,實現起來完全可以借鑒。

       

由於篩選框也是獲取數據迴圈展示,列表部分也是獲取數據迴圈展示,所以我們就拿UL列表部分來解釋

       

       

1.2 詳情頁面

列表頁做好之後我們再做詳情頁,詳情頁面和新聞的詳情頁也基本一樣嘛,複製過來稍微改一改就ok了,比列表頁還更省事。這裡就不截圖演示了。

       

二、前臺頁面數據的提供

2.1 通過URL配置關聯前臺html和後臺cs代碼

還記得第一節我們略過了配置文件中很大一塊內容,URL的rewrite嗎? 這裡我們就要提前簡單介紹一個部分了,就是url和後臺代碼的映射,這裡為了避免干擾信息,我把其他的擦掉了,主要是看rewrite的部分。Name是這個頁面的名字,不可和其他的重寫重覆,type裡面可以有幾個枚舉,list表示列表頁,details表示詳情頁,其他的用的不多。Page表示生成的文件名,因為DTCMS的模板引擎的工作原理是生成出aspx的文件存放在目錄里,這裡page必須要aspx的文件結尾。Inherit這裡就是我們的重頭戲,html關聯的後臺cs代碼的命名空間了。Templet就是這個頁面的模板頁面。所以我們知道了前臺html和後臺cs的關聯是在配置文件里的。也就是下麵的圖中所示。

       

2.2 提供數據的方法

所以我們在模板頁裡面寫的這些獲取數據的方法,其實呢是寫在下圖這個文件里的。

    <%set List<LibCMS.Domain.Stat.DataBase> dbList = FindListByPropertty(out pagelist)%>

       

--------------------------------------------------------------------------------------

這個文件怎麼寫呢,我們還是找友情鏈接,友情鏈接不也有列表頁嗎,我們複製過來改。所以整個cs文件沒有多少行代碼,只要自己寫一個獲取數據的方法就可以了。請註意了這個頁面上所有定義的屬性,如page,totalcount,pagesize這些protected的變數在模板頁都是可以直接拿來用的,所以有什麼要傳遞的值也可以放在這裡,然後通過ShoPage的時候初始化就可以在html頁面上直接使用了。

       

       

至此,我們就完成了前臺模板頁和模板頁獲取數據的一整套工作了。其實如果沒有分頁,沒有篩選,沒有參數的話,這個頁面也就做好了。但是事實上我們碰到的問題總是比想象要複雜的多,這裡我們還沒有考慮到的就是參數傳遞的問題,我們後臺頁面怎麼獲取參數啊?dtcms提供了怎麼樣的參數傳遞方法給我們使用呢? 下一節我們繼續講url重寫的部分。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 項目需求原因需要把Webapi中的Datetime 序列化及反序列化時間戳(long),遇到相同問題的同學可作參考。 1.聲明一個時間戳轉換器 2.配置使用時間戳轉換器(到這一步API就能序列化和反序列化時間戳了) 3.因為項目中使用了Swagger UI自動生成WebApi文檔如果想介面文檔Dat ...
  • 第一種方案: 用require吧 <configuration> ... <startup> <requiredRuntime version="4.0.30319" safemode="true"/> </startup> ... </configuration> 轉載自:https://soci ...
  • 如果需要基於鍵對所需集合排序,就可以使用SortedList<TKey,TValue>類。這個類按照鍵給元素排序。這個集合中的值和鍵都可以使用任何類型。定義為鍵的自定義類型需要實現IComparer<T>介面,用於給列表中的元素排序。 使用構造函數創建一個有序列表,在用Add方法添加: var bo ...
  • LinkedList<T>是一個雙向鏈表,其元素會指向它前面和後面的元素。這樣,通過移動到下一個元素可以正向遍歷鏈表,通過移動到前一個元素可以反向遍歷鏈表。 鏈表在存儲元素時,不僅要存儲元素的值,還必須存儲每個元素的下一個元素和上一個元素的信息。這就是LinkedList<T>包含LinkedLis ...
  • 本人菜鳥一枚,以下是我在項目中遇到一些問題的解決方法。 初次接觸到.net mvc發現html的有些屬性無法實現,比如使用easyui的data-options屬性會發生以下錯誤: 遇到這種情況可以將 “-”變為下劃線 "_" 即可解決: 在定義easyui-tree的json數據實體,發現easy ...
  • 棧(Stack)和隊列是非常類似的一個容器,只是棧是一個後進先出(LIFO)的容器。 棧用Push()方法在棧中添加元素,用Pop()方法獲取最近添加的一個元素: Stack<T>與Queue<T>類(http://www.cnblogs.com/afei-24/p/6829817.html)類似, ...
  • 隊列是其元素按照先進先出(FIFO)的方式來處理的集合。 隊列使用System.Collections.Generic名稱空間中的泛型類Queue<T>實現。在內部,Queue<T>類使用T類型的數組,這類似List<T>(http://www.cnblogs.com/afei-24/p/68247 ...
  • 查看原文 本文我們來學習 Code first 在初始化資料庫時是如何決定資料庫名稱和伺服器的。 下圖展示了資料庫初始化的工作流。 由圖可知,上下文類的基本構造函數的參數可以有以下幾種方式: 1、沒有參數 2、有資料庫名 3、有連接字元串名 一、沒有參數(No Parameter) 如果上下文類的基 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...