CÔNG NGHỆ WEB PHP xây dựng website mua bán, rao vặt

Webiste mua bán, rao vặt là website nơi giúp cho người dùng có thể đăng cácmón đồ không cần sử dụng đến của mình hoặc tìm kiếm các sản phẩm với giá rẻ.Yêu cầu của website là thể hiện đượ

TRƯỜNG ĐẠI HỌC AN GIANG

KHOA CÔNG NGHỆ THÔNG TIN

CÔNG NGHỆ WEB – PHP

Xây dựng website mua bán, rao vặt.

AN GIANG, 12-2022

TRƯỜNG ĐẠI HỌC AN GIANG KHOA CÔNG NGHỆ THÔNG TIN

CÔNG NGHỆ WEB – PHP

Xây dựng website rao vặt, bán hàng

Trần Quốc Việt – DTH195490 Nguyễn Minh Vi

AN GIANG, 12-2022

NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN

Giảng viên hướng dẫn

(ký và ghi rõ họ tên)

i

MỤC LỤC

PHẦN GIỚI THIỆU 1

1 ĐẶT VẤN ĐỀ 1

2 LỊCH SỬ GIẢI QUYẾT VẤN ĐỀ 1

3 MỤC TIÊU ĐỀ TÀI 1

4 PHẠM VI CỦA ĐỀ TÀI 1

5 PHƯƠNG PHÁP NGHIÊN CỨU 1

PHẦN NỘI DUNG 3

CHƯƠNG 1: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 3

1 Mô tả hệ thống: 3

2 Quy trình xử lý: 3

3 Yêu cầu nghiệp vụ 3

4 Yêu cầu chức năng : 4

5 Yêu cầu hệ thống 5

CHƯƠNG 2: MÔ TẢ BÀI TOÁN 8

1 MÔ TẢ TỔNG QUAN 8

1.1 Các chức năng của hệ thống 8

1.2 Nhóm người sử dụng 8

1.3 Môi trường vận hành 8

1.4 Ràng buộc về thực thi và thiết kế: 9

2 CÁC TÍNH NĂNG CỦA HỆ THỐNG 9

2.1 Đăng nhập: 9

3.2 Đăng xuất: 11

3.3 Đăng ký: 11

4 PHÂN TÍCH HỆ THỐNG 11

5 THIẾT KẾ CÁCH XỬ LÝ 12

5.1 Đăng ký 12

5.2 Đăng nhập: 13

5.3 Đăng xuất: 14

5.4 Tạo bài đăng 14

5.5 Thêm ảnh chi tiết cho bài đăng 15

5.6 Cập nhật thông tin bài đăng 16

5.7 Xóa bài đăng: 17

5.8 Đặt hàng 18

6 KẾT QUẢ XÂY DỰNG MỘT SỐ GIAO DIỆN CHÍNH 21

6.1 Giao diện trang chủ 21

6.2 Giao diện trang đăng nhập 22

6.3 Giao diện trang đăng ký 22

6.4 Giao diện trang đăng tin 23

6.5 Giao diện trang thông tin tài khoản 24

6.6 Giao diện trang đổi mật khẩu 24

6.7 Giao diện trang đơn hàng của tôi: 25

6.8 Giao diện trang chi tiết đơn hàng 25

6.9 Giao diện trang quản trị 26

6.10 Giao diện trang quản lí bài đăng 26

6.11 Giao diện trang quản lí tài khoản 27

6.12 Giao diện trang chi tiết sản phẩm 28

CHƯƠNG 3: KẾT LUẬN 29

1 KẾT QUẢ ĐẠT ĐƯỢC 29

2 HẠN CHẾ 29

3 HƯỚNG PHÁT TRIỂN 29

iii

DANH SÁCH HÌNH ẢNH

Hình 1 Môi trường vận hành 9

Hình 2 Sơ đồ thiết kế kiến trúc 12

Hình 3 Xử lí đăng ký 12

Hình 4 Xử lí đăng nhập 13

Hình 5 Xử lí đăng xuất 14

Hình 6 Xử lí đăng tin 15

Hình 7 Xử lí thêm ảnh bài dăng 16

Hình 8 Xử lí cập nhật bài đăng 17

Hình 9 Xử lí xóa bài đăng 18

Hình 10 Xử lí đặt mua 19

Hình 11 Xử lí duyệt bài đăng 20

Hình 12 Giao diện trang chủ 21

Hình 13 Giao diện trang đăng nhập 22

Hình 14 Giao diện trang đăng ký 22

Hình 15 Giao diện trang đăng tin 23

Hình 16 Giao diện trang thông tài khoản 24

Hình 17 Giao diện trang đổi mật khẩu 24

Hình 18 Giao diện trang đơn hàng của tôi 25

Hình 19 Giao diện trang chi tiết đơn hàng 25

Hình 20 Giao diện trang quản trị 26

Hình 21 Giao diện trang quản lí tài khoản 27

Hình 22 Giao diện trang chi tiết sản phẩm 28

DANH SÁCH BẢNG

Bảng 1 Bảng chức năng người dùng 4

Bảng 2 Bảng chức năng người quản trị 4

Bảng 3 Bảng baidang 5

Bảng 4 Bảng danhmuc 6

Bảng 5 Bảng dondatmua 6

Bảng 6 Bảng giohang 7

Bảng 7 Bảng image_baidang 7

Bảng 8 Bảng nguoidung 7

Bảng 9 Bảng các chức năng của hê thống 8

Bảng 10 Bảng tính năng đăng nhập 10

Bảng 11 Bảng tính năng đăng xuất 11

Bảng 12 Bảng tính năng đăng ký 11

v

PHẦN GIỚI THIỆU

1 ĐẶT VẤN ĐỀ

Nhằm phục vụ cho tìm kiếm các sản phẩm qua sử dụng giá rẻ hoặc rao bánnhững món đồ mình không cần sử dụng đến, những thông tin rao vặt mà không cónền tảng nào để có thể phục vụ những yêu cầu đó thì đó chính là mục đích webisterao vặt, bán hàng được tạo ra

Với sự phát triển mạnh mẽ của công nghệ thông tin như ngày nay thì vấn đềtrên có thể được giải quyết dễ dàng Chỉ với một chiếc máy tính được kết nối internetkhách hàng có thể lựa chọn và mua sắm mọi lúc, mọi nơi chỉ với một vài thao tácđơn giản họ sẽ có được một sản phẩm ưng ý nhất mà khó có thể tìm và mua được ởnơi nào khác

2 LỊCH SỬ GIẢI QUYẾT VẤN ĐỀ

Qua quá trình khảo sát thì em thấy hầu hết các web rao vặt bán hàng:

- Giới thiệu được các bài đăng của người dùng

- Đáp ứng phần lớn yêu cầu của giá trị web

- Phần đơn đặt hàng có đầy đủ thông tin của người mua Song, em vẫn thấy còn một số hạn chế:

- Đa phần các website được viết theo công nghệ cũ, tốc độ truy cập

bị hạn chế, giao diện không được bắt mắt

3 MỤC TIÊU ĐỀ TÀI

Vì những hạn chế của vấn đề trên nên đề tài “Xây dựng website mua bán raovặt” ra đời nhầm khắc phục những hạn chế đó giúp cho việc hoạt động của websitediễn ra tiện lợi và nhanh chóng nhất

Các chức năng được hoàn thiện, bổ sung cho website bao gồm:

•Giao diện dễ sử dụng, có tính thẩm mỹ cáo và có thể co giản phù hợpvới mọi thiết bị và trên mọi màn hình

•Cho phép người dùng đăng ký, sử dụng miễn phí và đảm bảo bí mật thông tin

4 PHẠM VI CỦA ĐỀ TÀI

Về lý thuyết: Tìm hiểu quy trình mua – bán thực tế Lưu ý những khó khăn,hạn chế của việc mua – bán thủ công và mua – bán trực tuyến Tập trung nghiên cứucác công nghệ mới nhầm giải quyết vấn đề một cách tốt nhất có thể

Về ứng dụng: Xây dựng các chức năng cơ bản cần thiết cho một web bánđiện tử gia dụng

5 PHƯƠNG PHÁP NGHIÊN CỨU Về lý thuyết:

-Nắm vững kiến thức về phân tích và thiết kế hệ thống thông tin

-Có kiến thức vững về CSDL: Tổ chức dữ liệu, phân tích, thiết kế CSDL

Nắm vững và có khả năng sử dụng thành thạo PHP, HTML, CSS, Nắm vững, sử dụng kết hợp một cách hợp lý các kỹ thuật lập trình.

-2

Webiste mua bán, rao vặt là website nơi giúp cho người dùng có thể đăng cácmón đồ không cần sử dụng đến của mình hoặc tìm kiếm các sản phẩm với giá rẻ.Yêu cầu của website là thể hiện được các bài đăng, thông tin bài đăng cho phépngười dùng có thể xem và mua hàng, đồng thời xem thông tin về bài đăng mới mộtcách nhanh chóng.

2 Quy trình xử lý:

- Phần mua hàng:

Sau khi người dùng truy cập vào website, người dùng có thể truy cập theocác mục trên menu theo sở thích Khách hàng xem các bài đăng của người khác, cóthể thêm vào giỏ hàng hoặc đặt mua nếu đã đăng nhập, nếu chưa đăng nhập thìchuyển qua trang login

3 Yêu cầu nghiệp vụ

Hệ thống quản lý mua hàng trực tuyến:

Khi người dùng gặp bài đăng hợp ý, có nhu cầu mua hàng sẽ click vào xemchi tiết để tham khảo bài đăng, giá bài đăng và các thông tin liê quan đến bài đăng

đó Thông tin mỗi sản phẩm gồm: tên sản phẩm, đơn giá, hình ảnh chi tiết, thông tinchi tiết, người đăng, ngày đăng và số lượng Sau khi lựa chọn được sản phẩm muốnmua thì khách hàng chọn thêm sản phẩm vào giỏ hàng hoặc tiến hành đặt mua nhưngcần cần phải có tài khoản đăng nhập vào hệ thống

Hệ thống sẽ tự động gửi mail thông báo cho khách hàng biết đã đặt hàngthành công và thông tin chi tiết về đơn đặt hàng đến địa chỉ email mà khách hàng đãcung cấp.

Đơn đặt hàng sẽ được lưu vào đơn đặt hàng của người đăng bài và ngườiđăng bài tiến hành liên lạc với người đặt dựa trên các thông tin mà người đặt đã cungcấp để xử lí đơn hàng

Sau khi đơn đặt hàng được duyệt, số lượng sản phẩm trong bài viết đó sẽgiảm tương ứng với só lượng sản phẩm đơn đặt hàng

Các chức năng của quản trị viên:

Quản trị viên có quyền hạn cao nhất, thực hiên được tất cả thao tác trên web.Trang quản trị sẽ hiển thị những thông tin theo sự phân quyền sử dụng khác nhauđược bởi thông tin: tên đăng nhập, mật khẩu

Quản lý người dùng: xem, thêm, sửa, xóa người dùng

Quản lý bài viết: xem, duyệt, từ chối, xóa bài đăng

Quản lí danh mục: xem, thêm , sửa, xóa danh mục

Quản lý người dùng: xem danh sách người dùng, thêm, sửa quyền, khóa tàikhoản người dùng

4 Yêu cầu chức năng :

- Đối với người dùng:

2 Tìm kiếm bài đăng dựa trên từ khóa Tìm kiếm

- Đối với quản trị :

STT Chức năng Loại chức năng

1 Quản lý bài đăng Sửa, xóa, xem

2 Quản lý người dùng Xem, sửa, thêm

3 Quản lý danh mục Xem, thêm, sửa, xóa

4 Đăng nhập, đăng xuất Truy cập

Bảng 2 Bảng chức năng người quản trị.

4

5 Yêu cầu hệ thống

-Table Bill-Table Detailbill-Table Customer-Table News-Table Posts-Table Slide-Table Product-Table Type products-Table Users

Chi tiết dữ liệu trong bảng :

-Bảng bài đăngSTT Tên trường Kiểu dữ liệu Ý nghĩa

1 id int (255) Mã bài đăng (khóa chính)

2 danhmuc varchar(255) Tên danh mục

3 hinhanh varchar(255) Hình ảnh về bài đăng

4 noidung varchar(3000) Nội dung về bài đăng

5 gia int(200) Giá của sản phẩm bài đăng

6 lienhe varchar(255) Địa chỉ hoặc số điện thoại người

đăng

7 idnguoidang int (255) Mã người đăng

8 mota varchar(255) Mô tả về sản phẩm của bài đăng

9 trangthai varchar(255) Trạng thái bài đăng(duyệt, chưa

duyệt hoặc đã hủy)

10 soluong int(255) Số lượng sản phẩm của bài đăng

đó

11 ngaydang varchar(255) Ngày đăng bài đăng

Bảng 3 Bảng baidang.

-Bảng danh mục:

STT Tên trường Kiểu dữ liệu Ý nghĩa

1 iddanhmuc int(255) Mã danh mục (khóa chính)

2 tendanhmuc varchar(255) Mã hóa đơn

Bảng 4 Bảng danhmuc.

-Bảng đơn đặt mua:

STT Tên trường Kiểu dữ liệu Ý nghĩa

1 id int(255) Mã đơn hàng (khóa chính)

2 idbaidang int(255) Mã bài đăng

3 idnguoiban int(255) Mã người đăng bài

4 idnguoimua int(255) Mã người dùng đặt hàng

5 tennguoimua varchar(255) Tên người đặt hàng

6 giabaidang int(255) Giá sản phẩm của bài đăng

7 diachi varchar(255) Địa chỉ người đặt hàng

8 sodienthoai varchar(20) Số điện thoại người đặt hàng

10 trangthai varchar(255) Trạng thái đơn hàng(Đã xác

nhân, chưa xác nhận hoặc từchối)

11 ngaydat varchar(255) Ngày đặt hàng

12 ghichu varchar(255) Ghi chú về đơn hàng

13 tongtien int(255) Tổng tiền đơn hàng

14 ngayxacnhan varchar(255) Ngày người đăng bài thao tác

trên đơn hàng

Bảng 5 Bảng dondatmua.

6

- Bảng giỏ hàng:

STT Tên trường Kiểu dữ liệu Ý nghĩa

1 id int(255) Mã giỏ hàng (khóa chính)

2 idbaidang int(255) Mã bài đăng

3 idnguoidung int(255) Mã người dùng

Bảng 6 Bảng giohang.

- Bảng hình ảnh chi tiết bài đăng:

STT Tên trường Kiểu dữ liệu Ý nghĩa

2 id_baidang int(255) Mã của bài đăng

3 image varchar(255) Hình ảnh chi tiết của bài đăng

Bảng 7 Bảng image_baidang.

- Bảng người dùng:

STT Tên trường Kiểu dữ liệu Ý nghĩa

1 idnguoidung int(255) Mã người dùng (khóa chính)

2 taikhoan varchar(255) Tên tài khoản

4 tennguoidung varchar(255) Tên người dùng

5 quyen varchar(255) Quyền người dùng

6 diachi varchar(255) Đia chỉ người dùng

7 anhdaidien varchar(255) Ảnh đại diện của người dùng

8 trangthaitk int(255) Trạng thái tài khoản

Bảng 8 Bảng nguoidung.

7

CHƯƠNG 2: MÔ TẢ BÀI TOÁN

5Xem chi tiết bài đăng6Đặt hàng

7Quản lí bài đăng

8Tìm kiếm bài đăng9Lọc bài đăng theo danh mục

Quản trị: nhóm người dùng này có quyền cao nhất trên hệ thống Có thể tạo

và quản lý tất cả các nhóm người dùng khác, thực hiện được các chức năng như:Quản lí bài đăng, quản lí người dùng, quản lí danh mục,…

Người dùng: người dùng website thực hiện các chức năng như: đăng tin, xử líđơn hàng liên quan đến bài đăng của họ,

1.3 Môi trường vận hành

Website xây dựng trên mô hình Web Server với ngôn ngữ PHP sử dụng cácplugin hổ trợ như Bootstrap, Jquery, w3css Cơ sở dữ liệu của hệ thống sử dụng hệquản trị cơ sở dữ liệu MySQL

Hình 1 Môi trường vận hành.

1.4 Ràng buộc về thực thi và thiết kế:

- Ràng buộc thực thi thiết kế:

•Giao diện đơn giản, thân thiện với người dùng

•Bàn giao sản phẩm đúng thời hạn

•Phần mềm chạy trên localhost

•Công cụ lập trình chính: Sublime Text 3

•Kích thước bộ nhớ máy (Máy lưu CSDL) phải đủ lớn để lưu thông tin tăng lên khi sử dụng

- Ràng buộc thực thi: Đáp ứng nhanh yêu cầu người dùng, trong thời gian chờ vượt quá giới hạn hệ thông phải hiện thông báo đến người dùng

- Yêu cầu ngôn ngữ: ngắn gọn dễ hiểu

2 CÁC TÍNH NĂNG CỦA HỆ THỐNG

2.1 Đăng nhập:

Tên yêu cầu Đăng nhập

Đối tượng sử Tất cả các nhóm người dùng

dụng

Mục ưu tiên Cao

Nội dung Cho phép tất cả các nhóm người dùng thực hiện đăng nhập

vào hệ thống

Cách xử lý Bước 1: Người dùng nhập tài khoản và mật khẩu đăng nhập

Bước 2: Người dùng nhấp vào nút Đăng nhập

9

Bước 3: Hệ thống kiểm tra dữ liệu người dùng vừa nhập vào.Nếu thành công hệ thống chuyển đến trang chủ Ngược lại hệthống gửi một thông báo đến người dùng.

Kết quả Đăng nhập thành công hoặc thất bại

Bảng 10 Bảng tính năng đăng nhập.

3.2 Đăng xuất:

Tên yêu cầu Đăng xuất

Đối tượng sử Tất cả nhóm người dùng

dụng

Mục ưu tiên Cao

Nội dung Cho phép tất cả các nhóm người dùng thực hiện đăng xuất ra

khỏi hệ thống, kết thúc phiên làm việcCách xử lý Bước 1: Người dùng nhấp vào nút Đăng xuất

Bước 2: Gửi thông báo xác nhận tới người dùngBước 3: Hệ thống đăng xuất chuyển người dùng trở lại trangĐăng nhập nếu người dùng đăng nhập

Kết quả Đăng xuất thành công

Bảng 11 Bảng tính năng đăng xuất.

3.3 Đăng ký:

Tên yêu cầu Đăng ký

Đối tượng sử Nhóm người dùng khách hàng

dụng

Mục tiêu ưu tiên Cao

Nội dung Cho phép người dùng thực hiện đăng ký tài khoản

Cách xử lý Bước 1: Sau khi truy cập vào truy cập vào website, khách

hàng chọn mục “Đăng ký” Trang đăng ký tài khoản hiện lên

để khách hàng nhập thông tin về Thông tin tài khoản(Tàikhoản, Mật khẩu, Nhập lại mật khẩu, Tên người dùng và Địachỉ)

Bước 2: Người dùng nhấn và nút Đăng ký

Bước 3: Hệ thống kiểm tra tính hợp lệ của dữ liệu nhập vào,nếu chưa đúng hệ thống sẽ hiển thông báo tương ứng vàhướng dẫn làm lại Nếu đúng, dữ liệu sẽ được lưu vào cơ sở

dữ liệu và thông báo tạo tài khoản thành công đồng thời điềuhướng về trang đăng nhập

Kết quả Đăng ký và kích hoạt tài khoản thành công hoặc thất bại

Bảng 12 Bảng tính năng đăng ký.

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

Thiết kế kiến trúc

11

Hình 2 Sơ đồ thiết kế kiến trúc.

5.3 Đăng xuất:

- Mục đích: Cho phép người dùng thực hiện đăng xuất

Hình 5 Xử lí đăng xuất.

5.4 Tạo bài đăng

- Mục đích: Cho phép người dùng thực hiện đăng tin

Hình 6 Xử lí đăng tin.

5.5 Thêm ảnh chi tiết cho bài đăng

- Mục đích: Cho phép người dùng thêm ảnh vào một bài đăng

15

Hình 7 Xử lí thêm ảnh bài dăng.

5.6 Cập nhật thông tin bài đăng

- Mục đích: Cho phép người dùng cập nhật lại thông tin bài đăng

Hình 8 Xử lí cập nhật bài đăng.

5.7 Xóa bài đăng:

- Mục đích: Cho phép người dùng xóa bài đăng của mình

17

Hình 9 Xử lí xóa bài đăng.

5.8 Đặt hàng

- Mục đích: Cho phép người dùng đặt hàng từ một bài đăng

Hình 10 Xử lí đặt mua.

5.9 Duyệt bài đăng

- Mục đích: Người quản trị tiến hành duyệt bài đăng cho người dùng

19

Hình 11 Xử lí duyệt bài đăng.

6 KẾT QUẢ XÂY DỰNG MỘT SỐ GIAO DIỆN CHÍNH

6.1 Giao diện trang chủ

Hình 12 Giao diện trang chủ.

21

6.2 Giao diện trang đăng nhập

Hình 13 Giao diện trang đăng nhập.

6.3 Giao diện trang đăng ký

6.4 Giao diện trang đăng tin

Hình 15 Giao diện trang đăng tin.

23

6.5 Giao diện trang thông tin tài khoản

Hình 16 Giao diện trang thông tài khoản.

6.6 Giao diện trang đổi mật khẩu

Hình 17 Giao diện trang đổi mật khẩu.

6.7 Giao diện trang đơn hàng của tôi:

Hình 18 Giao diện trang đơn hàng của tôi.

6.8 Giao diện trang chi tiết đơn hàng

Hình 19 Giao diện trang chi tiết đơn hàng.

25

6.9 Giao diện trang quản trị

Hình 20 Giao diện trang quản trị.

6.10 Giao diện trang quản lí bài đăng

6.11 Giao diện trang quản lí tài khoản

Hình 21 Giao diện trang quản lí tài khoản.

27

6.12 Giao diện trang chi tiết sản phẩm

Hình 22 Giao diện trang chi tiết sản phẩm.

CHƯƠNG 3: KẾT LUẬN

1 KẾT QUẢ ĐẠT ĐƯỢC

Trong quá trình thực hiện đề tài em đã cố gắng hết sức để tìm hiều nghiệp vụ,quy trình của các trang web đăng tin rao vặt khác để xây dựng và cài đặt chươngtrình nhưng vì thời gian có hạn nên chưa thể giải quyết được toàn bộ các vấn đề Emmong nhận được sự cảm thông của cô

- Về công nghệ:

• Tìm hiểu và nắm bắt được các công cụ thiết kế web

• Biết được các thiết kế web động cũng như cách tổ chức cơ sở dữ liệu

• Hiểu sâu và vận dụng thành thạo mô hinh MVC, các kiến thức hổ trợ trong quá trình xây dụng hệ thống: CSS, HTML, MySQL, Javascript,…

• Tích lũy được kinh nghiệm về xây dụng kế hoạch cho việc phát triển một phần mềm hoàn chỉnh, cách bố trì và quản lý thời gian sao cho hợp lý

- Về ứng dụng:

• Xây dựng thành công hệ thống “Đăng tin mua bán, rao vặt” đáp ứng đượcnhu cầu mua – bán của người dùng Giúp cho hoạt động đăng tin mua bán ở của người dùngthuận tiện hơn

• Giao diện thân thiện với người dùng

• Cho phép tra cứu mặt hàng khi khách hàng có nhu cầu tìm hàng

• Cho phép khách hàng thực hiện việc đặt hàng qua mạng

- Hoàn thiện thêm các chức năng đang còn hạn chế của hệ thống

- Cho phép khách hàng mua hàng và thanh toán trực tiếp qua mạng thông quathẻ ATM

- Cho phép người bán và người mua có thể chat ngay trên website

- Hoàn thiện hệ thống hơn để khi đưa vào vận hành thực tế có thể vận hành tốt nhất đáp ứng đủ các tiêu chí về web hiện nay

- Thiết kế thêm tăng tính thẩm mỹ cho trang web, giúp cho website bắt mắt hơn với người dùng

29