Các bước cài ứng dụng

Cài đặt Python

Bước 1: Tải python từ trang https://www.python.org/ và tiến hành cài đặt

Bước 2: Chọn tùy chọn "add Python to Path" như hình

Bước 3: Kiểm tra python đã cài đặt trên máy hay chưa bằng cách vào terminal nhập lệnh

py

Nếu màn hình xuất hiện như hình thì đã thành công(có thể có vài thay đổi nhỏ tùy theo phiên bản Python-phiên bản mình cài là 3.10)

Cài đặt Nodejs

Bước 1: Tải Nodejs từ trang https://nodejs.org/en/ và tiến hành cài đặt

Lưu ý: Nên cài toàn bộ các Feature

Bước 2: Ở tùy chọn "add to Path" chọn Entired feature will be installed on local hard drive

Bước 3: Kiểm tra nodejs và python đã được thêm vào path hay chưa bằng cách vào tìm kiếm->Edit environment variables for your account->Path->Edit

Nếu Path chứa Python và npm thì đã thành công

Cài đặt Visual Studio Code

Bước 1: Tải Visual Studio Code từ https://code.visualstudio.com/ và tiến hành cài đặt

Cài đặt các requirement

Bước 1: Mở ứng dụng Visual Studio Code

Bước 2: Chọn File->Open Folder->Chọn đến vị trí bạn lưu. Sau khi mở bạn sẽ như trong hình dưới dây.

Bước 3: Chọn terminal->new terminal

Bước 4: chạy lệnh 'pip install -r requirements.txt' để cài đặt những thư viện cần thiết ( Yêu cầu phải có Visual C++ 2015-2019. các bạn có thể tìm tải tại đây: https://docs.microsoft.com/en-us/cpp/windows/latest-supported-vc-redist?view=msvc-170 )

pip install -r requirements.txt

Bước 5: Vào api->api->settings.py tìm phần DATABASE để chỉnh lại thông tin cơ sở dữ liệu

Bước 6: Mở MySQL WorkBench đã cài. Nhấn chuột phải vào ** Local Instance MySQL80->Edit Connection->**

Bước 7: Chỉnh sửa các thông số như PORT và HOST (HOST 127.0.0.1 tương đương với localhost nên không cần chỉnh) trong settings.py giống với trong WorkBench và nhập mật khấu MySQL của bạn( mật khẩu đã tạo trong lúc cài đặt MySQL WorkBench)

Bước 8: Tắt phần Edit Connection ở WorkBench và nhấp vào Connection(Local Instance MySQL80)

Bước 9: Chọn qua tab Schemas

Bước 10: Nhấn chuột phải trên tab schemas->New Schema->đặt là django(hoặc bạn có thể đặt tùy thích và chỉnh Name trong settings.py)->Apply

Bước 11: Mở terminal tại thư mục lưu trữ ứng dụng. Nhập các lệnh:

Cd api

py manage.py makemigrations

py manage.py migrate

Bước 12: Tạo tài khoản admin.tại thư mục TKVLTWCC\api chạy lệnh:

py manage.py createsuperuser

username:admin (có thể khác tùy )

Email address: tùy ý

Password: tùy ý

Lưu ý: nếu gặp thông báo Bypass password validation and create user anyway? [y/N]: y

Bước 13: Sau khi cập nhật cơ sở dữ liệu vào MySQL. Bạn cần chạy các triggers,procedure,Functions. Trước tiên chọn làm mới trong workbench để thấy được các thay đổi trên CSDL.

Trước khi làm mới

Sau khi làm mới

Bước 14: Trên thanh công cụ của MySQL WorkBench.Chọn File->Open SQL Script-> trỏ đến django.sql tại thư mục lưu ứng dụng->Open:

Bước 15: Nhấn chuột phải lên schema django và chọn Set as default Schema. Chạy toàn bộ script trong file django.sql

Bước 16: làm mới schema và kiểm tra xem toàn bộ script đã chạy chưa

Bước 17: Bật terminal tại thư mục api và nhập

py manage.py runserver

Bạn có thể bật trình duyệt và nhập đường dẫn http://127.0.0.1:8000/ để kiểm tra. nếu như hình dưới đây là đã thành công.

Bước 18: Mở thêm 1 tab Terminal bằng lệnh ctrl+shift+` hoặc terminal->new terminal và mở đến thư mục client

cd client

Bước 19: Cài đặt các dependencies bằng cách nhập lệnh:

npm install

*Lưu ý: trong trường hợp lỗi The term 'npm' is not recognized thì bạn khởi động lại máy(nếu vẫn lỗi thì kiểm tra trong Edit the system environment variables->Environment variables->Path xem đã có npm hay chưa)

Bước 20: chạy bằng lệnh:

npm run dev ### ctrl+nhấn vào đường dẫn hoặc gõ http://localhost:3000/ bằng trình duyệt ## Chúc Bạn thành công :D