Câu hỏi và câu trả lời demo

Cách chạy :

Lưu trữ trong

////////////////////////////////////////////////////

Logic tổ chức chạy code :

Chạy bash ………………………………….

Sh : bash trên window linux

Truy cập back-end

Chạy docker-compose.yml  chạy các service : build chạy các docker file để chạy .

Dockerfile cùng cấp với docker-compose chạy trên port 9090

Chạy môi trường Phpmyadmin…..trong file docker-compose…

Context : đọc docker file

Lấy node tạo ra ở docker ….. chạy RM yarn install….. thì chạy node modle

Yarn : thì tương tự npm nhưng tổ chức modle khác nhau…………….đọc thêm

Cách tải yarn :

Docker-composer.yml ---------- port : 8080………..run lại thì mới thay đổi port……….

Bắt đầu chạy file : index.php

Cách import database : …. Đọc mặc định ở docker-composer.yml…… dưới chỗ ./database./

Host…. Lấy service ở ‘mysql_db’ …… tài khoản … mật khẩu….

Chạy database thì dùng construct … trong database.php………dùng singer turn?????.......

Có nhiều cách kết nối database trong php

Sử dụng :

Sở hữu lại : chjay hàm AccounModel.php …..Accountmodel extends database

Chuẩn bị diagram … create account,…….get account by id,………

CategoryModel

Phần model truy vấn

Thì control là dùng api giao tiếp vs model

Apiaccount :

Header : khi truy cập …………….để set header …. Để là tiêu chuẩn người dùng cấp quyền j

Network  đọc phần header

Access control allow…..  cho phép localhost truy cập localhost 3000 thì localhost 3001 ko truy cập
được

Content-type – trả về dạng json

Toàn bộ đùng method post hết luôn

Control index….. để khởi chạy

/////////////////////////////////////////////////////////////////////////////////////////

Đăng ký – login – đi đến trang home

1.CHỨC NĂNG 1 : Ví dụ chức năng đăng ký
(register) :
Mở file ‘network’  bấm ‘continue’  Thì chạy ‘create.php’

App.jsx 
Có phần return giao diện trả về body form

Khi submit chạy “onsubmit”---------ko được reload trang

Veridate các giá trị xem người dùng đã nhập chx , so sánh password….. giống nhau thì tiếp tục….match
hết hoặc verify

Thì tạo tài khoản : create database…….inputURL

useState : hàm dựng sẵn reactJS trả về 2 tham số… dùng kỹ thuật spread…

Set dữ liệu

Handsubmit----ktra giá trị nhập -------

Create account…….trong async…..await…bất động bộ….gửi trên server …

createAccount(apiURL…)…………..

front-end xử lý account ::

cần đường link đến backend--------apilink

//////////

Cần set header………..dùng json_decode để get data

///////

Create.php ……….

Excute tự động lưu trên database

Lưu database --------php trả về true false……..ktra điều kiện

Chạy onchange => lưu vào biến ‘name’ ở file ‘createAccount.jsx’ gõ từ nào lưu từ đó

Có dùng callapi ----------- khi submit cái form thì chạy cái hàm ‘handleSubmitForm’ là arrow function

preventDefault ------ ngăn chặn reload trang

trim --- xóa những ký tự rỗng , khoảng trắng , rỗng 2 bên – k chạy j thì k nhập bên trong

hàm createAccount.jsx ------- có await fetch------ gửi dữ liệu lên server

apiURL – nơi cần gửi -----ấn vào apiURL – hiện đường dẫn..nơi gửi dữ liệu lên

Mở ‘create.php’

Setup cái header--- chèn model—tạo model account model

Gửi dữ liệu lên bằng cách : // get raw data--------thông qua json

Nhận dữ liệu lên  lấy dữ liệu ra (client- server)---qua json

Nhận các dữ liệu name , email , password , address,role, status

// set values , cầm data -----------

// insert account ------ lưu lên database

‘’ là : gọi hàm

//trong create xử lý account :

Xử lý accountModel ở phần backend model  ‘AccountModel.php’

Tìm cái createAccount ---- // add one account

v
//////////////////////////////////////////////////////////////////////////////////////////////////

2.CHỨC NĂNG 2 : Ví dụ chức năng Login (đăng

nhập) :

Mở phần network --- đọc phần payload gửi dữ liệu lên…..

Network  header

Mở file composers-- login—login.jsx

Đọc phần return… hiển thị submit form như thế nào….conchange user pass
Ko được reload trang

Gửi dữ liệu lến server …. apiAccount with single

Mở file ‘read_sigle.php’ … đọc dữ liệu…..

/////

Mở phần network header-------- để lấy thông tin tổng quát của nó…..

Đọc app.jsx……………… đọc dưới … có trang login register

Giữ control xong click phần register

//////

/////////////////////////////////////////////////////////////////////////

Tranning :::::::::::::::::::::::::::::::::::::::::::::

////////////////////////////////////////////////////////////////////////////////////

Muốn callapi tới MVC --- đọc phần frontend-login-createAccount.jsx

handSubmitform--- rồi set các dữ liệu onchange = sự kiện event xử lý điều kiện………

onchange chạy… lấy dữ liệu e.target.value

/////////////////////////////////////////////////////////////////////////

3.CHỨC NĂNG THÊM : THÊM CÔNG

THỨC NẤU ĂN
Thêm thông tin món ăn -> ấn nút ‘thêm’

Tìm chỗ ‘danh sách của tôi’  hiển thị dữ liệu vừa thêm

Đọc : App.jsx

AU : add
ấn control ‘Add recipe’

update công thức món ăn ở ‘AU_Recipe.jsx’

đọc phần “return” để hiểu tổng quát

control vào hàm handleSubmitForm

////////////////////////////////////////////////////////////////

LUỒNG CHẠY DỮ LIỆU…. đang update…..