Templates - Kỹ thuật modChrome và module class_suffix

Templates Joomla cung cấp phương thức modChrome nhầm tạo riêng một style đẩy ra. VD:  template mặc định cung cấp style rounded đẩy ra 6 thẻ DIV và có bo góc đồng thời kết hợp module class_suffix định ra CSS mặc định trên các module sẳn có (Cũng như trên module Main menu). Để giải quyết được vấn đề này, hôm nay tôi sẽ hướng dẫn cho các bạn kỹ thuật modChrome nhầm tạo riêng kiểu style kết hợp class_suffix đẩy ra để sử dụng trên template của mình. Các bạn nên xem kỹ phần convert HTML sang template Joomla để dể dàng nắm bắt được cách làm modChrome nha!

Lập trình plugin Jooma cơ bản

Ở phần này tôi sẽ hướng dẫn cách viết một plugin đơn giản dựa theo plugin example.php của content, sau phần này hẳn các bạn cũng sẽ hình dung được cách hoạt động của plugin và có thể tự tạo ra plugin riêng kết hợp với  component của mình. Video này sẽ dùng component Hello để kết hợp viết plugin. Vì vậy, để dể dàng nắm bắt được nội dung các bạn nên xem trước phần component.

Mô hình MVC cho Front End

Lưu ý: trước khi xem phần này thì các bạn phải đã xem trước các phần về Back End
MVC Front End: tạo ra giao diện menu liệt kê theo mỗi thành phần tmpl
Sublayout: tmpl phụ cho mỗi tmpl riêng biệt và được đặt tên phân biệt với tmpl chính bởi dấu '_' vd: tmpl phụ cho tmpl default.php = default_subitem.php.
$this->loadTemplate('tên tmpl phụ'): dùng để include tmpl phụ vào tmpl chính

Convert HTML/CSS sang template Joomla

Phần này tôi sẽ hướng dẫn các bạn cách convert từ giao diện HTML thông thường sang giao diện của Joomla 1.5 sử dụng kỷ thuật overwrite.
 Để đặt được modules vào các vị trí các bạn dùng:

1. <jdoc:include type="modules" name="tên vị trí" style="tên style (vd: xhtml, rounder, none...)" />
2.  <jdoc:include type="component" /> để làm vị trí hiển thị nội dung

Phần tiếp theo tối sẽ hướng dẫn các bạn sử dụng kỷ thuật modChrome để tự tạo style riêng cho template thay vì sử dụng overwrite
Source template HTML/CSS: http://www.mediafire.com/download.php?ibso3dxtxx9duqd


Phần 1:


Phần 2:

Phần 2: Module Joomla! - kỉ thuật Override

Phần tiếp theo của module tôi sẽ hướng dẫn các bạn sử dụng layout của nó (cũng tương tự như trong component) đồng thời sử dụng kỹ thuật overwrite trong template để ghi đè layout module mà không làm ảnh hưởng đến nội dung của nó. Điều này rất tiện lợi cho việc sử dụng các module bên ngoài vào trang web sao cho phần nội dung hiển thị phù hợp với template đang sử dụng.

Phần 1: Module Joomla! cơ bản

Trong Joomla! module và component hoạt động riêng lẽ, tức là chúng không có các mối liên hệ nào ngoài dữ liệu. Ở bài này tôi sẽ giới thiệu cơ bản về module cũng như cách thực hiện mod_hello lấy dữ liệu từ database trong component.

Phần 7: Cơ bản MVC component - upload hình ảnh

Mặc định Joomla! hỗ trợ tính năng upload hình ảnh và media thông qua component media (com_media), và trong thư viện filesystem vẫn có hỗ trợ class upload hình ảnh, tuy nhiên ở video clip này tôi sẽ hướng dẫn các bạn chèn phần upload hình ảnh vào input để lấy đường dẫn ảnh lưu vào cơ sở dữ liệu( tương tự như phần up ảnh trong editor).

Phần 6: Cơn bản MVC component - Grid sort và các vấn đề còn lại

Tiếp theo chúng ta sẽ giải quyết vấn đề sắp xếp theo tiêu đề trên lưới (grid sort), để làm điều này trong layout các bạn cần có hidden input với name lần lượt là:  filter_order và filter_order_Dir đồng thời bên file chạy chính của view các bạn khai báo giá trị cho 2 input này bằng đối tượng $mainframe và thay đổi model cho phù hợp

Phần 5: Cơ bản MVC component - Published và phân trang dữ liệu

Phần này sẽ giải quyết phân trang dữ liệu, để phân trang được cần import class pagination.php và sử dụng các tham số:

1. $total: tổng số dòng (record) dữ liệu
2. $limistart: Record bắt đầu của một trang
3. $limit: Số dòng trên một trang

Các bạn nhớ xem video ở chất lượng HD 720 để xem được rỏ hơn!

Phần 4: Cơn bản MVC component - Layout edit, controller, JTable...

Phần này chúng ta sẽ giải quyết đến layout edit và sẽ làm việc với controller cũng như tương tác với cơ sở dự liệu thông qua JTable...


* Lưu ý: các bạn nên chọn chất lượng HD 720 để xem cideo được rỏ hơn!

Phần 3: Cơ bản MVC component - Giải quyết check out trên lưới

Ở phần trước tôi vẫn chưa check out được trên checkbox của lưới, vấn đề nằm ở database. ở video này tôi sẽ hướng dẫn các bạn cập nhật phần đó., sorry vì sự bất tiện này!

Phần 2: Cơ bản MVC component - Grid (lưới)

Phần 2 này chúng ta sẽ giải quyết các vấn đề của grid, (lưới). Trong Joomla 1.5, dữ liệu được sắp xếp theo dạng lưới và đây cũng là phần đáng quan tâm nhất trong suốt component.!

Phần 1: Cơ bản lập trình component MVC

Xin chào các bạn, tôi đã từng tìm hiểu nhiều về tài liệu lập trình Joomla! (trên sách cũng như trên Internet). Tuy nhiên trên Internet có nhiều tài liệu chủ yếu bằng tiếng anh, điều này thật bất tiện cho các bạn tự tìm hiểu về lập trình Joomla!. Để tránh sự bất tiện này, tôi quyết định lập ra 1 blog http://laptrinhjoomla.blogspot.com/ để hướng dẫn cho các bạn muốn tìm hiểu về lập trình Joomla! tham khảo.
Những bài hướng dẫn của tôi hoàn toàn dưới dạng video clip để các bạn dễ dàng có cái nhìn về CMS Joomla! và các vấn đề của nó, mọi thắc mắc và đóng góp các bạn có thể gửi comment trực tiếp bên dưới mỗi bài viết hoặc có thể email về giophuongxa@gmail.com. Xin cảm ơn các bạn!.