đồ á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ỘT

VIỆN KỸ THUẬT CÔNG NGHỆ

ĐỒ ÁN MÔN HỌC

LẬ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: 2024802010190

LỚ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ỌC

LẬ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: 2024802010190 LỚP: D20CNTT01

%

Trung bình 50%

Kém0

☐Tìm kiếm và đưa

ra được ý tưởng khá tốt

☐Chọn

ý tưởngtrong sốđược đềnghị

☐Khôn

g quan tâm lựa chọn ý tưởngLập

ít theo góp ý

☐ Chưa hợp lý,

có điều chỉnh theogóp ý

☐Khô

ng hợp

lý vàkhôngđiềuchỉnhtheogóp ý

bổ sungsau

☐Chuẩn

bị đượcmột sốđiều kiệnchoviệc thựchiệnnhưng cần

bổ sungthêm mới

có thể khởiđộng

☐Khô

ng chuẩn

bị đượcđiều kiện nào

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

chữa

☐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)

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)

(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 cho

lớp, nhóm)

Mục lục

DANH MỤC CÁC HÌNH 2

DANH MỤC CÁC BẢNG 4

DANH SÁCH CÁC KÝ TỰ, CHỮ VIẾT TẮT 5

MỞ ĐẦU 1

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

CHƯƠNG 1 TỔNG QUAN 2

1.1 MÔ TẢ BÀI TOÁN 2

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

CHƯƠNG 2 PHÂN TÍCH HỆ THỐNG 4

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

KẾT LUẬN 38

1 Kết quả đạt được 38

2 Đánh giá kết quả 38

3 Hướng phát triển 38

TÀI LIỆU THAM KHẢO 39

Tiếng việt 39

Website: 39

i

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 6

Hình 2 4 Sơ đồ use case xem hàng và đặt hàng 8

Hì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 24

Hình 2 9 Sơ đồ lớp 25

Hình 3 1 Sơ đồ quan hệ trong CSDL 26

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

Hình 4 2 Giao diện trang chi tiết sản phẩm 34

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

Hình 4 4 Giao diện trang đăng nhập 36

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

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

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

Hình 4 2 Giao diện trang chi tiết sản phẩm 34

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

Hình 4 4 Giao diện trang đăng nhập 36

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

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

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 QUAN 1.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 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

Admin Là quản trị viên của hệ thống, có mọi quyền và thực

hiện mọi chức năng

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ỏ

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

1 MaDDH Int Mã đơn dặt hàng

2 MaSP Int Mã sản phẩm

4 TenSP Nvarchar(50) Tên sản phẩm

5 SoLuong Int Số lượng

7 DonGia Decimal(18,0) Giá tiền

1 MaDDH int Mã đơn hàng

2 NgayDat datetime Ngày đặt hàng

3 TinhTrangGiaoHan

g bit Tình trạng giao hàng

4 NgayGiao datatiem Ngày giao hàng

5 DaThanhToan Bit Dã thanh toán đơn hàng

6 MaKH Int Mã khách hàng

7 UuDai Int Ưu đãi

8 DaHuy Bit Đã hủy đơn hàng

9 DaXoa bit Dã xóa đơn hàng

2 TenSP Nvarchar(250) Tên sản phẩm

3 DonGia Decimal(18.0) Đơn giá

4 NgayCapNhat Datetime Ngày cập nhật

5 DongCo Nvarchar(MAX) Động cơ

6 MoTa Nvarchar(MAX) Mô tả

7 HinhAnh Nvarchar(MAX) Hình ảnh xe

8 SoLuongTon int Số lượng xe

9 LuotXem int Lượt xe xe

10 LuotBinhChon Int Lượt bình chọn

11 LuotBinhLuan Int Lượt bình luận

12 SoLuotMua Int Số lượng mua xe

14 MaNCC Int Mã nhà cung cấp

15 MaNSX Int Mã nhà sản xuất

16 MaLoaiSP Int Mã loại xe

17 DaXoa Bit Đã xóa xe

18 HinhAnh1 Nvarchar(MAX) Hình ảnh xe

19 HinhAnh2 Nvarchar(MAX) Hình ảnh xe

20 HinhAnh3 Nvarchar(MAX) Hình ảnh xe

21 HinhAnh4 Nvarchar(MAX) Hình ảnh xe

1 MaLoaiTV Int Mã loai Thành Viên

2 TenLoai Nvarchar(50) Tên loại xe

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

1 MaThanhVien int Mã thành viên

2 TaiKhoan Nvarchar(150) Tài khoản

3 MatKhau Nvarchar(150) Mật khẩu

4 HoTen Nvarchar(50) Họ và tên

5 DiaChi Nvarchar(250) Địa chỉ ở

6 Email Nvarchar(250) Email liên lạc

7 SoDienThoai Nvarchar(50) Số điện thoại

8 CauHoi Nvarchar(MAX) Câu hỏi

9 CauTraLoi Nvarchar(MAX) Câu trả lời

10 MaLoaiTV int Mã loại thành viên

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

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

1 MaLoaiTV Int Mã loại thành viên

2 MaQuyen Nvarchar(50) Mã quyềnGhiChu Nvarchar(MAX) Ghi chú

2 TenKH Nvarchar(150) Tên khánh hàng

3 DiaChi Nvarchar(MAX) Địa chỉ

4 Email Nvarchar(250) Email

5 SoDienThoai Nvarchar(50) Số điện thoại

6 MaThanhVien int Mã thành viên

1 MaChiTietPN Int Mã chi tiết phiếu nhập

2 MaPN Int Mã phiếu nhập

4 DonGiaNhap Decimal(18.0) Đơn giá nhập

5 SoLuongNhap int Số lượng nhập

Bảng 3 9 Chi Tiết Nhập3.2.10 Bảng Loại sản phẩm

1 MaLoaiSP Int Mã loại sản phẩm

2 TenLoai Nvarchar(150) Tên loại

3 Icon Nvarchar(MAX) I con xe

4 BiDanh Nvarchar(50) Bí danh

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

1 MaNSX Int Mã nhà sản xuất

2 TenNSX Nvarchar(100) Tên nhà sản xuất

3 ThongTin Nvarchar(250) Thông tin nhà sản xuất

1 MaNCC Int Mâ nhà cung cấp

2 TenNCC Nvarchar(150) Tên nhà cung cấp

3 DiaChi Nvarchar(MAX) Dịa chỉ

4 Email Nvarchar(250) Email liên hệ

5 SoDienThoai Varchar(20) Số điện thoại

6 Fax Nvarchar(50) Số máy bàn

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

1 MaPN Int Mã Phiếu nhập

2 MaNCC Int Mã nhà cung cấp

3 NgayNhap Datetime Ngày nhập

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

1 MaBL Int Mã bình luận

2 NoidungBL Nvarchar(MAX) Nội dung bình luận

3 MaThanhVien Int Mã thành viên

CHƯƠNG 4 GIAO DIỆN VÀ CÀI ĐẶT CHƯƠNG TRÌNH 4.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ẬN

1 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ầu

cụ 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

2 Đánh giá kết quả

Khó khăn: Trong quá trình thực hiện khóa luận thì khó khăn lớn nhất là thiết kế

cơ sở dữ liệu kế đến là phần cho dữ liệu động

Hạn chế: Vì thời gian thực hiện khóa luận có hạn nên hệ thống chỉ đáp ứng mộtvài chức năng quan trọng của đề tài, còn một vài chức năng chưa được đáp ứng nhưquản lý các quyền, quản lý xe sắp hết hàng và quản lý kho

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ẢO Tiế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

Website:

[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