Khác biệt

Đây là những khác biệt giữa hai phiên bản của trang.

--- programming:nvtools:eclipse [2021/07/12 09:30] – [1. Tải về và cài đặt] hoaquynhtim99
+++ programming:nvtools:eclipse [2023/07/18 05:43] – [2. Thêm định dạng file cần thiết] hoaquynhtim99
@@ Dòng 3: / Dòng 3: @@
 ===== 1. Tải về và cài đặt =====
-Lưu ý: Hướng dẫn này tương thích phiên bản 2021-06 R trở lên. Để tối ưu bạn nên cài phiên bản mới nhất.
+> Lưu ý: Hướng dẫn này tương thích phiên bản 2021-06 R trở lên. Để tối ưu bạn nên cài phiên bản mới nhất. Ví dụ phiên bản 2021-06 R có tốc độ làm việc có thể gấp 3 lần phiên bản 2018-09 R
-  * Cài đặt Git SCM: http://msysgit.github.io/
+  * Cài đặt Java JDK nếu chưa có: http://www.oracle.com/technetwork/java/javase/downloads/index.html nên cài mới nhất, bắt buộc tối thiểu v11
-  * Sau đó cài đặt git-lfs: https://wiki.vinades.vn/tai-lieu:ky-thuat:git:git-lfs-git-file-luu-tru-lon
-  * Cài đặt Java JDK: http://www.oracle.com/technetwork/java/javase/downloads/index.html nên cài mới nhất, bắt buộc tối thiểu v11
   * Eclipse có thể cài đặt trên nhiều hệ điều hành khác nhau (Windowns, Linux,....), bạn có thể tìm thấy gói download phù hợp tại https://www.eclipse.org/downloads/packages/. Cụ thể, trong trường hợp này (Lập trình PHP)  chúng ta tiến hành download gói có tên là Eclipse for PHP Developers
   * Việc cài đặt Eclipse diễn ra bình thường, tương tự như việc các phần mềm thông dụng khác.
@@ Dòng 25: / Dòng 23: @@
     Click Add (2), chọn định dạng muốn áp dụng cho định dạng (*.tpl) vừa thêm ở trên. VD chọn HTML Editor
 {{ :programming:nvtools:preferences-_559.png |}}
+Trong cửa sổ Freferences, đi đến General / Content Types. Tại cây thư mục Text / HTML ấn nút add và thêm ''%%*.tpl%%'' như ảnh dưới
+{{ :programming:nvtools:2023-07-18_5-39-46.jpg |}}
 Kết quả: Khi mở một file có định dạng *.tpl, thì code hiển thị như *.html
@@ Dòng 107: / Dòng 110: @@
 https://mynukeviet.net/chu-de/su-dung-cong-cu-eclipse-trong-lap-trinh-php/
-===== 9. Cài đặt hỗ trợ xem file tpl =====
-Áp dụng cho cả Xtemplate và Smarty.
-> Cài plugin này ưu điểm là soạn thảo Smarty, Xtemplate đẹp mắt nhưng có hạn chế là không thể ấn Tab khi bôi đen nhiều dòng trong file TPL
-Chọn menu Help => Install New Software... như ảnh {{ :programming:nvtools:cai_dat_moi.jpg |Cài đặt Software}}
-Tại cửa sổ Install nhập vào ô Work With http://p2.pdt-extensions.org/ và ấn Add, tại danh sách các Plugin tìm được chọn như ảnh sau {{ :programming:nvtools:cai_dat_smarty.jpg |Cài đặt Smarty}}
-Sau khi khởi động lại Eclipse ta sẽ xem được các file tpl hỗ trợ định dạng như ảnh {{ :programming:nvtools:ket_qua.jpg |}}
 ===== 10. Một số phím tắt thông dụng =====
@@ Dòng 150: / Dòng 142: @@
 - Cần backup thư mục workspace/.metadata/.plugins/org.eclipse.core.resources
+===== 13. Tự động gợi ý class CSS =====
+Bạn cài Eclipse WTP WebResources https://github.com/angelozerr/eclipse-wtp-webresources để có tính năng này. Xem thêm tính năng tại https://github.com/angelozerr/eclipse-wtp-webresources/wiki/CSS-Features
+> Lưu ý: Theo thông báo của tác giả đây là plugin ổn định, đã dừng phát triển. Tác giả đang tích hợp từng bước nó vào WTP HTML (có sẵn trong Eclipse Web Javascript Developer Tools) tuy nhiên đến thời điểm hiện tại (bản 2021-06 R) nó vẫn chưa khả dụng, vì vậy plugin này vẫn cần thiết.
+Cài đặt theo hướng dẫn ở https://github.com/angelozerr/eclipse-wtp-webresources/wiki/Installation-Update-Site hoặc như ảnh sau
+{{ :programming:nvtools:wtp1.jpg?nolink |}}
+Link http://oss.opensagres.fr/eclipse-wtp-webresources/1.1.0/
+Sau khi cài đặt bạn chỉnh như cấu hình sau và khởi động lại Eclipse để có thể gợi ý class
+{{ :programming:nvtools:wtp2.jpg?nolink |}}
+{{ :programming:nvtools:wtp3.jpg?nolink |}}
+===== 14. Một số snippet cho PHP =====
+Bạn tải về file này {{ :programming:nvtools:templates-php.zip |}} giải nén được file templates-php.xml.
+Mở Eclipse vào Window => Preferences => PHP => Editor => Templates. Nhấp nút import và chọn file xml vừa rồi để nhập.
+Danh sách và mô tả các snippet này
+^ Khóa ^ Mô tả ^
+| ''nv_C'' | Nhập nhanh biến ''$nv_Cache->'' |
+| ''nv_R'' | Nhập nhanh biến ''$nv_Request->'' |
+| nv4GetUsersFromIds | Lấy danh sách thành viên từ một mảng userid |
+| nv5smartyRegisterFunction | Xuất hàm trong PHP ra để gọi trong TPL Smarty |
+| nv5smartySiteTemplate | Mẫu gọi Smarty ngoài site |
+| nvdebugCmd | Debug và kết thúc trong CMD, BASH |
+| nvdebugVariable | Debug biến và kết thúc trong trình duyệt |
+| nvdebugVariableIP | Debug biến và kết thúc nếu IP cố định nào đó |
+| nvdebugVariableToFile | Ghi nội dung biến ra file debug.log ở thư mục gốc để xem lỗi |
+| nvdetectSubmitPostForm | Mẫu bắt event submit một form dạng Post |
+| nvfileAdminListSimple | Mẫu file dạng danh sách, tìm kiếm đơn giản trong quản trị |
+| nvgenPageAdmin | Xuất biến phân trang cho TPL |
+| nvpdoFetchAllCache | Mẫu lấy tất cả các rows của bảng và cache kết quả |
+| nvpdoFetchList | Truy vấn CSDL và lấy ra dạng rows |
+| nvpdoFetchOneMultiLang | Lấy một row trong CSDL đa ngôn ngữ |
+| nvpdoInsertIDSimple | Mẫu lưu vào CSDL và trả về ID mới lưu đơn giản |
+| nvpdoInsertSimple | Mẫu chèn vào CSDL đơn giản, chạy trực tiếp query |
+| nvsqlSearchAdminSimple | Mẫu query lấy row có tìm kiếm trong quản trị |
+| nvtplAdmin | Mẫu gọi Xtemplate trong quản trị module |
+| nvtplParseErrorVar | Xuất Xtemplate biến lỗi $error |
+| nvtplPostAction | Xuất biến FORM_ACTION cho Post Form |
+| nvtplSearchGetVars | Xuất các biến cần thiết cho một form tìm kiếm dạng GET |
+===== 15. Một số snippet cho HTML+JS =====
+Bạn tải về file này {{ :programming:nvtools:templates-html-tpl-js.zip |}} giải nén được file templates-html-tpl-js.xml.
+Mở Eclipse vào Window => Preferences => Web => HTML Files => Editor => Templates. Nhấp nút import và chọn file xml vừa rồi để nhập.
+Danh sách và mô tả các snippet này
+^ Khóa ^ Mô tả ^
+| nv5smartyForeach | Mẫu vòng lặp foreach của Smarty |
+| nv5smartyIfElse | Mẫu If - Else của Smarty |
+| nv5smartyKeepSourceFormat | Thẻ giữ nguyên định dạng mã nguồn, không phân tích các biến |
+| nvformContentTemplate | Mẫu template cho một form thêm/sửa nội dung |
+| nvjsanimateToDiv | Cuộn trang đến vị trí thẻ DIV |
+| nvjsclickevent | Event khi ấn chuột vào 1 thành phần nào đó |
+| nvjsloaded | Windows event loaded |
+| nvjsready | Document ready |
+| nvmodal3 | Cấu trúc Modal của Bootstrap 3 |