怎么使用CQ5來開發網站
1. 建立項目結構在“CRXDE Lite”里
a. 右鍵點擊”apps”—“Create”—“Create Folder…” ,在彈出的對話框里寫入項目名字,如“demoNoah”
b. 右鍵點擊剛創建的文件夾”apps/demoNoah”—“Create”—“Create Folder…” ,在彈出的對話框里寫入“components”。
c. 用同樣的方法在建立另外一個文件夾“templates”
建完后的目錄結構如下:
2. 設計頁面的實現
a. 首頁打開CQ5的另外 一個工具“CQ5WCM”點擊如圖所示的“Tools”按鍵
b. 選擇左邊樹中的“Designs”文件夾,然后,點擊“New…”—“New Page…”,然后輸入“demoNoah”作為標題。刷新。
c. 回到之前的視圖“CRXDE LITE”中,找到“designs”文件夾,右鍵點擊剛才建好的文件夾,并依次建立“static.css”文件和“images”文件夾。
d. 雙擊剛建的“static.css”文件,在打開的右側窗口中考入或輸入提前定義好的CSS,比如























e. 對于“images”文件夾里的圖片,有兩種方式上傳,如果你配置了WebDAV,可能通過電腦資料管理器直接訪問,直接考入。如果沒有配置的話,也可以通過工具“CQ5WCM”中的“Tools”去上傳,選擇左側樹中的“images”,然后,點擊“New”—“New File…”,在彈出的對話框中選擇你要上傳的圖片,可多選。
3. 創建頁面模板
a. 再次進入到之前的視圖“CRXDE LITE”中,找到之前建立的項目,右鍵點擊“/apps/demoNoah/templates”,選擇“Create”—“Create Template…”
b. 在彈出的窗口中輸入下面的內容,然后點擊“Next”。




c. 接下來的窗口是讓你輸入哪些路徑可以使用這個Template,這里輸入“/content(/.*)?”表示所有的頁面都可能使用。
d. 在接上來的Allowed Parents 和 Allowed Children 窗口中不需要填東西,直接Next,直到完成就可以了。
e. 然后,點左上角的“Save All”。
4. 創建頁面組件
a. 同樣在CRXDE Lite里,右鍵點 /apps/demoNoah/components 并且選擇 “Create” –“ Create Component…”.
b. 在彈出的窗口中輸入下面內容,并且點“Next”



c. 直接跳過接下來的對話框,點完成。
5. 定義組件,或叫開發組件,總之開使往組件里寫代碼了。
a. 雙擊“/apps/demoNoah/components/contentpage/ contentpage.jsp”在右側打開的窗口中輸入(保留原來的代碼)



















b. 點擊“Save All” 或直接Ctrl+S。
6. 創建自己的網頁
a. 回到“CQ5 WCM”,選擇“Websites”鍵鈕。
b. 選擇根目錄“Websites”,然后點擊“New”—“New Page…”
c. 在彈出的窗口按下列內容輸入和選擇




d. 點擊“Create”按鈕,完成此頁面的創建。
e. 選擇剛創建的頁面,用同樣的方法再次創建頁面“New”—“New Page…”
f. 在彈出的窗口按下列內容輸入和選擇




g. 選擇剛創建的頁面,用同樣的方法再次創建頁面“New”—“New Page…”
h. 在彈出的窗口按下列內容輸入和選擇



i. 更多頁面可按自己喜好建立。頁面結構如下
j. 回到CRXDE Lite里,定位到/content/mywebsite/en/jcr:content
k. 在右側下方的屬性欄里添加如下屬性



l. 這里多加一步,用來確認填寫的內容是否正確,請仔細檢查下圖的這三項內容
m. 確認無誤后,回到“CQ5 WCM”下,在左側選中“My Website”.
n. 在右側雙擊“English”,會打開新建好的網頁。
o. 目前為止頁面已經可以顯示了,但沒有任何組件可以用。還需要為頁面開放一些可用的系統組件,點擊如下圖的尺子
p. 然后,點擊“Edit”,并且選擇“General”,然后點OK
q. 剩下的事情我想你應該知道了,趕快添加一些組件試試吧。
到此整個過程完成,CQ5里面還有很多自帶的功能和組件,需要自己去研究去發現。這里不再一一講解。
眼鏡蛇
posted on 2013-06-26 09:46 眼鏡蛇 閱讀(496) 評論(0) 編輯 收藏 所屬分類: CQ5