đồ án môn học lập trình web xây dựng website bán xe máy

MÔ TẢ BÀI TOÁN-Hệ thống bán đồ điện tử online bao gồm 1 trang web dành cho user và admin.-Ở trang website bán hàng:+ Cho phép người dùng có thể vào trang web để xem danh sách các sản phẩ

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘTVIỆN KỸ THUẬT CÔNG NGHỆ

ĐỒ ÁN MÔN HỌCLẬP TRÌNH WEB

XÂY DỰNG WEBSITE BÁN XE MÁY

GVHD: ThS Võ Quốc Lương SVTH: Lê Anh Đạt

MSSV: 2024802010190LỚP: DCNTT01

BÌNH DƯƠNG - 11/2021

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT CÔNG NGHỆ

ĐỒ ÁN MÔN HỌCLẬP TRÌNH WEB

XÂY DỰNG WEBSITE BÁN XE MÁY

GVHD: ThS Võ Quốc Lương SVTH: Lê Anh ĐạtMSSV: 2024802010190LỚP: D20CNTT01

Tiêu chíTrọngsố%

Trung bình 50%

Thái độtham gia tíchcực

Nêu ý tưởng

☒Tích cực tìmkiếm và chủ

độngđưa ra ýtưởng mang

tính mới

☐Tìm kiếm và đưa ra được ý tưởng khá tốt

☐Chọný tưởngtrong sốđược đề

☐Không quan tâm lựa chọn ý tưởngLập

05 hợp lý, không☒ Hoàn toàncần điều chỉnh

☐ Khá hợp lý, điều chỉnh chút

ít theo góp ý

☐ Chưa hợp lý, có điều chỉnh theo

góp ý

☐Không hợplý vàkhôngđiềuchỉnhtheo

góp ý

Quá trình thực hiện project nghiêmtúc

☒ Chuẩn bị tốtmọi điều kiệncho việc thựchiện project, có

thể khởi độngngay

☐Chuẩnbị được đasố điều kiện

thực hiện,có thểkhởiđộng vàbổ sungsau

☐Chuẩnbị đượcmột sốđiều kiệncho

việc thựchiệnnhưng cần

bổ sungthêm mớicó thể khởi

☐Không chuẩn bị đượcđiều kiện nào

Thực hiệnhoàn toàn đúng

phương pháp

☐Thựchiện kháđúngphươngpháp, saisót nhỏ và

☐Thựchiệntươngđốiđúngphươngpháp, saisót quantrọng và cósửa chữa

☐ Thực hiện khôngđúng phương pháp, sai sót khôngsửa chữa

10 ☐ Triển khai đúng kế hoạch

☒ Triểnkhai kháđúng kếhoạch, cóchậm trễnhưngkhông gâyảnh hưởng

☐Triển khai tương đối đúng kế hoạch, cóchậm trễ

gây ảnhhưởngnhưng khắcphục được

☐Triểnkhai chậmtrễ, gây

ảnhhưởngkhôngkhắcphụcđượcMức Ghi rõ từng mục tiêu thành phần (ở mỗi giai đoạn của project)

và thang điểm cụ thể

Báo cáo kết quả bằng văn bản rõràng

- Báo cáo tiến trình thực hiện- Thuyết minh sản phẩm- Bài học rút ra

- Format nhất quán- Văn phong phù hợpCh

ất lượngsản phẩm

20 -- Các chức năng của sản phẩm (5)Giao diện sản phẩm (10)- Hiểu nội dung sản phẩm (5)

đápứngcáctiêuchí đềra

ĐIỂM:

GÓP Ý LĨNH VỰC CẦN CẢI TIẾN:- Về phương pháp học tập, suy nghĩ, xử lý vấn đề:- Về kiến thức, kỹ năng, thái độ:

Ghi nhận của GVGÓP Ý CẢI TIẾN CHO CÁ NHÂN:

- Về phương pháp học tập, suy nghĩ, xử lý vấn đề:- Về kiến thức, kỹ năng, thái độ:

- Khác:

- Phương pháp cải tiến:- Nơi có thể cung cấp sự hỗ trợ:(phần này do GV ghi và lưu

riêng để theo dõi, tư vấn cho cá

nhân SV, không phổ biến cholớp, nhóm)

2.1.SƠ ĐỒ USE CASE 4

Mô tả use case XEMHANGVADATHANG 8

Mô tả use case QUANLYCACSANPHAM 12

Mô tả use case QUANLYNHAPXUATHANG 13

2.2.SƠ ĐỒ 23

2.3.SƠ ĐỒ LỚP 25

CHƯƠNG 3 THIẾT KẾ CƠ SỞ DỮ LIỆU 26

3.1.SƠ ĐỒ QUAN HỆ TRONG CSDL 26

3.2 MÔ TẢ BẢNG DỮ LIỆU 27

CHƯƠNG 4 GIAO DIỆN VÀ CÀI ĐẶT CHƯƠNG TRÌNH 34

4.1.GIAO DIỆN TRANG CHỦ 34

4.2.GIAO DIỆN TRANG CHI TIẾT SẢN PHẨM 34

4.3.GIAO DIỆN TRANG DANH SÁCH SẢN PHẨM 35

4.4.GIAO DIỆN TRANG ĐĂNG NHẬP 35

4.5.GIAO DIỆN TRANG ĐĂNG KÝ 36

4.6.GIAO DIỆN TRANG GIỎ HÀNG 37

ii

DANH MỤC CÁC HÌNH

Hình 2 1 Sơ đồ use case của actor administrator 4Hình 2 2 Sơ đồ use case của actor administrator 5Hình 2 3 Sơ đồ use case quản lý người dùng 6Hình 2 4 Sơ đồ use case xem hàng và đặt hàng 8Hình 2 5 Sơ đồ use case quản lý các sản phẩm 11Hình 2 6 Sơ đồ use case quản lý nhập xuất hàng 13Hình 2 7 Sơ đồ hệt thống 23

Hình 2 8 Sơ đồ class diagram 24Hình 2 9 Sơ đồ lớp 25

Hình 3 1 Sơ đồ quan hệ trong CSDL 26Hình 4 1 Giao diện trang chủ 34

Hình 4 2 Giao diện trang chi tiết sản phẩm 34Hình 4 3 Giao diện trang danh sách sản phẩm 35Hình 4 4 Giao diện trang đăng nhập 36Hình 4 5 Giao diện trang đăng ký 36Hình 4 6 Giao diện trang giỏ hàng 37

DANH MỤC CÁC BẢNG

Bảng 3 1 ChiTiepDonHang 27Bảng 3 2 Đơn Đặt Hàng 27Bảng 3 3 Sản Phẩm 28Bảng 3 4 Loại Thành Viên 29Bảng 3 5 Thành Viên 30Bảng 3 6 Quyền 30Bảng 3 7 Thành viên Quyền 30Bảng 3 8 khách Hàng 31Bảng 3 9 Chi Tiết Nhập 32Bảng 3 10 Loại Sản Phẩm 32Bảng 3 11 Nhà Sản Xuất 32Bảng 3 12 Nhà Cung Cấp 33Bảng 3 13 Phiếu Nhập 33Bảng 3 14 Bình Luận 33Hình 4 1 Giao diện trang chủ 34

Hình 4 2 Giao diện trang chi tiết sản phẩm 34Hình 4 3 Giao diện trang danh sách sản phẩm 35Hình 4 4 Giao diện trang đăng nhập 36Hình 4 5 Giao diện trang đăng ký 36Hình 4 6 Giao diện trang giỏ hàng 37

DANH SÁCH CÁC KÝ TỰ, CHỮ VIẾT TẮTTừ viết

Giải thích

TiếngViệt

MỞ ĐẦU

Thực trạng trong môi trường kinh tế đang phát triển mạnh, cạnh tranh gay gắt,cùng với sự phát triển vượt bậc của khoa học kỹ thuật thì công nghệ thông tin vàthương mại điện tử là một trong những lĩnh vực nổi trô ‚i, có nhiều đóng góp thiết thựcnhất cho nền kinh tế Công nghệ thông tin và thương mại điện tử có mặt trong hầu hếtcác lĩnh vực của cuộc sống và trở thành một công cụ hỗ trợ rất đắc lực trong công tácquản lý, kinh doanh Ngày nay, “ thương mại điện tử “ đem lại rất nhiều lợi ích khôngnhững cho các doanh nghiệp mà người tiêu dùng cũng có những lợi ích như tích kiệmthời gian và chi phí trông việc mua sắm và tiêu dùng Việc bán hàng qua mạng khôngcòn là hình thức xa lạ đối với người tiêu dùng nữa, bán hàng qua mạng là hình thứclàm việc rất phổ biến, hình thức này bất kỳ một doanh nghiệp kinh doanh sản phẩmđều lựa chọn Vì vậy, em chọn đề tài “Xây dựng Website bán Xe máy”.

Cấu trúc của đồ án:

- Phần mở đầu- Chương 1: Tổng quan- Chương 2: Phân tích hệ thống- Chương 3: Thiết kế cơ sở dữ liệu

- Chương 4: Giao diện và cài đặt chương trình- Kết luận và hướng phát triển

1

CHƯƠNG 1 TỔNG QUAN1.1 MÔ TẢ BÀI TOÁN

-Hệ thống bán đồ điện tử online bao gồm 1 trang web dành cho user và admin.-Ở trang website bán hàng:

+ Cho phép người dùng có thể vào trang web để xem danh sách các sản phẩm theo từng chủng loại, nhà sản xuất, tìm kiếm sản phẩm theo từ khóa.

+ Cho phép người dùng thêm vào giỏ hàng, quản lý giỏ hàng, chỉnh sửa số lượng, xóa giỏ hàng và hiện tổng tiền.

+ Khách hàng gồm 2 vai trò: khách hàng không có tài khoản (guest) và có tài khoản (customer).

+ Nếu người dùng chưa có tài khoản thì sẽ hiện form điền thông tin khi đặt hàng.+ Người dùng đã đăng ký tài khoản để mua sản phẩm mà không cần phải điền form thông tin.

-Ở trang website Admin:

+ Các admin có quyền đăng nhập và đăng ký.+ Tại trang chủ sẽ thống kê các thông tin của cửa hàng.+ Admin được phép thêm, xem, xóa, sửa quyền.+ Mỗi loại tài khoản sẽ được phân quyền khác nhau.

+ Ở trang quản lý sản phẩm, các tài khoản có quyền vào được phép thêm, xem , xóa, sửa sản phẩm.

+ Ở trang quản lý chủng loại sản phẩm, các tài khoản có quyền vào được phép thêm, xem , xóa, sửa chủng loại sản phẩm.

+ Ở trang quản lý chủng loại sản phẩm, các tài khoản có quyền vào được phép thêm, xem , xóa, sửa nhà sản xuất.1

+ Ở trang quản lý nhập hàng, các tài khoản có quyền vào được phép thêm, xem , xóa, sửa đơn nhập hàng.

+ Ở đơn đặt hàng, các tài khoản có quyền vào được phép xem các đơn hàng chưa thanh toán, đã thanh toán nhưng chưa giao, đã thanh toán và đã giao, và duyệt đơn hàng.

1.2 CHỨC NĂNG HỆ THỐNGS

CHỨC

Là người quản lý số liệu của hệ thống, doanh thu.

4 Đăng nhập Cho phép actor đăng nhâ ‚p vào hê ‚ thống

5 Đăng ký

Cho phép actor tạo tài khoản khi chưa có

6 Đặt hàng Cho phép các actor xem giỏ hàng, sửa giỏ hàng, xóa giỏ hàng, thanh toán

7 Quản lý tài khoản

Cho phép actor thêm, xóa, sửa các tài khoản.

Tra cứu sản

phẩm Cho phép các actor tìm kiếm, liệt kê danh sách sản phẩm và xem chi tiết sản phẩm

3.2 MÔ TẢ BẢNG DỮ LIỆU

3.2.1 Bảng Chi Tiếp đơn hàng

Bảng 3.1: Bảng ChiTiepDonHangS

Thuộc tínhKiểu dữ liệuÝngh

1 MaDDH Int Mã đơn dặt hàng2 MaSP Int Mã sản phẩm4 TenSP Nvarchar(50) Tên sản phẩm5 SoLuong Int Số lượng 7 DonGia Decimal(18,0) Giá tiền

Bảng 3 1 ChiTiepDonHang

Bảng 3.2: Bảng DonDatHang3.2.2 Bảng Đơn Đặt Hàng

Thuộc tínhKiểu dữ

1 MaDDH int Mã đơn hàng2 NgayDat datetime Ngày đặt hàng3 TinhTrangGiaoHan

g bit Tình trạng giao hàng4 NgayGiao datatiem Ngày giao hàng5 DaThanhToan Bit Dã thanh toán đơn hàng6 MaKH Int Mã khách hàng7 UuDai Int Ưu đãi 8 DaHuy Bit Đã hủy đơn hàng9 DaXoa bit Dã xóa đơn hàng

3.2.3 Bảng Sản Phẩm

Bảng 3.4: Bảng SanPham

2 TenSP Nvarchar(250) Tên sản phẩm3 DonGia Decimal(18.0) Đơn giá4 NgayCapNhat Datetime Ngày cập nhật5 DongCo Nvarchar(MAX) Động cơ6 MoTa Nvarchar(MAX) Mô tả7 HinhAnh Nvarchar(MAX) Hình ảnh xe8 SoLuongTon int Số lượng xe9 LuotXem int Lượt xe xe10 LuotBinhChon Int Lượt bình chọn 11 LuotBinhLuan Int Lượt bình luận12 SoLuotMua Int Số lượng mua xe

14 MaNCC Int Mã nhà cung cấp15 MaNSX Int Mã nhà sản xuất16 MaLoaiSP Int Mã loại xe17 DaXoa Bit Đã xóa xe18 HinhAnh1 Nvarchar(MAX) Hình ảnh xe19 HinhAnh2 Nvarchar(MAX) Hình ảnh xe20 HinhAnh3 Nvarchar(MAX) Hình ảnh xe21 HinhAnh4 Nvarchar(MAX) Hình ảnh xe

3.2.4 Bảng Loại Thành Viên

Bảng 3.5: Bảng LoaiThanhVienS

TT

3.2.5 Bảng thành viên

Bảng 3.6: Bảng ThanhVien

Thuộc tínhKiểu dữ liệuÝ nghĩa

1 MaThanhVien int Mã thành viên2 TaiKhoan Nvarchar(150) Tài khoản 3 MatKhau Nvarchar(150) Mật khẩu4 HoTen Nvarchar(50) Họ và tên5 DiaChi Nvarchar(250) Địa chỉ ở6 Email Nvarchar(250) Email liên lạc7 SoDienThoai Nvarchar(50) Số điện thoại8 CauHoi Nvarchar(MAX) Câu hỏi9 CauTraLoi Nvarchar(MAX) Câu trả lời10 MaLoaiTV int Mã loại thành viên

Bảng 3 5 Thành Viên3.2.6 Bảng Quyền

Bảng 3.7: Bảng Quyen

1 MaQuyen Nvarchar(50) Mã quyền 2 TenQuyen Nvarchar (100) Tên quền

Bảng 3 6 Quyền3.2.7 Bảng thành viên Quyen

Bảng 3.8: Bảng ThanhVien_Quyen

STT

3.2.8 Bảng Khách Hàng

Bảng 3.9: Bảng KhachHang

1 MaKH Int Mã khách hàng2 TenKH Nvarchar(150) Tên khánh hàng3 DiaChi Nvarchar(MAX) Địa chỉ4 Email Nvarchar(250) Email 5 SoDienThoai Nvarchar(50) Số điện thoại6 MaThanhVien int Mã thành viên

3.2.9 Bảng chi tiết nhập

Bảng 3.10: Bảng ChiTietNhap

Bảng 3.11: Bảng LoaiSanPham

1 MaLoaiSP Int Mã loại sản phẩm2 TenLoai Nvarchar(150) Tên loại3 Icon Nvarchar(MAX) I con xe4 BiDanh Nvarchar(50) Bí danh

Bảng 3 10 Loại Sản Phẩm3.2.11 Nhà Sản Xuất

Bảng 3.12: Bảng NhaSanXuat

1 MaNSX Int Mã nhà sản xuất2 TenNSX Nvarchar(100) Tên nhà sản xuất3 ThongTin Nvarchar(250) Thông tin nhà sản xuất

3.2.12 Bảng Nhà Cung Cấp

Bảng 3.13: Bảng NhaCungCap

1 MaNCC Int Mâ nhà cung cấp2 TenNCC Nvarchar(150) Tên nhà cung cấp3 DiaChi Nvarchar(MAX) Dịa chỉ 4 Email Nvarchar(250) Email liên hệ5 SoDienThoai Varchar(20) Số điện thoại6 Fax Nvarchar(50) Số máy bàn

Bảng 3 12 Nhà Cung Cấp3.2.13 Bảng Phiếu Nhập

Bảng 3.14: Bảng PhieuNhap

1 MaPN Int Mã Phiếu nhập2 MaNCC Int Mã nhà cung cấp3 NgayNhap Datetime Ngày nhập

Bảng 3 13 Phiếu Nhập3.2.14 Bảng bình Luận

Bảng 3.15: Bảng BinhLuan

1 MaBL Int Mã bình luận2 NoidungBL Nvarchar(MAX) Nội dung bình luận3 MaThanhVien Int Mã thành viên

CHƯƠNG 4 GIAO DIỆN VÀ CÀI ĐẶT CHƯƠNG TRÌNH4.1 GIAO DIỆN TRANG CHỦ

Hình 4 1 Giao diện trang chủ

Trang chủ bán hàng dùng để hiển thị những sản phẩm mới theo các style khác nhau.Người dùng click vào các biểu tượng để chọn các mục muốn thực hiện.

4.2 GIAO DIỆN TRANG CHI TIẾT SẢN PHẨM

Hiển thị thông tin chi tiết của sản phẩm như về cấu hình, giá bán, thông tin mô tả, thông số kĩ thuật và nút chức năng thêm vào giỏ hàng.

4.3 GIAO DIỆN TRANG DANH SÁCH SẢN PHẨM

Hình 4 3 Giao diện trang danh sách sản phẩm

Hiển thị danh sách sản phẩm theo từng loại sản phẩm, từng nhà sản xuất, từ từ khóa tìm kiếm Có nút chức năng xem chi tiết và thêm vào giỏ hàng Và còn được phân trang mỗi 6 sản phẩm.

4.4 GIAO DIỆN TRANG ĐĂNG NHẬP

Hiển thị form đăng nhập với các phím chức năng như đăng ký, đăng nhập.

4.5 GIAO DIỆN TRANG ĐĂNG KÝ

Hình 4 5 Giao diện trang đăng ký

Trang đăng ký dành cho thành viên mới chưa có tài khoản Có mã captcha để xác nhận.

4.6 GIAO DIỆN TRANG GIỎ HÀNG

Hình 4 6 Giao diện trang giỏ hàng

Hiển thị những sản phẩm đã được thêm vào giỏ hàng và có chức năng chỉnh sửa số lượng sản phẩm hoặc xóa sản phẩm Bấm đặt hàng chỉ khi nào đủ thông tin khách hàng hoặc đã đăng nhập.

KẾT LUẬN1 Kết quả đạt được

Chương trình được thiết kế gọn gàng, giao diện đẹp mắt giúp người sử dụng dễdàng thực hiện các thao tác một cách thuận tiện Qua những phân tích và tìm hiểu vềphần mềm trên, chương trình đã được xây dựng trên cở sở thực tế, dựa theo yêu cầucụ thể của nhà quản lý trong công việc quản lý.

Hệ thống cho phép cập nhật các thông tin mới, cho phép thêm, xóa sửa củangười dùng.

3 Hướng phát triển

Hệ thống cần phát triển thêm vài chức năng còn thiếu như là:- Thêm ưu đãi cho hội viên.

- Bình luận sản phẩm.- Tìm kiếm trong trang quản lý.

- Xác thực 2 yếu tố qua gmail hoặc điện thoại khi đăng ký, quên mật khẩu, mã hóa mật khẩu.

- Áp dụng async & await để tối ưu hóa trang web.- Thêm sơ đồ trong trang dashboard.

- Dùng attribute routing để đường dẫn chuẩn seo.

- Áp dụng design pattern để hệ thống dễ quản lý code và dễ mở rộng hơn.

TÀI LIỆU THAM KHẢOTiếng việt

[1] Nguyễn Trọng Trí (2011), Nghiên cứu mô hình MVC trong lập trình NET để

xây dựng website đăng ký mua giáo trình qua mạng, Đồ án tốt nghiệp Hệ

thống thông tin.

[2] Nguyễn Quang Hải (2014), Nhập môn HTML và CSS, NXB Giáo Dục, ViệtNam.

[3] Website bán xe máy, https://muaxemay.vn/

[4] Website bán xe máy, https://www.webike.vn/cho-xe-may.html