2012年9月28日 星期五

內容管理系統 - 整合應用程式 - Content Management System - Integration Web Application

本篇主要說明如何將自行開發的Web頁面整合到CMS系統中.

1. 選擇CITUO -> CMS Web Application範本建立Web專案


2. 專案開啟後,可以看到預設的MasterPage與source.cmswebapp檔案
3. 新增一個目錄Sample並加入一個WebForm1.aspx的頁面
4. 在WebForm1.aspx頁面中,加入取得目前登入使用者與頁面權限的程式碼
5. 開啟source.cmswebapp檔案,將要佈署的檔案加入(如下圖)


6. 建置成功後,可以看到Bin的目錄中多了一個"_CMSWebApplication"的目錄,裡面有一個壓縮檔案,這個檔案就是要佈署的檔案.


7. 到CMS系統的 系統管理->方案->上傳新方案


8. 上傳成功後將顯示該方案的詳細資料


9. 在系統管理->應用程式->新增新應用程式 加入剛剛佈署的檔案至CMS系統中,指定該功能要放到哪一個分類中顯示,並設定使用的權限


10. 回到分類導覽中可以看到連結到該功能的頁面


11. 執行結果


優點:
可以快速的將獨立開發的應用程式崁入CMS系統,並整合CMS本身所提供的使用者與權限管理進行控管

2012年9月19日 星期三

內容管理系統 - 版面範本- Content Management System - Master Template

版面範本:預設版面


版面範本:置中選單版面


版面範本:置左選單版面

2012年9月14日 星期五

內容管理系統 - 操作介面(二)- Content Management System - Web UI

內容編輯操作介面:
1. 純 文 字 內 容 範 本
2. 程 式 碼 內 容
3. HTML 內 容
4. 純 文 字 與 單 張 圖 片
5. 單 一 圖 表
6. SQL Server 資 料 內 容
7. 類 別 頁 面 清 單
8. 多 張 圖 片
9. 意 見 回 應
10. 多 張 圖 片 與 純 文 字
11. 檔 案 分 享
12. 投 票 調 查
13. 頁 面 內 容 錨 點
14. 網 頁 連 結
15. 聯 絡 人 清 單
16. 行 事 曆
17. 計 分 卡
18. 子 分 類 清 單

內容管理系統 - 問答集 - Content Management System - Q+A

最後更新時間:2012/09/14 AM 12:15

Q. 系統主要的目標是? 

A. 快速製作可發佈於外部或內部網路的網頁,透過系統預設的"內容範本"可以更簡單快速的編輯出想要的網頁內容.


Q. 系統開發所用的技術是?

A. 使用C#為開發語言並以ASP.NET 4.0為基礎,用到的技術細節大略有ASP.NET 路由(ASP.NET Routing),自訂控制項(Custom WebControls),XSL(Extensible Stylesheet Language),使用最多的概念應該是動態載入控制項(Dynamic Load UserControl)

Q. 系統核心功能?

A.
  1. 權限管控 - 權限的設計概念類似於AD的架構,可使用群組或使用者進行設定,而且群組不只可以包含使用者,也可以包含群組
  2. 版面與頁面 - 可隨時動態的更換版面或調整頁面

2012年9月13日 星期四

內容管理系統 - 操作介面- Content Management System - Web UI

系統操作介面:
[分類瀏覽頁面一]
[分類瀏覽頁面二]
[分類瀏覽頁面三]
[建立新分類]
[建立新頁面]
[編輯內容]
[內容歷程紀錄]
[排序內容]
[管理上傳檔案]

2012年9月10日 星期一

內容管理系統 - 主版頁面- Content Management System - MasterPage

主版頁面在ASP.NET中是一個非常實用的功能,可以將每個頁面共同使用的內容,放在統一的地方進行套用.在我們的系統中的頁面,我們也同樣採取類似的概念,可以方便統一每個頁面固定要顯示的區域內容.以下是說明的範例:

1. 先將要當作主版頁面的頁面在"頁面類別"設定為"主版頁面"



2. 在這個範例中,為了讓每個頁面都有一樣的選單,僅簡單的新增一個超連結選單到主版頁面的左欄



3. 設定你要套用主版的頁面,將頁面類型設定為"子頁面",就可以選擇要使用的主版頁面,這時"版面"與"範本"也會自動選擇與主版頁面相同,而且無法進行選擇.



4. 回到頁面檢視,可以發現左邊的內容區域出現了主版頁面的選單,而且是無法編輯的狀態,這也表示該內容是由主版頁面繼承而來的.

2012年9月7日 星期五

內容管理系統 - 版面與頁面範本- Content Management System - Master and Page Template

版面範本:預設範本
套用結果


版面範本:客制範本
套用結果


在頁面的設定中,可以看到如下圖的設定值,版面主要是針對頁面的外觀進行設定(如上圖片所示),而範本則是針對頁面內容的排列順序或是位置進行設定,可參考以下的圖片.


頁面範本:頁首+垂直兩欄+頁尾


頁面範本:頁首+左欄+本文