Bài tập chuyên đề Lập trình web nâng cao với Joomla
Bạn là Lập trình viên web trong công ty phát triển website, lâu nay công ty tự xây dựng từ đầu đến cuối các ứng dụng, mất rất nhiều thời gian, công sức. » Xem thêm
Tóm tắt nội dung tài liệu
- TRUNG TAÂM TIN HOÏC - ÑAÏI HOÏC KHOA HOÏC TÖÏ NHIEÂN TP. HCM
227 Nguyeãn Vaên Cöø – Quaän 5 – Tp. Hoà Chí Minh
Tel: 8351056 – Fax 8324466 – Email: ttth@hcmuns.edu.vn
BÀI TẬP
CHUYÊN ĐỀ
LẬP TRÌNH WEB NÂNG
CAO VỚI JOOMLA
Maõ taøi lieäu: DT_NCM_CD_BT_LTWCSJ
Phieân baûn 1.0 – Thaùng 03/2010
- Bài tập
BÀI 1: TỔNG QUAN VỀ JOOMLA
Tạo các trang web đơn
1.
- Tạo các trang web đơn cho website. Ví dụ: trang chủ, giới thiệu công ty, liên hệ, thông tin
tuyển dụng, …
- Tạo menu link tới các trang web trên
Tạo các mục tin tức (Section)
2.
Thế giới
Thể thao
Kinh doanh
Khoa học
- Tạo menu để hiển thị các Section trên (Loại Menu Item là Section Blog Layout)
Tạo các loại tin tức (Category)
3.
- Tạo các category cho các Section của bài 1.2:
Section Category
Thế giới Thế giới muôn màu
Chiều thứ 7
Thể thao Bóng đ á
Tennis
Kinh doanh Chứng khoán
Bất đ ộng sản
Khoa học Môi trường
Thiên nhiên
- Tạo menu để hiển thị các Category trên (Loại Menu Item là Category Blog Layout)
Tạo nội dung cho các bài viết
4.
Vào trang http://tuoitre.vn hoặc http://vnexpress.net đ ể lấy nội dung cho các bài viết.
+
Sửa lại link các hình ảnh trong bài viết để chúng thuộc về website của chúng ta.
+
Cấu hình các Section, Category đ ể hiển thị nội dung bài viết như sau:
+
1 bài viết mới nhất sẽ nằm trên cùng và chiếm hết chiều ngang (leading)
o
Các bài viết dạng giới thiệu sẽ chia làm 2 cột hiển thị (columns)
o
Số bài viết dạng giới thiệu là 8 (intro)
o
Số bài viết dạng link là 5 (links)
o
Cấu hình cho phép người dùng click vào tiêu đề bài viết để xem chi tiết thông tin bài viết và ẩn
+
đi link Read More.
Lập trình Web chuyên sâu với Joomla Trang 1/15
- Bài tập
BÀI 2: TEMPLATES
Bổ sung position cho template
1.
Thêm 2 position user5 và user6 ở đầu template beez. Đặt các module Latest News và Popular
vào 2 position này.
v Hướng dẫn:
• Vào thư mục chứa source của template beez (joomla\templates\beez).
• Mở file templateDetails.xml và định nghĩa thêm 2 position user5 và user6.
• Mở file index.php và dùng thẻ để định nghĩa 2 position user5
và user6.
Tạo template cho website quản lý bán sách.
2.
Template có layout và các postions như sau:
header
top
User1
right
l eft
component
Lập trình Web chuyên sâu với Joomla Trang 2/15
- Bài tập
BÀI 3: COMPONENT Ở FRONT END
1. Tạo component Tính tiền thưởng cuối năm (com_tien_thuong).
Trang web tính tiền thưởng cuối năm dựa trên Tiền lương hàng tháng và Xếp loại cuối năm.
Khi click vào nút Tính, thực hiện:
+ Tính Tiền thưởng, biết rằng:
Tiền thưởng = (Tiền lương * hệ số thưởng), trong đó:
Hệ số thưởng được tính như sau:
§ Nếu Xếp loại là ”Lọai A”: 2
§ Nếu Xếp loại là ”Lọai B”: 1.8
§ Nếu Xếp loại là ”Lọai C”: 1.2
§ Nếu Xếp loại là ”Lọai D”: 0.8
+ Xuất Tiền thưởng ra màn hình
v Hướng dẫn:
+ Tạo thư mục com_tien_thuong trong thư mục joomla/components
+ Trong thư mục com_tien_thuong, tạo file tien_thuong.php và thực hiện trang web tính tiền
thưởng trong file này.
2. Tạo component hiển thị danh sách Sách dạng table (com_dssach)
Lập trình Web chuyên sâu với Joomla Trang 3/15
- Bài tập
Tạo component hiển thị danh sách Sách dạng list (com_sach).
3.
Tạo link cho tên sách và xử lý hiển thị thong tin chi tiết sách khi người dùng click vào
4.
tên sách
Lập trình Web chuyên sâu với Joomla Trang 4/15
- Bài tập
Khi click vào tên sách thì hiển thị thông tin chi tiết sách
Lập trình Web chuyên sâu với Joomla Trang 5/15
- Bài tập
BÀI 4: MODULE
1. Tạo module danh sách chủ đề
2. Tạo module liệt kê các sách mới
(Lưu ý: lấy các sách có 5 ngày cập nhật gần nhất)
3. B ổ sung phầ n cấu hình tham số cho module liệt kê các sách mới và đóng gói module này.
4. Tạo link cho module chủ đề sách để khi click vào link thì hiển thị danh sách sách theo chủ
đề (hiệu chỉnh component danh sách sách)
Tạo link cho các chủ đ ề để khi click chọn chủ đ ề thì hiển thị danh sách sách ứng với chủ đề (Vd:
link chủ đề Tiếng Việt: index.php?option=com_sach&mcd=3)
Lập trình Web chuyên sâu với Joomla Trang 6/15
- Bài tập
Lập trình Web chuyên sâu với Joomla Trang 7/15
- Bài tập
BÀI 5: CÁC LỚP TIỆN ÍCH
1. B ổ sung ngày cập nhật cho module sách mới và đị nh dạng ngày/tháng/năm
2. Tạo các combobox cho phép người dùng chọ n chủ đề và nhà xuấ t bản.
3. Thiết kế màn hình cập nhật dữ liệu cho bảng Sách
Lập trình Web chuyên sâu với Joomla Trang 8/15
- Bài tập
BÀI 6: COMPONENT Ở BACK END
1. Tạo com_khach_hang hiển thị danh sách khách hàng
2. Tạo com_sach có chứ c năng hiển thị dữ liệu sách bả ng dưới dạng lưới.
3. B ổ sung xử lý phân trang cho com_khach_hang và com_sach.
Thanh phân trang
4. B ổ sung Toolbar cho com_khach_hang và com_sach
5. B ổ sung chức năng thêm, xóa, sửa thông tin khách hàng cho com_khach_hang
Lập trình Web chuyên sâu với Joomla Trang 9/15
- Bài tập
v Màn hình liệt kê khách hàng dạng bảng:
v khi click vào họ tên thì chuyển sang màn hình Edit thông tin khách hàng
Bổ sung chức năng quản lý thông tin sách (thêm, xóa, sửa) cho com_sach
6.
v Liệt kê sách dạng bảng
Lập trình Web chuyên sâu với Joomla Trang 10/15
- Bài tập
v Khi click vào tên sách thì chuyển sang màn hình cập nhật thông tin sách
v Giao diện màn hình thêm mới thông tin sách tương tự giao diện màn hình cập nhật thông tin
sách.
7. Đóng gói component.
Tạo file sach.xml để cấu hình cài đặt com_sach và đ óng gói com_sach.
Lập trình Web chuyên sâu với Joomla Trang 11/15
- Bài tập
BÀI 7: XỬ LÝ ĐA NGÔN NGỮ
1. Cài đặt thành phần mở rộng JoomFish và cấu hình để website hỗ trợ 2 thứ tiếng: Anh và
Việt.
2. B ổ sung tính nă ng đa ngôn ngữ (tiếng Anh và tiếng Việt) cho các tiêu đề của
com_khach_hang
Tiếng anh:
Tiếng Việt:
3. Tạo file content element cho bảng sách để JoomFish có thể xử lý đa ngôn ngữ cho nội
dung của bảng Sách. Các cột cần xử lý là: Tên sách, Mô tả.
Lập trình Web chuyên sâu với Joomla Trang 12/15
- Bài tập
BÀI 8: COMPONENT THEO MÔ HÌNH MVC
1. Tạo com_khach_hang theo mô hình MVC, có chức nă ng liệt kê danh sách khách hàng.
2. Tạo component com_sach ở F ront End theo mô hình MVC, gồ m các chức nă ng:
• Liệt kê danh sách sách.
• Hiển thị chi tiết sách
• Chọ n mua sách
Khi click vào nút chọn mua ở màn hình danh sách Sách hoặc chi tiết sách thì cập nhật
o
thông tin giỏ hàng chứa trong module giỏ hàng:
Tạo Module giỏ hàng: hiển thị tổng số tiền mà khách hàng đã chọn mua sách (hiển thị
o
tổng tiền từ session).
Khi click vào link xem giỏ hàng thì di chuyển đ ến trang hiển thị danh sách giỏ hàng
• Hiển thị giỏ hàng
Hiển thị danh sách giỏ hàng được lưu trong session.
o
Xử lý xóa cho giỏ hàng khi click vào link Xóa.
o
Khi cập nhật số lượng thì tính lại thành tiền và tổng tiền
o
Lập trình Web chuyên sâu với Joomla Trang 13/15
- Bài tập
BÀI 9: PLUGIN
Tạo plugin loại Seach để bổ sung tính năng tìm kiếm sách cho chức năng Seach của
1.
Joomla
Hướng dẫn: Tạo plugin plgSearchSach và xử lý biến cố onSearch
Lập trình Web chuyên sâu với Joomla Trang 14/15
- Bài tập
Phụ lục
1. Lược đồ cơ sở dữ liệu
Lập trình Web chuyên sâu với Joomla Trang 15/15