xây dựng website quản lý nhà ăn trường Đại học thủy lợi

TRUONG DAI HOC THUY LOI Tên đề tài: Xây dựng website quản lý nhà ăn trường Đại học Thủy Lợi Job 1: Code giao điện và chức năng Quản | nhân viên Figma là một phần mềm biên tập đồ họa vect

TRUONG DAI HOC THUY LOI

Tên đề tài: Xây dựng website quản lý nhà ăn trường Đại học Thủy Lợi

Job 1: Code giao điện và chức năng Quản |) nhân viên

Figma là một phần mềm biên tập đồ họa vector và dựng prototype, gồm nhiều công cụ thiết

kế mạnh mẽ, hoạt động trên nền tang website Figma co tat ca các công cụ hỗ trợ và tính năng mạnh mẽ giúp designer có thê thiết kế và quản ly các dy án một cách hiệu quả Vì thé Figma la

thành phần, màu sắc, font chữ, cỡ chữ, hình ảnh, hiệu ứng, của website thành một bản thiết kế

cụ thể, từ đó hỗ trợ trong việc làm Front-end một cách để dàng

Laravel là một framework phát triển ứng dụng web mã nguồn mở được viết băng PHP Nó được tạo ra bởi Taylor Otwell và được phát hành lần đầu vào năm 2011 Laravel là một trong nhimg framework phat triển web phố biến nhất hiện nay, được sử dụng rộng rãi cho việc xây

dựng các ứng dụng web hiện đại và mạnh mẽ Tuân thu theo mé hinh MVC, cu phap rõ ràng và

dễ hiểu, hệ thống routing linh hoạt, QRM tích hợp san, dé dang kiểm thử, là những tính năng của Laravel khiến nó trở thành công cụ rất thích hợp trong việc làm Back- end

Bootstrap la mét framework CSS phé bién duge sử dụng dé phat triển giao điện người dùng cho các ứng dụng web và di động Bootstrap cung cấp các tập hợp các lớp CSS, JavaScript, và các mẫu HTML mà bạn có thế sử dụng để xây đựng các thành phần giao điện như button, form, navigation bar, grid system và nhiều hơn nữa một cách đễ dàng và nhanh chóng

SCSS (Sassy CSS) là một loại cú pháp mở rộng cho CSS, cho phép bạn sử dụng các tính năng như biên, nesting, mixins, va cac module, giup lam cho ma CSS cua ban dé doc hon va quan ly dé đàng hơn SCSS được Bootstrap sử dụng đề việt ma CSS cua no

Việc sử dụng SCSS thay vì CSS giúp cho người dùng linh hoạt hơn trong việc sử dụng Bootstrap Bootstrap đã được xây dựng sẵn các một số thuộc tính (VD: màu $primary của Bootstrap được xây dựng mặc định là $blue), và vì đã được xây dựng thuộc tính mặc định, người dùng rât khó có thê thay đôi các thuộc tính này SCSS cho phép người dùng truy cập vào các biến của Bootstrap đề thay đổi những thuộc tính mặc định khi cân thiết, như là thay đổi màu

$primary của Bootstrap thành $red hay tất cá những thuộc tính khác liên quan đến màu sắc, font- size, font-weight, margin, border, padding Vi thế, SCSS là công cụ hoàn hảo giúp người dùng

sử dụng Bootstrap một cách dé dang hon

1 Thiệt kê CSDL, code Back-end cho chức năng Quản lý nhân viên (10/4 — 13/4)

+ Gém 2 bang ‘positions’ va ‘employees’:

employees positions

+ Dùng 2 câu lệnh “php artisan make:model positions” va “php artisan make:model employees”,

4 tập tin mới được tạo ra trong dự án Laravel bao gôm:

app/Models/Posfion.php;

app/Models/Employee php;

database/migrations/2024 04 12 142913 create positions table.php,

+ Cầu hình các tap tin:

Employee.php:

# id QP Nome DateOfBirth CICN

1 Nguyễn Minh Công 1980-02-25 012373514909

2 2 Nguydn Thi Quyén 1954-12-17 068159522908

3 3 Nguyễn Thị Tâm 1952-05-19 066998807974

4 4 Trần ThịVy 1985-07-10 011333711638

5 5 Nguyễn Thị Huệ 1985-10-05 045582823782

6 6 Nguyễn Minh Quyền: 1995-10-14 055532297610

7 7 Nguyễn Văn Nam 2002-11-07 912082296669

30,000 30,000 30,000 25,000

crented_at

2024-04-12 16:05:41 2024-04-12 16:05:41 2024-04-12 16:05:41 2024-04-12 16:05:41 2024-04-12 16:05:41

updated_at 2024-04-16 00:41:27

+ Tao Controller: Chay l¢nh “php artisan make:controller EmployeeController -resource” Sau

do tép tin app/Http/Controllers/EmployeeController php voi cac phương thức liên quan dén CRUD được tạo

+ Cầu hình tệp tin EmployeeController.ph

+ 'Tạo ra thêm những tệp tin sau:

resources/views/home blade.php: Giao điện trang chủ

htmL

lang

data-bs-target

cLass cLass cLass

height

style

class class class class class class class aria-expanded

resources/views/employees/index blade.php: Giao dién trang Quan ly nhan vién

content

crossorigin

data-bs- aria-expanded

aria-current href

data-bs-height

$empLoyee

$empLoyee Date0fBIrth

$empLoyee

$empLoyee

$empLoyee

cLass href width

1d

$empLoyee (ong

PhoneNumber position->PositionName

height viewBox

class class class class type data-bs -dism1ss

aria-

cLass

type

data-bs- method g$employee->id

data-bs-dismiss

data-bs-target

cLass cLass

class

class class

class

pattern

class value

resources/views/employees/sbow.biade ph: Giao điện xem chỉ tiết nhân viên

integrity

crossorigin

class class

class class class cLass

crossorigin

data-bs- aria-expanded

aria-current

aria-expanded

ae

styLe class class class class class

readonly class

2 Thiết kế giao điện cho HomePage trên Figma (14/4)

Đây là giao điện Trang chủ dự kiến cho website Quản lý nhà ăn:

- Tai Node.js dé có thé tai các công cụ cân thiết từ npm từ terminal

- Tải boostraps về máy, lưu vào public, được 2 tép tin public/css va public/js

resources/sess/custom_class.scss

export default defineConfig({

- _ Chạy câu lệnh “npm add —D sass” để tiền xử lý cho các file có dinh dang scsc sass

Import thu vién Google fonts:

+ main.scss Khai bao cac thu vién tr Bootstrap va 2 tép tin custom

$font -weight -normal

$font -weight -medium

OY TRUONG DAI HOC THUY LỢI

PHƯƠNG PHÁP QUẢN LÝ

ĐƠN GIẢN - HIỆU QUẢ

Chao mừng bạn đến với trang chủ của chúng tôi! Chúng tôi cung cấp

cccp Số điện thoại

0120028062

Vị trí

012373514909

ø Kenya Kohler | 17-12-1987 (068159532908 0576193905 Nhân viên bán hàng oso

3 Pascale Hessel 19-05-1981 (066998807974 0662729476 Đầu bếp ogo

Edd Donnelly 10-07-1968 (011333711638 0997576894 Nhân viên bán hàng oso

Zakary Dicki 05-10-1990 (045582823782 0601998404 Don ban ogo

14-10-1995 055532297610

07-11-1994 (012082296669

Madalyn Gusikowski II 27-02-1975 045950496092 0914328880 Nhân viên phục vụ ogo

10 Morgan Ledner 30-11-1992 082039171634 0468223575 Đầu bếp ogo

a DAIHOC THOY LON Trang chủ Hướng dẫn Quán lý © =

Thêm mới nhân viên

@ TRUONG DAI HOC THUY LỢI