Ứng dụng web được xây dựng bằng Angular 8 và PHP/MySQL, bao gồm các tính năng:
- Đối với khách hàng (người nước ngoài muốn làm visa): Cung cấp một biểu mẫu để khai báo các thông tin cần thiết để làm Visa (bao gồm Email, Diện nhập cảnh, ngày nhập cảnh, sân bay nhập cảnh, ảnh chụp passport), và sau đó clidk "Send Info" để gửi request. Sau khi request được gửi thành công một email sẽ được gửi để thông báo đăng ký thành công. Biểu mẫu này được thiết kế bởi component "LittleDanang/src/app/components/form-and-gallery"
- Đối với người có trách nhiệm giải quyết yêu cầu: Ứng dụng cho phép các admin login truy cập trang theo link "http:///#/login" (trong trường hợp này mình đã cài đặt sãn admin có "officer_code = 000-000" và "password = pa08"
Ứng dụng cung cấp một trang dashboard (chỉ có thể truy cập với admin) để giúp người dùng tra cứu, quản lý, và thực thi các request được gửi từ khách hàng. Trường hợp khách hàng submit nhiều hơn 1 request nhưng có cùng một email (tức là gửi nhầm -> gửi lại). Hệ thống sẽ tự động ghi đè request cũ. Đối với các request đã được xử lý xong, người dùng có thể click nút "Mark done". Trường hợp request không được giải quyết (thuộc diện cấm nhập cảnh, hoặc nhiều lý do khách quan khác), người dùng sẽ gửi email thông báo cho khách hàng và sau đó xóa request đó đi. Dashboard được thiết kế bởi component "LittleDanang/src/app/components/Histories"
Các request được lưu trữ trong phạm vi 30 ngày kể từ ngày được gửi. Sau đó sẽ bị xóa!!
HƯỚNG DẪN CÀI ĐẶT
Máy tính cảu các bạn cần được cài đặt npm, angular-cli, xampp, php, http-server
- Trước tiên, các bạn mở PHPmyAdmin và chạy câu lệnh SQL trong file "little_danang_mysql.sql" để tạo database
- Sau đó, vào thư mục LittleDanang mở cửa số cmd và chạy câu lệnh npm install. Sau đó chạy tiếp câu lệnh "ng serve -o". Giao diện Frontend sẽ được chạy trên localhost cổng 1402 (localhost:1402) trường hợp các bạn muốn đổi cổng, chạy câu lệnh "ng serve -o --port=xxxx"
- Tiếp đến mở cửa sổ cmd khởi động http-server trong thư mục LittleDanangServerSide với câu lệnh "http-server -a localhost --port=1003" để chạy một server trên localhost:1003 (đây là ví dụ: bạn có thể chọn cổng khác). Sau đó, mở một cửa số cmd khác và chạy câu lệnh "php -S localhost:1003". Như vậy, code php chạy phía backend sẽ được chạy trên localhost cổng 1003. cuối cùng, bạn cần vào file "LittleDanang/src/app/api-routes/backendURL" và thay đổi giá trị "backendDirectory" theo giá trị cổng backend vừa được thiết lập.
**** Nếu các bạn muốn deploy lên web server có thể dùng 02 cách:
- Cách 1: Trong thư mục "LittleDanang" mở cmd và chạy câu lệnh "ng build". Một thư mục "dist" sẽ được tạo thành. bạn copy thư mục "LittleDanangServerSide" vào trong thư mục "dist". Tiếp đến, vào file "LittleDanang/src/app/api-routes/backendURL" và thay đổi giá trị "backendDirectory" thành "/LittleDanangServerSide". Sau đó tải toàn bộ nội dung thư mục "dist" đó vào thư mục "public_html" của web host.
- Cách 2: Trong thư mục "LittleDanang" mở cmd và chạy câu lệnh "ng build". Một thư mục "dist" sẽ được tạo thành. tải toàn bộ nội dung thư mục "dist" đó vào thư mục "public_html" của web host. Copy thư mục "LittleDanangServerSide" vào thư mục mẹ của "public_html". Sau đó thiết lập subdomain trên webhost cho thư mục "LittleDanangServerSide". Cuối cùng cập nhật giá trị "backendDirectory" trong file "LittleDanang/src/app/api-routes/backendURL" thành tên subdomain đã được thiết lập.