Giới thiệu dự án

Thương mại điện tử (E-Commerce) tại Việt Nam trong những năm gần đây đã ghi nhận tốc độ tăng trưởng kép hàng năm (CAGR) đạt trên 25%, đặc biệt bùng nổ mạnh mẽ trong bối cảnh các biến động xã hội và các biện pháp giãn cách theo Chỉ thị 16 giai đoạn 2020–2021. Đối với thị trường xuất bản phẩm và sách truyện tranh (manga, comic), nhu cầu tiếp cận ấn phẩm giải trí từ xa của thế hệ độc giả trẻ (Gen Z, Millennials) tăng vọt. Tuy nhiên, phần lớn các cửa hàng truyện tranh truyền thống tại các đô thị vệ tinh như Thủ Dầu Một (Bình Dương) vẫn vận hành dựa trên mô hình sạp báo hoặc cửa hàng offline truyền thống, đối mặt với nhiều điểm nghẽn kỹ thuật và kinh doanh:

  • Quản lý tồn kho thủ công: Việc theo dõi hàng nghìn đầu truyện theo tập, nhà xuất bản, thương hiệu bằng sổ sách hoặc bảng tính phân tán dẫn đến sai lệch số liệu tồn kho, thất thoát dữ liệu và khó khăn trong khâu kiểm kê.
  • Giới hạn phạm vi tiếp cận: Khách hàng không thể tra cứu tức thời tình trạng còn hàng, các chương mới phát hành hoặc đánh giá từ cộng đồng trước khi đến điểm bán.
  • Trải nghiệm mua sắm phân mảnh: Thiếu một hệ thống thống nhất tích hợp giữa mua sắm (shopping cart), tương tác cộng đồng (forum/blog thảo luận) và phản hồi sản phẩm (rating/comment).
+-------------------------------------------------------------------------+
|                              BÀI TOÁN                                   |
| Cửa hàng truyện tranh truyền thống -> Thất thoát dữ liệu, quản lý       |
| thủ công, tắc nghẽn vận hành khi mở rộng quy mô kinh doanh.             |
+-------------------------------------------------------------------------+
                                    │
                                    ▼
+-------------------------------------------------------------------------+
|                             GIẢI PHÁP                                   |
| Xây dựng Website Bán Truyện Tranh TMW trên nền tảng Laravel Framework,  |
| kiến trúc MVC, cơ sở dữ liệu quan hệ MySQL và kỹ thuật AJAX.           |
+-------------------------------------------------------------------------+

Đồ án chuyên ngành "Xây Dựng Website Bán Truyện Tranh TMW" do sinh viên Mạch Hoàng Minh Thảo (Ngành Kỹ thuật Phần mềm, Viện Kỹ thuật – Công nghệ, Trường Đại học Thủ Dầu Một) thực hiện dưới sự hướng dẫn của Th.S Nguyễn Hữu Vĩnh, tập trung giải quyết triệt để các vấn đề trên thông qua việc số hóa toàn diện quy trình kinh doanh.

Mục tiêu dự án

  1. Thiết kế và chuẩn hóa cơ sở dữ liệu quan hệ: Xây dựng mô hình dữ liệu chuẩn hóa bậc 3 (3NF) gồm 12 bảng thực thể quản lý chặt chẽ sản phẩm, danh mục, đơn hàng, người dùng và tương tác cộng đồng.
  2. Phát triển hệ thống theo mô hình MVC: Hiện thực hóa logic nghiệp vụ thông qua PHP framework Laravel, áp dụng triệt để cơ chế Routing, Eloquent ORM, Blade Template và Middleware bảo mật.
  3. Tối ưu hóa tương tác người dùng bằng AJAX: Giảm tải băng thông máy chủ và loại bỏ độ trễ reload trang trong các tác vụ tìm kiếm, lọc danh mục, thêm giỏ hàng và bình luận.
  4. Phân quyền truy cập 3 cấp (Role-Based Access Control - RBAC): Tách biệt không gian thao tác và quyền hạn giữa Khách hàng (Customer), Quản trị viên (Admin) và Nhân viên (Staff).

Phạm vi và giới hạn

  • Phạm vi: Đáp ứng trọn vẹn quy trình vận hành của một doanh nghiệp bán lẻ truyện tranh quy mô vừa và nhỏ: từ quản lý danh mục/thương hiệu, xuất bản bài viết diễn đàn, xử lý đơn đặt hàng đến giao hàng và thanh toán COD.
  • Giới hạn: Hệ thống triển khai trên nền tảng Monolithic architecture; cơ chế thanh toán tập trung vào xác nhận thanh toán khi nhận hàng và chuyển khoản trực tiếp, chưa tích hợp tự động webhook cổng thanh toán quốc tế (Stripe/PayPal) hay ngân hàng nội địa thời gian thực.

Phân tích và thiết kế giải pháp

Phân tích hiện trạng

Trước khi xây dựng hệ thống TMW, nhóm tác giả tiến hành khảo sát và đánh giá so sánh giữa các phương án triển khai thương mại điện tử hiện hành:

Tiêu chí kỹ thuật & vận hành Cửa hàng truyền thống / Bán hàng MXH Nền tảng CMS dựng sẵn (WordPress / WooCommerce) Hệ thống Custom Web (Laravel Framework - TMW)
Khả năng kiểm soát mã nguồn Không có (Phụ thuộc nền tảng thứ 3) Trung bình (Bị ràng buộc bởi core CMS) Tuyệt đối 100% (Tự do tùy biến nghiệp vụ)
Tối ưu hóa hiệu năng & DB Kém (Không có cơ sở dữ liệu riêng) Trung bình (Dễ bị phình database do plugin) Cao (Tối ưu truy vấn SQL, cấu trúc 3NF)
Bảo mật dữ liệu khách hàng Rủi ro cao (Dễ mất tài khoản) Thường xuyên đối mặt lỗ hổng từ plugin bên thứ 3 Chủ động bảo vệ (CSRF, XSS, PDO SQL Injection)
Tích hợp diễn đàn & đánh giá Rời rạc, khó kiểm duyệt tập trung Cần cài đặt nhiều plugin nặng Tích hợp đồng bộ trong một cơ sở dữ liệu duy nhất
Chi phí bản quyền duy trì Chi phí quảng cáo / nền tảng cao Phí mua theme, plugin hàng năm Mã nguồn mở miễn phí (Open-Source)

Phân loại yêu cầu theo mô hình MoSCoW

  • Must-Have (Bắt buộc): Đăng ký/đăng nhập xác thực tài khoản; quản lý sản phẩm (CRUD); giỏ hàng và đặt hàng; quản lý danh mục/thương hiệu; phân quyền Admin/Nhân viên/Khách hàng.
  • Should-Have (Cần có): Hệ thống bài viết diễn đàn truyện tranh kèm chức năng kiểm duyệt bài viết trước khi công khai; đánh giá sao (rating 1-5); bình luận AJAX.
  • Could-Have (Nên có): Bộ lọc đa tiêu chí (danh mục kết hợp thương hiệu); đổi mật khẩu; cập nhật profile người dùng; xem lịch sử trạng thái đơn hàng.
  • Won't-Have (Chưa triển khai ở pha này): Đề xuất truyện tranh bằng học máy (AI Recommendation); ứng dụng di động native đa nền tảng.

Thiết kế hệ thống

Kiến trúc tổng thể hệ thống (MVC Pattern)

Website TMW áp dụng kiến trúc Model-View-Controller nhằm phân tách rõ ràng giữa tầng dữ liệu, logic điều khiển và giao diện trình diễn:

                  +-----------------------------------+
                  |        Client (Web Browser)       |
                  +-----------------------------------+
                       │                     ▲
           HTTP/AJAX   │                     │  HTML/JSON/Blade
            Request    │                     │  Response
                       ▼                     │
                  +-----------------------------------+
                  |         Laravel Router            |
                  +-----------------------------------+
                                     │
                                     ▼
                  +-----------------------------------+
                  |            Controller             |
                  |  - Validate Request               |
                  |  - Business Logic Execution       |
                  |  - Call Middleware/Auth           |
                  +-----------------------------------+
                       │                         │
      Queries/Mutations│                         │ Passes Data
                       ▼                         ▼
            +--------------------+     +--------------------+
            |       Model        |     |        View        |
            |   (Eloquent ORM)   |     |  (Blade Templates) |
            +--------------------+     +--------------------+
                       │
                       ▼
            +--------------------+
            |   MySQL Database   |
            +--------------------+

Technology Stack chi tiết

  • Backend Framework: Laravel (PHP 7.4+ / MVC Architecture).
  • Database Management System: MySQL Server 8.0 (Storage Engine: InnoDB hỗ trợ khóa ngoại Foreign Keys và ACID Transactions).
  • Frontend Technologies: HTML5, CSS3, JavaScript (ES6), jQuery 3.x, Bootstrap Framework.
  • Giao thức truyền thông: AJAX (XMLHttpRequest) truyền tải dữ liệu JSON bất đồng bộ.
  • Bảo mật: Laravel Middleware (VerifyCsrfToken), SwiftMailer API, Bcypt Password Hashing.

Thiết kế cơ sở dữ liệu (Database Schema)

Cơ sở dữ liệu của TMW được thiết kế với 12 thực thể quan hệ, đảm bảo tính toàn vẹn tham chiếu và chuẩn hóa dữ liệu:

+------------------------------------------------------------------------------------+
|                                 DATABASE SCHEMA (TMW)                              |
+------------------------------------------------------------------------------------+
| 1. Admin (id, username, password, email, role, created_at, updated_at)             |
| 2. Brand (id, brand_name, brand_desc, brand_status)                                |
| 3. Category (id, category_name, category_desc, category_status)                    |
| 4. Product (id, product_name, category_id, brand_id, product_price, product_desc,  |
|             product_image, product_quantity, product_status)                       |
| 5. Ship (id, customer_name, customer_email, customer_phone, customer_address, note)|
| 6. Payment (id, payment_method, payment_status)                                    |
| 7. Order (id, customer_id, shipping_id, payment_id, order_total, order_status)     |
| 8. Order_detail (id, order_id, product_id, product_price, product_sales_quantity)  |
| 9. Post (id, post_title, post_content, customer_id, post_image, post_status)       |
| 10. Comment (id, comment_name, product_id, comment_content, comment_date)          |
| 11. Comment_post (id, comment_post_name, post_id, comment_content, comment_date)   |
| 12. Rating (id, product_id, rating_star)                                           |
+------------------------------------------------------------------------------------+

Cơ chế bảo mật đa tầng

  1. Chống SQL Injection: Toàn bộ các thao tác truy xuất dữ liệu trong Controller đều thông qua PDO (PHP Data Objects) và Query Builder của Laravel, sử dụng kỹ thuật Prepared Statements và Parameter Binding để vô hiệu hóa mã độc SQL.
  2. Chống Cross-Site Request Forgery (CSRF): Sử dụng directive @csrf trong tất cả các form gửi dữ liệu POST/PUT/DELETE, tự động sinh mã Token ngẫu nhiên khớp với Session ID của phiên làm việc.
  3. Chống Cross-Site Scripting (XSS): Cơ chế hiển thị Blade Template sử dụng cú pháp {{ $variable }} mặc định gọi hàm htmlspecialchars() của PHP, mã hóa toàn bộ thẻ HTML độc hại trước khi render ra trình duyệt.

Methodology (Phương pháp phát triển)

Dự án được triển khai theo mô hình kết hợp (Iterative Waterfall & Agile Scrum rút gọn) với 5 giai đoạn rõ ràng:

[Khảo sát & Thu thập yêu cầu] ──> [Phân tích Use Case & DB] ──> [Hiện thực hóa Core Modules] ──> [Kiểm thử & Tối ưu] ──> [Đóng gói & Báo cáo]
           (Tuần 1-2)                      (Tuần 3-4)                      (Tuần 5-9)                     (Tuần 10-11)              (Tuần 12)

Quản trị rủi ro và biện pháp giảm thiểu

  • Rủi ro xung đột dữ liệu đơn hàng (Concurrent Orders): Áp dụng Database Transaction (DB::beginTransaction(), DB::commit(), DB::rollBack()) trong quá trình tạo đơn hàng và trừ tồn kho.
  • Rủi ro spam bài viết/bình luận: Áp dụng trạng thái kiểm duyệt (post_status = 0: Chờ duyệt, post_status = 1: Đã duyệt). Chỉ Admin/Nhân viên mới có quyền chuyển trạng thái bài viết lên công khai.

Implementation và kết quả

Development process

Quá trình lập trình tập trung vào việc hiện thực hóa các Controller nghiệp vụ chính, xử lý dữ liệu thông qua Eloquent ORM và kết nối giao diện tương tác.

1. Xử lý nghiệp vụ đặt hàng (Order Processing with DB Transaction)

Đoạn mã điều khiển tiếp nhận thông tin giỏ hàng, thông tin giao nhận và khởi tạo đơn hàng an toàn:

<?php
namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Illuminate\Support\Facades\DB;
use Illuminate\Support\Facades\Session;
use App\Models\Order;
use App\Models\OrderDetail;
use App\Models\Shipping;

class CheckoutController extends Controller
{
    public function placeOrder(Request $request)
    {
        // 1. Xác thực dữ liệu đầu vào
        $request->validate([
            'shipping_name'    => 'required|string|max:255',
            'shipping_phone'   => 'required|regex:/^([0-9\s\-\+\(\)]*)$/|min:10',
            'shipping_address' => 'required|string',
            'payment_method'   => 'required|integer'
        ]);

        DB::beginTransaction();
        try {
            // 2. Lưu thông tin vận chuyển
            $shippingId = DB::table('tbl_shipping')->insertGetId([
                'shipping_name'    => $request->shipping_name,
                'shipping_email'   => $request->shipping_email,
                'shipping_phone'   => $request->shipping_phone,
                'shipping_address' => $request->shipping_address,
                'shipping_notes'   => $request->shipping_notes,
                'created_at'       => now()
            ]);

            // 3. Khởi tạo phương thức thanh toán
            $paymentId = DB::table('tbl_payment')->insertGetId([
                'payment_method' => $request->payment_method,
                'payment_status' => 'Pending',
                'created_at'     => now()
            ]);

            // 4. Lưu thông tin Master Order
            $cartContent = Session::get('cart');
            $totalPrice  = Session::get('total_price', 0);
            $customerId  = Session::get('customer_id');

            $orderId = DB::table('tbl_order')->insertGetId([
                'customer_id'  => $customerId,
                'shipping_id'  => $shippingId,
                'payment_id'   => $paymentId,
                'order_total'  => $totalPrice,
                'order_status' => 'Processing',
                'created_at'   => now()
            ]);

            // 5. Lưu chi tiết đơn hàng (Order Details)
            foreach ($cartContent as $item) {
                DB::table('tbl_order_details')->insert([
                    'order_id'               => $orderId,
                    'product_id'             => $item['product_id'],
                    'product_name'           => $item['product_name'],
                    'product_price'          => $item['product_price'],
                    'product_sales_quantity' => $item['quantity'],
                    'created_at'             => now()
                ]);

                // Trừ số lượng tồn kho
                DB::table('tbl_product')
                    ->where('product_id', $item['product_id'])
                    ->decrement('product_quantity', $item['quantity']);
            }

            DB::commit();
            Session::forget('cart');
            Session::forget('total_price');

            return view('pages.checkout.order_success')->with('orderId', $orderId);

        } catch (\Exception $e) {
            DB::rollBack();
            return redirect()->back()->with('error', 'Lỗi xử lý đơn hàng: ' . $e->getMessage());
        }
    }
}

2. Kỹ thuật tải dữ liệu bất đồng bộ AJAX (Dynamic Comment / Filter)

Để người dùng bình luận hoặc lọc sản phẩm không cần tải lại toàn bộ trang:

// Xử lý gửi bình luận sản phẩm không cần reload trang
$(document).ready(function() {
    $('#submit-comment-btn').on('click', function(e) {
        e.preventDefault();
        
        let productId = $('#comment_product_id').val();
        let commentName = $('#comment_name').val();
        let commentContent = $('#comment_content').val();
        let _token = $('input[name="_token"]').val();

        if (commentName.trim() === '' || commentContent.trim() === '') {
            alert('Vui lòng điền đầy đủ tên và nội dung bình luận!');
            return;
        }

        $.ajax({
            url: '/send-comment',
            method: 'POST',
            data: {
                product_id: productId,
                comment_name: commentName,
                comment_content: commentContent,
                _token: _token
            },
            dataType: 'JSON',
            beforeSend: function() {
                $('#submit-comment-btn').prop('disabled', true).text('Đang gửi...');
            },
            success: function(response) {
                if (response.status === 200) {
                    $('#comment_content').val('');
                    let newCommentHtml = `
                        <div class="single-comment">
                            <h5><b>${response.data.comment_name}</b> <small>${response.data.created_at}</small></h5>
                            <p>${response.data.comment_content}</p>
                        </div>
                    `;
                    $('#list-comments').prepend(newCommentHtml);
                    $('#notify-comment').html('<span class="text-success">Bình luận thành công!</span>');
                }
            },
            error: function(xhr, status, error) {
                console.error('AJAX Error: ' + error);
                $('#notify-comment').html('<span class="text-danger">Lỗi kết nối máy chủ!</span>');
            },
            complete: function() {
                $('#submit-comment-btn').prop('disabled', false).text('Gửi bình luận');
            }
        });
    });
});

Testing và validation

Hệ thống được kiểm thử thông qua các kịch bản kiểm thử hộp đen (Black-box Testing), kiểm thử phân quyền và đánh giá tải cơ bản:

Kịch bản kiểm thử (Test Case) Điều kiện tiên quyết Kết quả mong đợi Trạng thái thực tế
TC-01: Đăng ký tài khoản Email chưa tồn tại trong hệ thống Tạo bản ghi mới, mã hóa mật khẩu Bcrypt, tự động đăng nhập PASS
TC-02: Đăng bài viết cộng đồng Khách hàng đã đăng nhập Bài viết được lưu với post_status = 0, xuất hiện trong hàng đợi duyệt PASS
TC-03: Nhân viên duyệt bài viết Đăng nhập tài khoản Staff/Admin Đổi post_status = 1, bài viết hiển thị tức thì trên giao diện diễn đàn PASS
TC-04: Đặt hàng khi hết tồn kho Số lượng mua > product_quantity Hệ thống báo lỗi tồn kho, ngăn chặn tạo bản ghi đơn hàng PASS
TC-05: Chống SQL Injection form tìm kiếm Nhập ' OR '1'='1 vào ô Search Hệ thống escape chuỗi an toàn, trả về kết quả 0 sản phẩm tìm thấy PASS

Benchmark hiệu năng

  • Thời gian phản hồi trang chủ (First Contentful Paint): ~1.15s trên môi trường Localhost Apache/MySQL.
  • Tốc độ xử lý AJAX request (Lọc danh mục / Comment): Dao động từ 85ms đến 140ms.
  • Kích thước Payload trung bình khi gọi AJAX: < 35 KB (tiết kiệm hơn 70% băng thông so với việc tải lại toàn bộ tài liệu HTML).

Kết quả đạt được

Hệ thống Website Bán Truyện Tranh TMW hoàn thành 100% các chỉ tiêu đề ra trong đề cương đồ án chuyên ngành:

+--------------------------------------------------------------------+
|                KẾT QUẢ ĐẠT ĐƯỢC CỦA HỆ THỐNG TMW                   |
+--------------------------------------------------------------------+
| [✓] 23/23 Use Cases chính được triển khai đầy đủ                   |
| [✓] 41 Giao diện chức năng (Front-end & Back-end Admin Portal)     |
| [✓] 12 Bảng dữ liệu quan hệ đồng bộ chuẩn 3NF                      |
| [✓] 3 Nhóm tác nhân (Admin, Nhân viên, Khách hàng) phân quyền rõ rệt|
| [✓] Diễn đàn thảo luận & Hệ thống đánh giá sao tích hợp mượt mà     |
+--------------------------------------------------------------------+

Đổi mới và đóng góp

  1. Mô hình tích hợp Kép (E-Commerce + Reader Community): Khác biệt với các website bán sách thương mại truyền thống (chỉ tập trung vào bán lẻ đơn thuần), TMW tích hợp sẵn phân hệ diễn đàn bài viết (Forum Post & Post Comments). Điều này cho phép độc giả chia sẻ cảm nhận, review nội dung manga, tạo hiệu ứng mạng lưới (Network Effect) giữ chân người dùng.
  2. Cơ chế phân quyền 3 lớp linh hoạt: Tách bạch rõ vai trò của Nhân viên (chỉ tập trung vào quản lý tài khoản khách hàng, kiểm duyệt bài viết và kiểm duyệt bình luận) và Admin (nắm toàn quyền cấu hình danh mục, thương hiệu, nhân sự và đơn hàng), tối ưu hóa quy trình phân công lao động cho cửa hàng.
  3. Tối ưu hóa băng thông với AJAX Callback: Ứng dụng kỹ thuật cập nhật DOM cục bộ trong các tác vụ tương tác cao (bình luận, phân trang, lọc sản phẩm), giảm tải đáng kể áp lực truy vấn cho máy chủ web trong điều kiện hạ tầng phần cứng giới hạn.

Ứng dụng thực tế và triển khai

Kịch bản ứng dụng thực tế

Hệ thống TMW được thiết kế sẵn sàng để áp dụng ngay cho các mô hình kinh doanh sau:

  • Các nhà sách, tiệm truyện tranh vừa và nhỏ cần giải pháp bán hàng trực tuyến độc lập, không chịu chi phí hoa hồng cao từ các sàn thương mại điện tử lớn.
  • Các câu lạc bộ, cộng đồng yêu thích truyện tranh/light novel cần một nền tảng kết hợp giữa kho tư liệu, diễn đàn trao đổi và cửa hàng bán ấn phẩm giới hạn.

Yêu cầu triển khai hệ thống (System Requirements)

  • Web Server: Apache 2.4+ hoặc Nginx 1.18+.
  • PHP Environment: PHP >= 7.4 (Kích hoạt các extensions: OpenSSL, PDO, Mbstring, Tokenizer, XML, Ctype, JSON, BCMath).
  • Database: MySQL Server 5.7 hoặc 8.0 (Hỗ trợ InnoDB engine).
  • Package Manager: Composer 2.x để quản lý dependencies.

Hướng dẫn cài đặt nhanh (Deployment Steps)

# 1. Clone mã nguồn từ repository
git clone https://github.com/machhoangminhthao/tmw-comic-store.git
cd tmw-comic-store

# 2. Cài đặt các gói phụ thuộc PHP qua Composer
composer install --no-dev --optimize-autoloader

# 3. Cấu hình biến môi trường
cp .env.example .env
php artisan key:generate

# 4. Thiết lập kết nối cơ sở dữ liệu trong file .env
# DB_DATABASE=tmw_comic_db
# DB_USERNAME=root
# DB_PASSWORD=your_password

# 5. Chạy Migration và nạp dữ liệu mẫu
php artisan migrate --seed

# 6. Khởi tạo liên kết thư mục lưu trữ ảnh tải lên
php artisan storage:link

# 7. Khởi chạy máy chủ nội bộ
php artisan serve

Hạn chế và hướng phát triển

Hạn chế kỹ thuật

  • Cơ chế thanh toán trực tuyến: Hệ thống chưa tích hợp cổng thanh toán tự động (VNPay, MoMo, ZaloPay API qua IPN Webhook), việc kiểm tra thanh toán chuyển khoản vẫn phụ thuộc vào rà soát thủ công của Admin.
  • Hạ tầng lưu trữ: Tệp tin hình ảnh sản phẩm và bài viết đang lưu trữ cục bộ tại máy chủ web (public/uploads), chưa tối ưu hóa qua các dịch vụ lưu trữ đám mây (Cloud Object Storage như Amazon S3, Cloudinary).
  • Tìm kiếm nâng cao: Tính năng tìm kiếm sử dụng mệnh đề LIKE %keyword% trong SQL, chưa tích hợp Full-text Search Engine (Elasticsearch hoặc Algolia) khi dữ liệu đạt quy mô hàng chục nghìn đầu sách.

Hướng phát triển tương lai

  1. Nâng cấp thanh toán đa kênh: Tích hợp SDK cổng thanh toán nội địa và ví điện tử, tự động đổi trạng thái đơn hàng khi giao dịch thành công.
  2. Ứng dụng Progressive Web App (PWA) & Native App: Đóng gói ứng dụng web theo chuẩn PWA hỗ trợ thông báo đẩy (Push Notifications) và lưu cache ngoại tuyến khi mất kết nối mạng.
  3. Tích hợp thuật toán gợi ý (Recommendation Engine): Phân tích lịch sử xem và mua truyện của khách hàng để gợi ý các tập truyện cùng tác giả hoặc cùng thể loại (Collaborative Filtering).

Đối tượng hưởng lợi

  • Sinh viên & Người học ngành Kỹ thuật Phần mềm: Tài liệu tham khảo chuẩn mực về quy trình thực hiện một đồ án chuyên ngành: từ khảo sát nghiệp vụ, phân tích sơ đồ Use Case, thiết kế lược đồ quan hệ CSDL (ERD) đến lập trình thực tế với Laravel Framework.
  • Lập trình viên phát triển Web: Nắm bắt kỹ thuật tổ chức cấu trúc mã nguồn theo chuẩn MVC của Laravel, phương pháp bọc Database Transaction trong xử lý đơn hàng và tích hợp xử lý AJAX bất đồng bộ.
  • Chủ cửa hàng & Doanh nghiệp bán lẻ: Sở hữu giải pháp mẫu để triển khai website thương mại điện tử độc lập, quản lý bài bản danh mục, tồn kho và khách hàng với chi phí đầu tư ban đầu gần như bằng 0.

Câu hỏi thường gặp

1. Hệ thống có yêu cầu cấu hình máy chủ cao để triển khai không?

Không. Nhờ kiến trúc Monolithic gọn nhẹ của Laravel kết hợp cơ sở dữ liệu MySQL được tối ưu hóa chỉ mục (Indexes), hệ thống có thể vận hành mượt mà trên một máy chủ ảo (VPS) cấu hình cơ bản (1 vCPU, 1 GB RAM, 25 GB SSD) với chi phí chỉ khoảng $5–$10/tháng.

2. Website TMW bảo vệ người dùng trước các cuộc tấn công SQL Injection như thế nào?

Laravel Framework sử dụng PDO parameter binding mặc định trong tất cả các câu lệnh của Eloquent ORM và Query Builder. Mọi tham số do người dùng nhập vào từ các trường input form đều được xử lý dưới dạng dữ liệu thuần túy (data literal), ngăn chặn hoàn toàn việc chèn các câu lệnh SQL độc hại thực thi ngoài ý muốn.

3. Quy trình duyệt bài viết diễn đàn hoạt động ra sao?

Khi khách hàng tạo bài viết mới trên diễn đàn, bản ghi sẽ được lưu vào bảng tbl_post với cờ post_status = 0 (Chờ duyệt). Bài viết này sẽ không xuất hiện ngoài trang chủ diễn đàn cho đến khi Quản trị viên (Admin) hoặc Nhân viên (Staff) kiểm tra nội dung trong giao diện quản trị và bấm phê duyệt (post_status = 1).

4. Tại sao đồ án lựa chọn kết hợp Laravel và AJAX thay vì xây dựng Single Page Application (SPA) với React hay Vue.js?

Việc sử dụng Laravel kết hợp Blade Template và AJAX giúp rút ngắn thời gian phát triển, tối ưu hóa khả năng lập chỉ mục tìm kiếm tự nhiên (SEO Friendly) mà không cần cấu hình phức tạp các giải pháp Server-Side Rendering (SSR). Đồng thời, các đoạn xử lý AJAX tại các vị trí cần thiết vẫn đảm bảo trải nghiệm người dùng mượt mà.

5. Chi phí bảo trì và mở rộng hệ thống trong dài hạn là bao nhiêu?

Toàn bộ hệ sinh thái công nghệ sử dụng trong đồ án (PHP, Laravel, MySQL, Apache/Nginx, Bootstrap) đều là mã nguồn mở miễn phí bản quyền (Open Source). Do đó, chi phí bảo trì chỉ phát sinh từ phí duy trì tên miền (Domain) và hạ tầng lưu trữ (Hosting/VPS) hàng năm.

Kết luận

Đồ án chuyên ngành "Xây Dựng Website Bán Truyện Tranh TMW" của tác giả Mạch Hoàng Minh Thảo đã giải quyết thành công bài toán chuyển đổi số cho mô hình kinh doanh truyện tranh truyền thống. Bằng việc vận dụng linh hoạt Laravel Framework, hệ quản trị cơ sở dữ liệu MySQL và kỹ thuật tương tác AJAX, hệ thống không chỉ cung cấp giải pháp bán hàng đa năng, an toàn và trực quan mà còn xây dựng được không gian kết nối cộng đồng độc giả thông qua phân hệ diễn đàn và đánh giá tương tác.

Dự án là minh chứng thực tiễn rõ nét cho việc ứng dụng kiến thức chuyên ngành Kỹ thuật Phần mềm vào giải quyết các bài toán kinh tế - xã hội cụ thể, tạo tiền đề vững chắc cho việc phát triển thành một nền tảng thương mại điện tử chuyên biệt hoàn chỉnh trong tương lai.