TKVLTWCC
eCommerce
CSS
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 TKVLTWCCapi 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
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:
*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 😀