Tải bản đầy đủ (.pdf) (53 trang)

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

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (1.06 MB, 53 trang )

<span class="text_page_counter">Trang 1</span><div class="page_container" data-page="1">

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

<b>ĐỒ ÁN MƠN HỌCLẬP TRÌNH WEB</b>

<b>XÂY DỰNG WEBSITE BÁN XE MÁY</b>

<b> GVHD: ThS. Võ Quốc Lương SVTH: Lê Anh Đạt</b>

<b> MSSV: 2024802010190LỚP: DCNTT01</b>

<b>BÌNH DƯƠNG - 11/2021</b>

</div><span class="text_page_counter">Trang 2</span><div class="page_container" data-page="2">

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

<b>ĐỒ ÁN MƠN HỌCLẬP TRÌNH WEB</b>

<b>XÂY DỰNG WEBSITE BÁN XE MÁY</b>

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

</div><span class="text_page_counter">Trang 3</span><div class="page_container" data-page="3">

Tiêu chíTrọngsố%

Trung bình 50%

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

Nêu ý tưởng

<small>☒</small>Tích cực tìmkiếm và chủ

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

tính mới

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

<small>☐</small>Chọný tưởngtrong sốđược đề

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

05 hợp lý, khơng<sup>☒ </sup><sup>Hồn tồn</sup>cần điều chỉnh

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

ít theo góp ý

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

góp ý

<small>☐</small>Khơng hợplý vàkhơngđiềuchỉnhtheo

góp ý

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

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

thể khởi độngngay

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

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

<small>☐</small>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

<small>☐</small>Khơng chuẩn bị đượcđiều kiện nào

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

phương pháp

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

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

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

10 <sup>☐</sup> <sup>Triển khai </sup><sub>đúng kế </sub>hoạch

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

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

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

<small>☐</small>Triểnkhai chậmtrễ, gây

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

</div><span class="text_page_counter">Trang 4</span><div class="page_container" data-page="4">

<b>và thang điểm cụ thể</b>

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 <sup>-</sup>- <sup>Các chức năng của sản phẩm (5)</sup>Giao diện sản phẩm (10)- Hiểu nội dung sản phẩm (5)

</div><span class="text_page_counter">Trang 5</span><div class="page_container" data-page="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 độ:

<b>Ghi nhận của GV<sup>GÓP Ý CẢI TIẾN CHO CÁ NHÂN:</sup></b>

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

</div><span class="text_page_counter">Trang 6</span><div class="page_container" data-page="6">

<b>2.1.SƠ ĐỒ USE CASE...4</b>

<b>Mơ tả use case XEMHANGVADATHANG...8</b>

<b>Mô tả use case QUANLYCACSANPHAM...12</b>

<b>Mô tả use case QUANLYNHAPXUATHANG...13</b>

<b>2.2.SƠ ĐỒ...23</b>

<b>2.3.SƠ ĐỒ LỚP...25</b>

<b>CHƯƠNG 3. THIẾT KẾ CƠ SỞ DỮ LIỆU...26</b>

<b>3.1.SƠ ĐỒ QUAN HỆ TRONG CSDL...26</b>

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

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

<b>4.1.GIAO DIỆN TRANG CHỦ...34</b>

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

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

<b>4.4.GIAO DIỆN TRANG ĐĂNG NHẬP...35</b>

<b>4.5.GIAO DIỆN TRANG ĐĂNG KÝ...36</b>

<b>4.6.GIAO DIỆN TRANG GIỎ HÀNG...37</b>

</div><span class="text_page_counter">Trang 7</span><div class="page_container" data-page="7">

ii

</div><span class="text_page_counter">Trang 8</span><div class="page_container" data-page="8">

<b>DANH MỤC CÁC HÌNH</b>

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

</div><span class="text_page_counter">Trang 9</span><div class="page_container" data-page="9">

<b>DANH MỤC CÁC BẢNG</b>

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

</div><span class="text_page_counter">Trang 10</span><div class="page_container" data-page="10">

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

<b>Giải thích</b>

<b>TiếngViệt</b>

</div><span class="text_page_counter">Trang 11</span><div class="page_container" data-page="11">

<b>MỞ ĐẦU</b>

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”.

<b>Cấu trúc của đồ án:</b>

- 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

</div><span class="text_page_counter">Trang 12</span><div class="page_container" data-page="12">

<b>CHƯƠNG 1. TỔNG QUAN1.1. MƠ TẢ BÀI TỐN</b>

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

<b>1.2. CHỨC NĂNG HỆ THỐNG</b>

<b>S</b>

<b>CHỨC </b>

</div><span class="text_page_counter">Trang 13</span><div class="page_container" data-page="13">

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

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

<b>5</b> <sup>Đăng ký</sup>

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

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

<b>7</b> 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 <sub>Cho phép các actor tìm kiếm, liệt kê danh sách sản </sub>phẩm và xem chi tiết sản phẩm

</div><span class="text_page_counter">Trang 40</span><div class="page_container" data-page="40">

<b>3.2. MÔ TẢ BẢNG DỮ LIỆU</b>

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

<b>Bảng 3.1: Bảng ChiTiepDonHangS</b>

<b>Thuộc tínhKiểu dữ liệuÝngh</b>

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

<small>Bảng 3 1 ChiTiepDonHang</small>

<b>Bảng 3.2: Bảng </b>DonDatHang3.2.2. Bảng Đơn Đặt Hàng

<b>Thuộc tínhKiểu dữ </b>

1 <sup>MaDDH</sup> <sup>int</sup> <sup>Mã đơn hàng</sup>2 <sup>NgayDat</sup> <sup>datetime</sup> <sup>Ngày đặt hàng</sup>3 <sup>TinhTrangGiaoHan</sup>

g <sup>bit</sup> <sup>Tình trạng giao hàng</sup>4 <sup>NgayGiao</sup> <sup>datatiem</sup> <sup>Ngày giao hàng</sup>5 <sup>DaThanhToan</sup> <sup>Bit</sup> <sup>Dã thanh toán đơn hàng</sup>6 MaKH Int Mã khách hàng7 <sup>UuDai</sup> <sup>Int</sup> <sup>Ưu đãi </sup>8 <sup>DaHuy</sup> <sup>Bit</sup> <sup>Đã hủy đơn hàng</sup>9 DaXoa bit Dã xóa đơn hàng

</div><span class="text_page_counter">Trang 41</span><div class="page_container" data-page="41">

3.2.3. Bảng Sản Phẩm

<b>Bảng 3.4: Bảng </b>SanPham

2 <sup>TenSP</sup> <sup>Nvarchar(250)</sup> <sup>Tên sản phẩm</sup>3 <sup>DonGia</sup> <sup>Decimal(18.0)</sup> <sup>Đơn giá</sup>4 <sup>NgayCapNhat</sup> <sup>Datetime</sup> <sup>Ngày cập nhật</sup>5 <sup>DongCo</sup> <sup>Nvarchar(MAX)</sup> <sup>Động cơ</sup>6 <sup>MoTa</sup> <sup>Nvarchar(MAX)</sup> <sup>Mơ tả</sup>7 <sup>HinhAnh</sup> <sup>Nvarchar(MAX)</sup> <sup>Hình ảnh xe</sup>8 <sup>SoLuongTon</sup> <sup>int</sup> <sup>Số lượng xe</sup>9 <sup>LuotXem</sup> <sup>int</sup> <sup>Lượt xe xe</sup>10 <sup>LuotBinhChon</sup> <sup>Int</sup> <sup>Lượt bình chọn </sup>11 <sup>LuotBinhLuan</sup> <sup>Int</sup> <sup>Lượt bình luận</sup>12 <sup>SoLuotMua</sup> <sup>Int</sup> <sup>Số lượng mua xe</sup>

14 <sup>MaNCC</sup> <sup>Int</sup> <sup>Mã nhà cung cấp</sup>15 <sup>MaNSX</sup> <sup>Int</sup> <sup>Mã nhà sản xuất</sup>16 <sup>MaLoaiSP</sup> <sup>Int</sup> <sup>Mã loại xe</sup>17 <sup>DaXoa</sup> <sup>Bit</sup> <sup>Đã xóa xe</sup>18 <sup>HinhAnh1</sup> <sup>Nvarchar(MAX)</sup> <sup>Hình ảnh xe</sup>19 <sup>HinhAnh2</sup> <sup>Nvarchar(MAX)</sup> <sup>Hình ảnh xe</sup>20 <sup>HinhAnh3</sup> <sup>Nvarchar(MAX)</sup> <sup>Hình ảnh xe</sup>21 <sup>HinhAnh4</sup> <sup>Nvarchar(MAX)</sup> <sup>Hình ảnh xe</sup>

</div><span class="text_page_counter">Trang 42</span><div class="page_container" data-page="42">

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

<b>Bảng 3.5: Bảng LoaiThanhVienS</b>

<b>TT</b>

</div><span class="text_page_counter">Trang 43</span><div class="page_container" data-page="43">

3.2.5. Bảng thành viên

<b>Bảng 3.6: Bảng </b>ThanhVien

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

1 <sup>MaThanhVien</sup> <sup>int</sup> <sup>Mã thành viên</sup>2 <sup>TaiKhoan</sup> <sup>Nvarchar(150)</sup> <sup>Tài khoản </sup>3 <sup>MatKhau</sup> <sup>Nvarchar(150)</sup> <sup>Mật khẩu</sup>4 <sup>HoTen</sup> <sup>Nvarchar(50)</sup> <sup>Họ và tên</sup>5 <sup>DiaChi</sup> <sup>Nvarchar(250)</sup> <sup>Địa chỉ ở</sup>6 <sup>Email</sup> <sup>Nvarchar(250)</sup> <sup>Email liên lạc</sup>7 <sup>SoDienThoai</sup> <sup>Nvarchar(50)</sup> <sup>Số điện thoại</sup>8 <sup>CauHoi</sup> <sup>Nvarchar(MAX)</sup> <sup>Câu hỏi</sup>9 <sup>CauTraLoi</sup> <sup>Nvarchar(MAX)</sup> <sup>Câu trả lời</sup>10 <sup>MaLoaiTV</sup> <sup>int</sup> <sup>Mã loại thành viên</sup>

<small>Bảng 3 5 Thành Viên</small>3.2.6. Bảng Quyền

<b>Bảng 3.7: Bảng </b>Quyen

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

<small>Bảng 3 6 Quyền</small>3.2.7. Bảng thành viên Quyen

<b>Bảng 3.8: Bảng </b>ThanhVien_Quyen

<b>STT</b>

</div><span class="text_page_counter">Trang 45</span><div class="page_container" data-page="45">

3.2.8. Bảng Khách Hàng

<b>Bảng 3.9: Bảng </b>KhachHang

1 <sup>MaKH</sup> <sup>Int</sup> <sup>Mã khách hàng</sup>2 <sup>TenKH</sup> <sup>Nvarchar(150)</sup> <sup>Tên khánh hàng</sup>3 <sup>DiaChi</sup> <sup>Nvarchar(MAX)</sup> <sup>Địa chỉ</sup>4 <sup>Email</sup> <sup>Nvarchar(250)</sup> <sup>Email </sup>5 <sup>SoDienThoai</sup> <sup>Nvarchar(50)</sup> <sup>Số điện thoại</sup>6 <sup>MaThanhVien</sup> <sup>int</sup> <sup>Mã thành viên</sup>

</div><span class="text_page_counter">Trang 46</span><div class="page_container" data-page="46">

3.2.9. Bảng chi tiết nhập

<b>Bảng 3.10: Bảng </b>ChiTietNhap

<b>Bảng 3.11: Bảng </b>LoaiSanPham

1 <sup>MaLoaiSP</sup> <sup>Int</sup> <sup>Mã loại sản phẩm</sup>2 <sup>TenLoai</sup> <sup>Nvarchar(150)</sup> <sup>Tên loại</sup>3 Icon Nvarchar(MAX) I con xe4 <sup>BiDanh</sup> <sup>Nvarchar(50)</sup> <sup>Bí danh</sup>

<small>Bảng 3 10 Loại Sản Phẩm</small>3.2.11. Nhà Sản Xuất

<b>Bảng 3.12: Bảng </b>NhaSanXuat

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

</div><span class="text_page_counter">Trang 47</span><div class="page_container" data-page="47">

3.2.12. Bảng Nhà Cung Cấp

<b>Bảng 3.13: Bảng </b>NhaCungCap

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

<small>Bảng 3 12 Nhà Cung Cấp</small>3.2.13. Bảng Phiếu Nhập

<b>Bảng 3.14: Bảng </b>PhieuNhap

1 <sup>MaPN</sup> <sup>Int</sup> <sup>Mã Phiếu nhập</sup>2 <sup>MaNCC</sup> <sup>Int</sup> <sup>Mã nhà cung cấp</sup>3 <sup>NgayNhap</sup> <sup>Datetime</sup> <sup>Ngày nhập</sup>

<small>Bảng 3 13 Phiếu Nhập</small>3.2.14. Bảng bình Luận

<b>Bảng 3.15: Bảng </b>BinhLuan

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

</div><span class="text_page_counter">Trang 48</span><div class="page_container" data-page="48">

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

<small>Hình 4 1 Giao diện trang chủ</small>

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.

<b>4.2. GIAO DIỆN TRANG CHI TIẾT SẢN PHẨM</b>

</div><span class="text_page_counter">Trang 49</span><div class="page_container" data-page="49">

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.

<b>4.3. GIAO DIỆN TRANG DANH SÁCH SẢN PHẨM</b>

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

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.

<b>4.4. GIAO DIỆN TRANG ĐĂNG NHẬP</b>

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

</div><span class="text_page_counter">Trang 50</span><div class="page_container" data-page="50">

<b>4.5. GIAO DIỆN TRANG ĐĂNG KÝ</b>

<small>Hình 4 5 Giao diện trang đăng ký</small>

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.

</div><span class="text_page_counter">Trang 51</span><div class="page_container" data-page="51">

<b>4.6. GIAO DIỆN TRANG GIỎ HÀNG</b>

<small>Hình 4 6 Giao diện trang giỏ hàng</small>

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.

</div><span class="text_page_counter">Trang 52</span><div class="page_container" data-page="52">

<b>KẾT LUẬN1. Kết quả đạt được</b>

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.

<b>3. Hướng phát triển</b>

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.

</div><span class="text_page_counter">Trang 53</span><div class="page_container" data-page="53">

<b>TÀI LIỆU THAM KHẢOTiếng việt</b>

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

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

<b>thống thông tin.</b>

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

<b>[3] Website bán xe máy, Website bán xe máy,

×