Website Build CV

Kiến trúc hệ thống

Dự án được xây dựng theo mô hình MVC (Model-View-Controller) để tách biệt logic xử lý, dữ liệu và giao diện người dùng, giúp code dễ bảo trì và mở rộng.

Backend (PHP)

Backend được phát triển bằng PHP thuần, xử lý các chức năng như xác thực người dùng, lưu trữ dữ liệu CV, và tạo file PDF.

// Ví dụ code tạo PDF từ template CV
class CVGenerator {
    private $template;
    private $userData;
    private $pdf;
    
    public function __construct($templateId, $userId) {
        $this->template = Template::find($templateId);
        $this->userData = User::find($userId)->getCVData();
        $this->pdf = new FPDF();
    }
    
    public function generate() {
        // Khởi tạo PDF
        $this->pdf->AddPage();
        $this->pdf->SetFont('Arial', 'B', 16);
        
        // Áp dụng template
        $this->applyTemplate();
        
        // Thêm thông tin người dùng
        $this->addUserInfo();
        $this->addEducation();
        $this->addExperience();
        $this->addSkills();
        
        // Trả về file PDF
        return $this->pdf->Output('D', 'my_cv.pdf');
    }
    
    private function applyTemplate() {
        // Áp dụng màu sắc, font chữ và layout từ template
        $this->pdf->SetFillColor($this->template->primary_color);
        // ...
    }
    
    // Các phương thức khác để thêm thông tin vào PDF
}

Frontend (JavaScript & jQuery)

Frontend sử dụng JavaScript và jQuery để tạo trải nghiệm người dùng mượt mà, với các tính năng như kéo thả, chỉnh sửa trực tiếp và xem trước CV theo thời gian thực.

// Ví dụ code xử lý chỉnh sửa CV trực tiếp
$(document).ready(function() {
    // Khởi tạo trình soạn thảo
    $('.editable-field').each(function() {
        $(this).attr('contenteditable', 'true');
        $(this).on('focus', function() {
            $(this).addClass('editing');
        });
        $(this).on('blur', function() {
            $(this).removeClass('editing');
            saveChanges($(this).attr('data-field'), $(this).html());
        });
    });
    
    // Lưu thay đổi qua AJAX
    function saveChanges(field, content) {
        $.ajax({
            url: 'api/save-cv-field.php',
            method: 'POST',
            data: {
                field: field,
                content: content,
                cv_id: currentCvId
            },
            success: function(response) {
                showNotification('Đã lưu thay đổi');
                updatePreview();
            },
            error: function(error) {
                showNotification('Lỗi khi lưu thay đổi', 'error');
            }
        });
    }
    
    // Cập nhật xem trước CV
    function updatePreview() {
        $('#cv-preview').load('preview.php?cv_id=' + currentCvId);
    }
});

Quản lý mẫu CV

Hệ thống quản lý mẫu CV cho phép admin thêm, sửa, xóa các mẫu CV. Mỗi mẫu được định nghĩa bằng HTML/CSS và có thể tùy chỉnh các thành phần như màu sắc, font chữ và bố cục.