เอาหละ เรื่องง่าย ๆ ของการ develop web ก็มาถึงซะที เมื่อ user ขี้จุกจิก ต้องการเปลี่ยน content ไป ๆ มา ๆ
เราเลยได้พบกับอะไรที่มันง่ายขึ้น สามารถให้ user ปรับแต่งเองได้ (จริง ๆ แล้ว user ต้องการ เหอ ๆ เราเลยต้องเรียนรู้ซะหน่อย)
แล้วไอ้เจ้า portal คืออะไรหว่า ?
เป็น web site ที่ผู้ใช้สามารถที่เข้าถึงข้อมูลข่าวสารต่างๆได้อย่างรวดเร็ว โดยที่ portal จะคำนึงถึงผู้ใช้เป็นศูนย์กลาง กล่าวคือข้อมูลข่าวสารที่แสดงจะเป็นข้อมูลที่เกี่ยวข้องกับผู้ใช้หรือเป็นข้อมูลที่ผู้ใช้สนใจเท่านั้น (หรือจะต่อท้ายว่า เท่าที่มีให้เลือกละกัน)
แล้วเริ่มไงดีอะ ร้อน ๆ แต่ ของ่าย ๆ ก่อน
set IDE (เครื่องมือที่ทำให้ชีวิตง่ายขึ้น)
เอาเป็นว่าเริ่มแรกก็ download eclipse มาติดตั้ง เลือกที่เป็น J2EE นะ เพราะจะ support java web application เป็นอย่างดี (ดีและฟรี โอ้ววววว !!! i love eclipse) ที่ใช้ตอนนี้ version 3.5
ที่ http://www.eclipse.org/
แล้วตามด้วย liferay sdk กับ liferay tomcat (ชอบ tomcat เลย load tomcat มา จะทำหน้าที่เป็นเหมือน server tomcat web server)
- liferay-plugins-sdk-6.0.5
- liferay-portal-6.0.5
ที่ http://www.liferay.com/
ทำการ set eclipse ให้รู้จักคุ้นเคยกะ liferay โดย ไปที่ menu
Help >> Install New Software... >>
เลือก Add :
Liferay - http://releases.liferay.com/tools/ide/eclipse/galileo/stable/
หลังจากนั้น eclipse ต้องการอาบน้ำ เอ้ย restart ตัวเองทีนึงเพื่อจัดเรียงความเรียบร้อยใหม่
เสร็จแล้วเราจะเห็น menu liferay icon ดำ ๆ ขึ้นมา
set SDK โดยเข้าไปที่ menu
Window >> Preferences >> Liferay >> Installed SDKs
เลือก folder ของ sdk ตัวอย่าง
- E:/liferay-plugins-sdk-6.0.5
set web server โดยเข้าไปที่ menu
Window >> Preferences >> Liferay
คลิ๊กที่ Create a new Liferay runtime environment
แล้วทำการ add part web server ที่เรา load มา ตัวอย่าง
- E:\liferay-portal-6.0.5\tomcat-6.0.26
first portlet (เริ่มสร้างก้อนเล็ก ๆ กัน)
เราใช้ความสามารถของ eclipse ให้คุ้มค่า โดยเริ่มจาก เลือกที่
File >> New >> Liferay Plug-in project
หลักจากนั้นก็ set Project name และ Display name ตามความสบายใจ ในที่นี้ใช้ชื่อว่า test1
เลือก Plug-in Type เป็น Portlet
หลักจากสร้างเสร็จ ก็จะมี project ใหม่กิ๊ก ชื่อว่า
test1-portlet
สิ่งแรกที่เราต้องทำก่อนเลยคือ run มันซะ
คลิ๊กขวาที่ project folder แล้วเลือก
Run as >> Run on server
แล้วเลือก Liferay server tomcat
กด next เพื่อเลือก project test 1 เข้าไป และกด Finish
หลังจากนั้น web จะเริ่มทำงาน ให้เปิด browser ตัวอะไรก็ได้ที่เราว่าแหล่ม ๆ แล้วพิมพ์ url
http://localhost:8080/
จะเจอหน้า Welcome - Liferay ก็ช่างมัน ปล่อยมันไปก่อน
คลิ๊กที่ Sign in ที่หน้า web
Email Address : test@liferay.com
Password : test
กดปุ่ม Sign in
เราจะเห็นว่า portlet ในหน้า อันต่าง ๆ ขยับได้ด้วย(คือเราบังคับได้ว่าจะย้ายไปใหน ไม่ใช่มันดิ้นไปดิ้นมาได้เอง)
ให้เราเลือก Add ด้านบน กด More...
แล้วเราก็ พิมพ์ในช่อง Search ว่า test1 คือ ชื่อ portlet plugin แรกที่เราสร้างมาพร้อม project
ก็จะเห็นขึ้นมา 1 record แล้วเราก็ลากมาวางบน web ได้เลย หรือ กดที่คำว่า Add ในบรรทัดเดียวกับคำว่า test1
(ว่าแต่ คำว่า test1 ทำไมมันแปลง เป็น Test1 คือเอาตัวใหญ่ขึ้นหน้าให้ ยังไม่รู้คำตอบ)
detail file (ลงลึกในแต่ละ file ที่เราพอจะแก้เล่นได้)
อันแรกเลยเป็น portlet.xml คร่าว ๆ คือ เป็นเหมือนผูก view กับ controller และสร้างสิทธิขึ้น
test1
Test1
com.liferay.util.bridges.mvc.MVCPortlet
view-jsp
/view.jsp
0
text/html
<title>Test1</title>
Test1
Test1
administrator
guest
power-user
user
ถ้าเราต้องการเขียน controller ใหม่ก็แก้ไข tag xml portlet-class ข้างบนดังนี้
com.test.TestLiferayPorlet1
และทำการสร้าง java file ขึ้นมา
package com.test;
import com.liferay.util.bridges.mvc.MVCPortlet;
/**
* Portlet implementation class TestLiferayPorlet1
*/
public class TestLiferayPorlet1 extends MVCPortlet {
}
ในที่นี้ขอว่าง ๆ ไปก่อนแล้วกัน เพื่อไม่ให้มันยาวเกินไปสำหรับเริ่มต้น
อีกส่วนคือ liferay-portlet.xml อันนี้ยังไม่รู้จะแก้อะไรดี
ก็จะถูกประกาศไว้ตามนี้
test1
/icon.png
true
/css/main.css
/js/main.js
test1-portlet
liferay-display.xml เอาไว้กำหนดให้โชว์บนหน้าจอ โดยผูก category หรือแบ่งประเภทได้
อะสุดท้ายแระ view.jsp
ในส่วนนี้ จะถูกอ้างจาก portlet ใน portlet.xml ดังนั้น สามารถเปลี่ยนชื่อได้
และเป็น template view เรานั่นเอง
จบแค่นี้ก่อนแระกัน เดี๋ยวจะยืดยาวไป สำหรับการเริ่มต้น
