iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 3
0
自我挑戰組

30天打造自己的 Umbraco CMS 系列 第 3

Day 03 - 初步探索Umbraco CMS吧

今天不會寫到任何一行程式,主要是先初步了解Umbraco後台跟前台

Umbraco 前台

在Visual Studio按下F5進行偵錯後,
預設偵錯瀏覽器應該就會開始Umbraco的前台畫面。
操作起來跟其他的CMS或是部落格其實差不多。
先稍微記得一下現在前台各區塊的內容,等等後台會用到。

http://ithelp.ithome.com.tw/upload/images/20161203/20103518myIDvZ5VIx.png

Umbraco 後台

Umbraco 預設後台的連結為 首頁 + /umbraco
例如: 前台: localhost:5566 後台就是 localhost:5566/umbraco
登入的帳號密碼就是昨天所設定的 UserName + Password。
登入後會先看到最左邊的那條黑色功能列,稱為 Section。
點第一個Content功能後,會往右邊長一個樹狀結構的清單,稱為Tree。
Tree裡面每一個選項都稱為一個Node,
點第一個Home Node 後,最右邊會呈現Home Node內容,稱為Dashboards。
最上面那行輸入框為此節點的名稱
Home節點為一個 DocumentType。
Home節點也會選一個Template (在ASP .NET MVC裡面類似View的概念)
上面三個Content,Site,Properties 稱為Tab
每個Tab裡面都會包含不同的DataType,
(其中Properties為Umbraco預設的屬性,7.4版是無法隨意變更或擴充。)

http://ithelp.ithome.com.tw/upload/images/20161203/20103518uvTQVttdPZ.png

相信大家到這邊會覺得怎麼跳這麼快

沒錯,就是跳這麼快!
要開發或設定前,一定要搞懂Section,Tree,Dashboards之間的關係,
以及 DocumentType,DataType,Node之間的關係。
如果我說明的不清楚,可以看官方的說明文件
https://our.umbraco.org/documentation/Getting-Started/Backoffice/

今天總結

  • 前台操作很簡單
  • 後台網址為 前台網址 + /umbraco
  • 後台主要由Section,Tree,Dashboards組成三欄式畫面
  • Tree底下每個項目都稱為Node
  • 每個Node都會有對應的DocumentType,Template
  • 每個DocumentType都會有Properties Tab (Umbraco預設,不能異動)
  • DocumentType可以自由新增Tab,每個Tab都可以由不同的DataTypey組成
  • DataType跟DocumentType之後會介紹
  • Umbraco Template跟ASP .NET MVC的View是一樣的概念

接下來幾天預計會講

  • DocumentType是什麼
  • DataType是什麼
  • DocumentType跟DataType有什麼關係
  • Node跟DocumentType有什麼關係
  • Tree跟Node有什麼關係

題外話

我第一次看到這段時,也花了點時間去了解。
所以這幾天會講慢一點! (絕對不是拖稿)。
等基本觀念建立好以後,才會繼續後面進階的說明。
不然到時候一定會一頭霧水,
也很難開始開發客製功能。
希望大家不要看到這就放棄!!!


上一篇
Day 02 - 用Visual Studio 建立Umbraco CMS專案吧
下一篇
Day 04 - Umbraco - Sections (1)
系列文
30天打造自己的 Umbraco CMS 18
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言