Trước khi tiếp tục, tôi cho rằng bạn đã làm việc cài đặt OpenCart trên máy trạm địa phương của bạn. Nếu đó không phải là trường hợp, kiểm tra các tài liệu trực tuyến OpenCart và thiết lập nó (vì làm như vậy là ngoài phạm vi của hướng dẫn này). Một khi bạn đã cài đặt OpenCart làm việc bạn đã sẵn sàng để nhảy vào!
Điểm tin tại cấu trúc OpenCart
Cấu trúc cơ bản OpenCartOpenCart được xây dựng bằng cách sử dụng mẫu thiết kế MVC cho phép tách mối quan tâm giữa các dữ liệu và trình bày. Là một nhà phát triển chủ đề, bạn không cần phải lo lắng về tinh chỉnh các tập tin tất cả các thời gian, trong đó có các ứng dụng logic và mẫu mã lại với nhau.
OpenCart cung cấp cấu trúc thư mục thực sự sạch sẽ khi nói đến tổ chức trong khuôn khổ. Tất cả các tập tin liên quan đến giao diện back-end được đặt trong quản trị thư mục. Tập tin đối phó với giao diện front-end được đặt trong danh mục thư mục. Nhưng những gì chúng ta thực sự quan tâm là danh mục thư mục như là cuối cùng chúng tôi sẽ kết thúc với front-end chủ đề tùy chỉnh ở phần cuối của loạt bài hướng dẫn này.
Các mẫu thiết kế OpenCart: MVC-L
Cơ cấu danh mụcModel View Controller, hoặc MVC là một mẫu thiết kế rất phổ biến trong lĩnh vực phát triển phần mềm. OpenCart chỉ cần thêm một yếu tố khác để nó: ngôn ngữ, đó là lý do tại sao chúng tôi gọi nó là MVC-L.
Trong trường hợp của chúng tôi, xem một phần là nơi chúng ta sẽ đặt tất cả các chủ đề liên quan mã. Trong một cái nhìn tổng quan nhanh chóng của các danh mục cơ cấu, chúng ta sẽ thấy như thế nào OpenCart hiện kỳ diệu của nó.
Tổng quan các yếu tố
Điều khiển . Đó là trách nhiệm xử lý các ứng dụng logic.Ngôn ngữ . Nó rất hữu ích để tách thông tin ngôn ngữ cụ thể cho các trang web đa ngôn ngữ.
Mô hình . Đó là trách nhiệm cho việc lấy dữ liệu từ cơ sở dữ liệu back-end.
Xem . Đây là nơi chúng tôi sẽ dành phần lớn thời gian của chúng tôi! Đó là trách nhiệm vẽ các bố trí front-end.
Bắt quen thuộc Với sự trình bày lớp
Xem cấu trúc
Một chủ đề OpenCart mặc định có sẵn trong xem thư mục. Đây là phần mà chúng ta sẽ tìm hiểu trong phần này. Ở mức độ sâu hơn, có hai thư mục hơn: javascript và chủ đề .
Còn bây giờ, chúng ta hãy giả định rằng tất cả các tập tin JavaScript cần được đặt trong javascript thư mục. Đôi khi có một ngoại lệ trong trường hợp này chúng ta cũng có thể đặt stylesheets và các tập tin hình ảnh có liên quan dưới thư mục này, là tốt. Ví dụ, OpenCart cung cấp thư viện colorbox trong đó có nhiều hơn chỉ là JavaScript.
Những gì chúng tôi thực sự quan tâm là chủ đề thư mục. Nhìn xa hơn, có một thư mục có tên mặc định là xây dựng trong các chủ đề chỉ được cung cấp bởi OpenCart. Không nên để chỉ choáng ngợp bởi cơ cấu chủ đề sâu sắc hơn như chúng ta sẽ khám phá rằng chi tiết hơn sớm. Để bây giờ, nhìn thấy những gì cấu trúc của một chủ đề như thế nào.
Theme mặc định cấu trúc
Hình ảnh . Như bạn đã có thể đoán ra, tất cả các tập tin hình ảnh liên quan đến các chủ đề tại đây.Kiểu . Lột da mã liên quan, trong đó có khả năng là stylesheets, sẽ đi đây.
Mẫu . Như tên cho thấy, bạn có thể tìm thấy tất cả các tập tin mẫu front-end ở đây. Tất cả các file mẫu được tổ chức một cách mô-đun để giữ cho mọi thứ gọn gàng và sạch sẽ.
Ví dụ, nếu bạn đưa ra một cái nhìn nhanh chóng vào tài khoản thư mục theo mẫu, bạn sẽ thấy hầu hết các tập tin có liên quan đến màn hình người sử dụng trong front-end. Chúng tôi sẽ xem xét chi tiết hơn trong phần tiếp theo.
Xem thêm: nhung dieu khong nen lam voi wordpress.
Thế giới của mẫu
Cấu trúc mẫuNhư tôi đã đề cập trước đó OpenCart cung cấp một cách tốt đẹp để tổ chức các file mẫu. Trong bài viết này, tôi sẽ cố gắng giải thích những gì nó trông giống như trong mẫu thư mục. Trước khi di chuyển về phía trước, nó có giá trị lưu ý rằng mặc dù OpenCart đi kèm với một loạt các module được xây dựng để cung cấp các tính năng cần thiết của một giỏ mua hàng cơ bản, bạn có thể phát triển các mô-đun riêng của bạn là tốt cho các yêu cầu riêng của bạn.
Với mà nói, chúng ta hãy có một cái nhìn sâu hơn về các mẫu phân loại.
Phân loại mẫu
Phổ biến. file mẫu cho các yếu tố phổ biến trên các trang khác nhau được đặt trong thư mục này. Ví dụ như đầu, chân, và bên liên quan mẫu. Bạn cũng nên đặt các tập tin mẫu của bạn ở đây nếu bạn có kế hoạch để sử dụng trên các trang khác nhau mà làm cho nó dễ dàng hơn để duy trì trong thời gian dài. Tất nhiên nó không phải là bắt buộc phải làm như vậy, nhưng nó là tốt đẹp để làm mọi thứ theo cách nó phải được thực hiện.
Lỗi. Tại thời điểm này, nó chỉ là mẫu lỗi mà cư trú ở đây.
Thông tin. Bạn có thể tìm thấy ở đây các mẫu liên quan đến liên hệ Trang, Sơ đồ trang tĩnh và trang thông tin.
Module. Đây là một thư mục quan trọng về các loại mẫu nó giữ. Như tôi đã nói trước đó trong OpenCart chúng ta có thể tạo ra mô-đun tùy chỉnh của riêng của chúng tôi để thực hiện yêu cầu tùy chỉnh của chúng tôi vì vậy đây là nơi mà bạn muốn đặt các tập tin mẫu của bạn liên quan đến mô-đun tùy chỉnh của bạn.
Ngoài các cấu trúc mẫu giải thích ở trên, vẫn còn có những thư mục mẫu khác có chứa trang cụ thể các tập tin mẫu. Trong điều kiện của OpenCart, chúng ta có thể nói rằng họ là con đường cụ thể các tập tin mẫu.
Ví dụ, khi bạn truy cập vào "My Account" trong front-end, các mẫu liên quan cần phải được tìm thấy trong Danh mục / view / theme / default / template / tài khoản . Sau đó trong loạt bài này, chúng ta sẽ thấy làm thế nào để tìm một tập tin mẫu cụ tìm kiếm tại đường dẫn url của trang đó.
Kết luận
Đó là kết thúc của phần đầu tiên tạo một chủ đề tùy chỉnh với opencart: giới thiệu. Bạn nên làm quen với cấu trúc đề cơ bản của OpenCart.
Trong phần tiếp theo, thiết kế web ở Cần Thơ sẽ tìm hiểu làm thế nào để tạo ra một chủ đề tùy chỉnh trong OpenCart. Nếu bạn có bất kỳ câu hỏi hoặc phản hồi, cảm thấy tự do để lại bình luận của bạn!
Đăng nhận xét