CHƯƠNG 1: TỔNG QUAN VỀ PHẦN MỀM MÃ NGUỒN MỞ 1.1Tổng quan về phần mềm mã nguồn mởPhần mềm mã nguồn mở là những phần mềm được cung cấp dưới cả dạng mã và nguồn, không chỉ là miễn phí về gi
XAMPP
Xampp là chương trình tạo máy chủ Web (Web Server) được tíchhợp sẵn
Xampp là một công cụ mạnh mẽ bao gồm Apache, PHP, MySQL, FTP Server, Mail Server và phpMyAdmin, nổi bật với chương trình quản lý tiện lợi cho phép người dùng dễ dàng bật, tắt hoặc khởi động lại các dịch vụ máy chủ Khác với Appserv, Xampp hỗ trợ nghiên cứu và phát triển website qua Localhost trên máy tính cá nhân, được ứng dụng rộng rãi trong học tập, nâng cấp và thử nghiệm website cho các lập trình viên.
Các ưu điểm của Xampp bao gồm:
Xampp có thể chạy được trên tất cả các hệ điều hành: Từ Cross- platform, Window, MacOS và Linux.
Xampp là một công cụ dễ cấu hình và cung cấp nhiều tính năng hữu ích cho người dùng, bao gồm khả năng giả lập Server, giả lập Mail Server và hỗ trợ SSL trên Localhost.
Xampp tích hợp nhiều thành phần với các tính năng:
- PHP (tạo môi trường chạy các tập tin script *.php);
MySQL là hệ quản trị cơ sở dữ liệu phổ biến, và thay vì phải cài đặt từng thành phần riêng lẻ, bạn chỉ cần cài đặt XAMPP để có một web server hoàn chỉnh.
Xampp là một phần mềm mã nguồn mở với giao diện quản lý thân thiện, cho phép người dùng dễ dàng bật, tắt hoặc khởi động lại các dịch vụ máy chủ một cách linh hoạt.
Xampp có cấu hình đơn giản nhưng không hỗ trợ cấu hình Module và không có phiên bản MySQL, điều này có thể gây bất tiện cho người dùng Thêm vào đó, dung lượng cài đặt của Xampp tương đối lớn, lên tới 141Mb.
CHƯƠNG 2: KIẾN TRÚC CỦA PHẦN MỀM MÃ NGUỒN MỞ
WordPress không áp dụng hoàn toàn mô hình kiến trúc MVC (Model-View-Controller) truyền thống, mà thay vào đó, nó sử dụng một kiến trúc khác được gọi là "kiến trúc chìm", chủ yếu tập trung vào mô hình xử lý yêu cầu.
Khi nhắc đến "kiến trúc chìm" trong WordPress, chúng ta đang đề cập đến cách mà WordPress xử lý các yêu cầu và quản lý mã nguồn mà không áp dụng mô hình kiến trúc MVC truyền thống.
Mô hình kiến trúc MVC truyền thống bao gồm ba thành phần chính:
Model (M): Đại diện cho dữ liệu và logic liên quan đến dữ liệu Trong
WordPress, dữ liệu thường được lưu trữ trong cơ sở dữ liệu MySQL và các hàm liên quan đến dữ liệu được đặt trong các file PHP hoặc classes.
View (V): Đại diện cho giao diện người dùng Trong WordPress, views thường được đại diện bởi các file template PHP và các theme.
Controller (C): Điều khiển luồng làm việc và tương tác giữa Model và
View Trong WordPress, các controllers thường được xử lý bởi các file PHP, nhưng WordPress không có một lớp controller rõ ràng.
WordPress áp dụng mô hình kiến trúc "kiến trúc chìm" hoặc "kiến trúc hành vi", không phân chia rõ ràng giữa Model, View và Controller Thay vào đó, nó tập trung chủ yếu vào việc xử lý các yêu cầu HTTP và thực hiện các hành động tương ứng.
Quá trình xử lý yêu cầu trong WordPress bắt đầu bằng việc xác định loại yêu cầu, như yêu cầu trang chủ hoặc bài viết cụ thể Sau đó, WordPress thực hiện các hành động tương ứng thông qua các hooks và filters.
Dưới đây là mô tả chi tiết hơn về cách WordPress thực hiện quá trình xử lý yêu cầu và quản lý mã nguồn của mình:
Quá trình xử lý yêu cầu:
Khi người dùng truy cập một trang web WordPress, yêu cầu HTTP sẽ khởi đầu từ file index.php nằm trong thư mục gốc của WordPress.
Index.php thiết lập môi trường và sau đó gọi file wp-blog-header.php, nơi chứa các hàm quan trọng cho việc định tuyến và xử lý yêu cầu.
Trong tệp wp-blog-header.php, WordPress sử dụng nhiều action hooks và filter hooks để định tuyến và xử lý các yêu cầu Những hooks này cho phép lập trình viên tích hợp các hàm của họ vào các điểm cụ thể trong quy trình xử lý.
Action hooks thường được sử dụng để thực hiện các hành động, trong khi filter hooks thường được sử dụng để thay đổi dữ liệu.
Các hành động và bộ lọc quan trọng trong WordPress bao gồm: hook init, được kích hoạt khi WordPress bắt đầu quá trình khởi tạo, cho phép thực hiện các hành động liên quan đến khởi tạo; hook template_redirect, chạy trước khi giao diện người dùng được chọn và hiển thị, cung cấp cơ hội thực hiện các hành động trước khi trang web xuất hiện; và filter hook the_content, cho phép thay đổi nội dung của bài viết trước khi nó được hiển thị.
Các hành động và bộ lọc trong quá trình xử lý yêu cầu:
Trong quá trình xử lý yêu cầu, WordPress xác định loại yêu cầu và thực hiện các hành động phù hợp Chẳng hạn, khi nhận được yêu cầu trang chủ, WordPress sẽ kích hoạt action home và filter pre_get_posts để quyết định nội dung hiển thị.
Thực hiện hành động của Theme và Plugin:
Sau khi WordPress nhận diện loại yêu cầu và thực hiện các hành động mặc định, hệ thống sẽ tiến hành các hành động và bộ lọc của theme cùng với các plugin đã được kích hoạt Điều này cho phép theme và plugin can thiệp và tùy chỉnh quá trình xử lý yêu cầu một cách linh hoạt mà không cần phải chỉnh sửa trực tiếp vào mã nguồn core.
Cuối cùng, sau khi tất cả các xử lý đã được thực hiện, WordPress sẽ chọn template phù hợp và hiển thị nội dung được tạo ra.
2 Những thư mục cơ bản
Nh ng th m c c b n ữ ư ụ ơ ả
Cài đ t website ặ
Nghiên cứu và xây dựng hệ thống bằng mã nguồn mở Wordpress, ngôn ngữ lập trình PHP và Hệ quản trị cơ sở dữ liệu MySQL
Thiết kế giao diện và chức năng website.
Sửa lỗi và hoàn thiện website
Dowload Xampp và tải file vừa tải về cài đặt Xampp:
Hình 3 1 Màn hình Welcome của Xampp
Sau khi màn hình chào mừng của quá trình cài đặt Xampp xuất hiện, hãy nhấn "Next" Tại đây, bạn có thể chọn các ứng dụng đi kèm và loại bỏ những phần không cần thiết.
Hình 3 2 Màn hình Setup - Select Components
Chọn thư mục để cài đặt, chứa thư mục Xampp, thường để mặcđịnh C:\ xampp.
Hình 3 3 Màn hình Setup - Installation folder
Sau khi hoàn thành cài đặt Xampp, chọn “Finish” để kết thúc quá trình cài đặt.
Hình 3 4 Hoàn thành cài đặt Xampp
Sau khi hoàn tất cài đặt, cửa sổ XAMPP Control Panel sẽ xuất hiện Để khởi động Web Localhost, bạn cần nhấn vào hai nút "Start" đầu tiên để kích hoạt Apache và MySQL.
Hình 3 5 Khởi động Apache và MySQL
Sau khi kích hoạt, nhấn nút Admin bên cạnh nút Start để tạo Database Màn hình quản trị phpMyAdmin sẽ xuất hiện Ngoài ra, bạn cũng có thể nhập trực tiếp đường dẫn http://localhost/phpmyadmin/ vào trình duyệt.
Giao diện phpMyAdmin hiển thị danh sách tất cả các database ở cột bên trái, trong khi bên phải cung cấp các tùy chọn cài đặt và chỉnh sửa Tại đây, người dùng có thể dễ dàng thêm mới database và tạo các bảng cho website.
Sau khi tải bộ cài đặt wordpress, copy và paste thư mục vào đườngdẫn C://…xampp/htdocs Ở đây đặt tên thư mục là “BaamiShop”s:
Hình 3.7 Cài đặt thư mục Wordpress
Bắt đầu quá trình cài đặt cấu hình database.
Hình 3 7 Cài đặt cấu hình database
Tên database: tên database tạo ở phpmyadmin.
Tên người dùng: tài khoản truy cập MySQL, thông thường là root.
Mật khẩu: mật khẩu của tài khoản được khai báo phía trên.
Database host: thông thường là localhost, giữ nguyên không cầnthay đổi.
Tên tiền tố bảng dữ liệu: ký tự đầu tiên xuất hiện trong tên bảng, ví dụ như bảng wp_user.
Sau khi xác nhận thông tin, chọn “Gửi” và trang web sẽ tiến hànhcài đặt website
Khi hoàn thành cài đặt, màn hình Wordpress admin hiện ra.
3.3 Chuyển trang web từ Localhost lên Hosting
3.3.1 Thông tin tên mi n (Domain)ề
Sau khi mua tiên miền nhà cung cấp sẽ gửi đến gmail đăng ký tài khoản và mật khẩu đăng nhập vào trang quản trị domain:
Hình 3 9 Thông tin tên miền
Sau khi mua hosting thì nhà cung cấp sẽ gửi đến gmail đăng ký tên tài khoản, mật khẩu và đường dẫn tới trang quản trị hosting
3.3.3 Tri n khai trang webể Đầu tiên ta cần nén file thành đuôi zip
Sau đó ta truyền mã nguồn vào file manager trong trang quản trị hosting:
Hình 3 12 Truyền mà nguồn vào hosting Đối với database xuất dữ liệu trên trang phpMyAdmin:
Hình 3 13 Xuất dữ liệu trên phpMyAdmin
Để tạo một cơ sở dữ liệu, bạn cần truy cập vào trang quản trị hosting và sử dụng SQL Management Sau đó, hãy đăng nhập vào cơ sở dữ liệu bằng tên và tài khoản đã đăng ký, và tiến hành truyền dữ liệu vừa xuất từ trang phpMyAdmin.
Hình 3 14 Truyền dữ liệu vừa xuất
Sau khi đã tải đầy đủ mã nguồn vào trang quản trị hosting trang web đã đc up lên hosting:
Hình 3 15 Web sau khi up lên hosting
Giao di n ng ệ ườ i dùng
Hình 4 1 Giao diện trang chủ
Hình 4 2 Giao diện trang blog
Hình 4 3 Giao diện trang sản phẩm
Hình 4 4 Giao diện trang chi tiết sản phẩm
Hình 4 5 Giao diện trang liên hệ
Hình 4 6 Giao diện trang tài khoản
Hình 4 7 Giao diện trang giỏ hàng
Hình 4 8 Giao diện trang thanh toán
Trang qu n tr h th ng ả ị ệ ố
4.2.1 Trang qu n tr bài vi tả ị ế
Hình 4 9 Giao diện trang quản trị bài viết
Hình 4 10 Giao diện trang thêm bài viết
4.2.2 Trang qu n tr s n ph mả ị ả ẩ
Hình 4 11 Giao diện trang quản trị sản phẩm
Hình 4 12 Giao diện trang thêm sản phẩm
Hình 4 13 Giao diện trang menu
Thông tin ph n m m ầ ề
Hình 4 14 Giao diện trang danh mục sản phẩm
4.3.1 Giao diện sử dụng theme
Hình 4 15 Giao sử dung theme
4.3.2 Các Plugin đang sử dụng
Hi n t i website đang s d ng 7 plugin ệ ạ ử ụ