Website giới thiệu và bán sản phẩm công ty TNHH QC anh tuấn

1

Lời nói đầu:
Chúng ta đã biết những năm trước khi công nghệ thông tin chưa phát triển đồng
nghĩa với nó hoạt động quảng cáo của các cửa hàng, các doanh nghiệp chưa được chú
trọng đơn thuần là làm thủ công, ít có sự can thiệp của máy móc, công nghệ.
Ngày nay, khi công nghệ thông tin không ngừng phát triển hoạt động quảng cáo
được biết đến không đơn thuần chỉ là việc gắn hình ảnh với biểu tượng, quảng cáo cần
mang tới cho mỗi cá nhân, mỗi doanh nghiệp một hình ảnh riêng, một bản sắc riêng để
khẳng định được thương hiệu của mình trong thị trường rất phong phú và đa dạng như
hiện nay.
Chính vì vậy, để đáp ứng nhu cầu trên của ngành quảng cáo em đã chọn đề tài thiết
kế website để giới thiệu và bán sản phẩm quảng cáo cho công ty TNHH quảng cáo Anh
Tuấn có trụ sở tại SN 205, P. Hợp Giang – TP. Cao Bằng.
Em xin chân thành cám ơn các bạn, các anh chị đang làm việc tại công ty TNHH
quảng cáo Anh Tuấn đã cung cấp tư liệu cho em hoàn thành website này.

Tuandvph01901 – Pro201
Đề Tài: Website Giới Thiệu và bán sản phẩm công ty TNHH QC Anh Tuấn


2

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

................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
Giáo viên hướng dẫn ký, ghi rõ họ tên

Tuandvph01901 – Pro201
Đề Tài: Website Giới Thiệu và bán sản phẩm công ty TNHH QC Anh Tuấn


3

NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................

................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
................................................................................................................................................................
Hội đồng phản biến ký, ghi rõ họ tên

Tuandvph01901 – Pro201
Đề Tài: Website Giới Thiệu và bán sản phẩm công ty TNHH QC Anh Tuấn


4

Mục Lục
Lời nói đầu:................................................................................................................................ 1
I.

Phần I: Giới thiệu đề tài ...................................................................................................... 5

II.

Phần II: Khảo sát hệ thống và Phân tích nội dung yêu cầu .................................................. 8

III.

Phần III: Thiết kế ............................................................................................................ 10

I.

Thiết kế Graphic: .............................................................................................................. 10

II.

Thiết kế sơ đồ luồng trạng thái: ........................................................................................ 12

III.

Thiết kế cơ sở dữ liệu: ................................................................................................... 18

-

Khách hàng: Mã KH, tên KH, Địa chỉ, điện thoại, email ............................................... 18

-

Admin: ID, user, pass........................................................................................................ 18

-

Nhân viên: Mã NV, tên NV, địa chỉ, điện thoại, email ..................................................... 18

-

Sản phẩm: Mã SP, tên SP, Mô tả SP, hình ảnh, kích thước, đơn giá............................... 18

-

Loại sản phẩm: Mã loại, tên loại ...................................................................................... 18

-

Hóa đơn: Mã HĐ, số HĐ, ngày HĐ.................................................................................. 18

-

Hóa đơn chi tiết: Mã HĐCT, số lượng, thành tiền. .......................................................... 18

a.

Vẽ biểu đồ quan hệ các thực thể: ...................................................................................... 18

b.

Các bảng trong cơ sở dữ liệu: ........................................................................................... 19

c.

Các câu truy vấn cơ sở dữ liệu:................................................ Error! Bookmark not defined.

IV.

Phần IV: Lập trình và triển khai website ........................................................................ 21

Đầu tiên ta cài đặt phần mềm Xampp: là gói cài đặt Localhost được tích hợp các thành
phần như: Apache, MYSQL, PHP… ....................................................................................... 21
-

Ta dùng MYSQL tích hợp sẵn trong gói Xampp để tiến hành cài đặt cơ sở dữ liệu ......... 21

-

Đầu tiên là bảng Admin .................................................................................................... 21

-

Tiếp đến là bảng Loại hàng hóa ....................................................................................... 22

-

Tiếp đến là bảng Nhân viên .............................................................................................. 22

-

Tiếp đến là bảng Khách hàng ........................................................................................... 22

-

Tiếp đến là bảng Sản phẩm............................................................................................... 22

-

Tiếp đến là bảng Hóa đơn ................................................................................................. 22

-

Tiếp đến là bảng Hóa đơn chi tiết ..................................................................................... 22
Tuandvph01901 – Pro201

Đề Tài: Website Giới Thiệu và bán sản phẩm công ty TNHH QC Anh Tuấn


5

-

Đây chính là các bảng của cơ sở dữ liệu .......................................................................... 22

-

Trang Header .................................................................................................................... 25

-

Trang leftcontent............................................................................................................... 25

-

Phần hiện thị dữ liệu ........................................................................................................ 25

-

Phần thêm dữ liệu............................................................................................................. 26

-

Phần Sửa dữ liệu .............................................................................................................. 27

-

Phần Xóa dữ liệu .............................................................................................................. 28

-

Đây là giao diện khi vào trang admin ............................................................................... 29

-

Vào trang admin ............................................................................................................... 29

-

Và thao tác với dữ liệu ...................................................................................................... 29

-

Đầu tiên là trang index.php ( trang chủ) .......................................................................... 29

-

Trang sản phẩm.php ( sản phẩm) ..................................................................................... 30

-

Trang sản phẩm.php ( sản phẩm) theo loại sản phẩm ..................................................... 31

-

Trang shoppingcart.php ( Giỏ hàng) ................................................................................ 32

-

Trang lienhe.php ( Liên hệ) .............................................................................................. 35

-

Trang gioithieu.php ( Giới thiệu) ...................................................................................... 35
Phần V: Kết Luận.......................................................................................................... 37

V-

I.
I-

Phần I: Giới thiệu đề tài

Giới thiệu về công ty
1.

Lịch sử hình thành:

Được thành lập từ năm 2010, tiền thân là công ty quảng cáo Hải Ngân, đến nay
công ty TNHH quảng cáo Anh Tuấn đã trở thành một công ty chuyên cung cấp, thiết kế,
in ấn, thi công lắp đặt biển quảng cáo, tổ chức hội nghị sự kiện hàng đầu tại Cao Bằng.

Với đội ngũ nhân viên trẻ, thái độ phục vụ nhiệt tùng, chu đáo công ty TNHH quảng cáo
Anh Tuấn đã có những đối tác lớn như: Viettel Cao Bằng, VNPT Cao Bằng, Mobifone
Cao Bằng, Ngân hàng Đầu Tư & Phát triển Cao Bằng, Sở VHTT & Du lịch Cao Bằng,
công ty Du Lịch Cao Bằng và rất nhiều các doanh nghiệp trong và ngoài tỉnh.

Tuandvph01901 – Pro201
Đề Tài: Website Giới Thiệu và bán sản phẩm công ty TNHH QC Anh Tuấn


6

2.

Tầm nhìn:

Là công ty thiết kế, in ấn, cung cấp, thi công, lắp đặt biển quảng cáo, tổ chức sự
kiện hàng đầu tại Cao Bằng.
3.

Sứ mệnh:

Xuất phát từ quan điểm tôn trọng lợi ích của khách hàng và cộng đồng. Với khách
hàng chúng tôi luôn nỗ lực hết mình vì lợi ích và thương hiệu của khách hàng. Phát huy
cao nhất khả năng và sức trẻ của đội ngũ nhân viên để phục vụ lợi ích quảng bá sản phẩm,
thương hiệu của khách hàng và đối tác. Góp phần vào sự phát triển chung của tỉnh Cao
Bằng cũng như là cả nước.
4.

Lĩnh vực hoạt động:

Thiết kế, in ấn: Các mặt hàng quảng cáo như biển bạt, biển panô, biển đồng, inox,
biển điện tử.. In ấn gia công băng zôn quảng cáo, tờ rơi, phong bì, lịch…
- Thi công, lắp đặt: Các biển bạt, biển panô, biển đồng, inox, biển điện tử.. Tổ chức
sự kiện, sinh nhật, cưới hỏi..
- Bán và phân phối : Các sản phẩm quảng cáo như biển, bạt, panô, quà tặng… trên
địa bàn Cao Bằng và các tỉnh lân cận như Hà Giang, Lạng Sơn, Bắc Kạn.

Tuandvph01901 – Pro201
Đề Tài: Website Giới Thiệu và bán sản phẩm công ty TNHH QC Anh Tuấn


7

IICơ cấu tổ chức
1. Sơ đồ quản lý công ty:

Giám Đốc

Phòng Dịch vụ Quảng Cáo

Phòng Tổng Hợp

Trưởng phòng

Trưởng phòng

Biển Quảng Cáo

In Bạt

In De Can

Quà Tặng

Nhân viên

BP. QL Khách
Hàng

Tài Khoản

-

Giám đốc: Là người điều phối tất cả các hoạt động của công ty

-

Phòng Dịch vụ quảng cáo: Trưởng phòng là người điều hành các hoạt động liên
quan đến quảng cáo như sản phẩm biển quảng cáo, in bạt, in decan, quà tặng…

-

Phòng Tổng hợp: Trưởng phòng là người điều hành các hoạt động liên quan đến
quản lý nhân viên, quản lý khách hàng.

Tuandvph01901 – Pro201
Đề Tài: Website Giới Thiệu và bán sản phẩm công ty TNHH QC Anh Tuấn


8

II.
I.

Phần II: Khảo sát hệ thống và Phân tích nội dung yêu cầu
Khảo sát hệ thống:
Sau khi tìm hiểu và làm việc với ban giám đốc công ty ta thu được:

STT
01

Nghiệp Vụ

Đối tượng
Khách hàng

Là đối tượng chính của website
- Là đối tượng tương tác với website như: Xem sản
phẩm, mua sản phẩm, liên hệ với công ty.

Trưởng phòng

02

Là người quản trị trực tiếp website
- Lấy thông tin về sản phẩm để hiển thị lên trang
website cho khách hàng xem.
- Khi khách hàng đặt hàng thì cập nhật hồ sơ của
khách hàng. Làm hóa đơn cho khách hàng
- Giao hóa đơn cho nhân viên để nhân viên đi giao

hàng hay khảo sát, thiết kế, thi công, lắp đặt cho
khách hàng.

II.

Phân tích yêu cầu:

Sau khi tìm hiểu và làm việc với ban giám đốc công ty ta thu được những yêu cầu
sau:

Tuandvph01901 – Pro201
Đề Tài: Website Giới Thiệu và bán sản phẩm công ty TNHH QC Anh Tuấn


9

STT Mã yêu cầu

Loại yêu cầu

1

AT001

Giao diện

2

AT002

Giao diện

3

AT003

Chức năng

4

AT004

Chức năng

5

AT005

Chức năng

6

AT006

Chức năng

7

AT007

Bảo mật

Nội Dung

Phương án xử lý

Màu chủ đạo của website Bộ phận thiết kế giao
là màu vàng và màu xanh diện sẽ thiết kế
background là màu vàng,
còn phần header và
footer sẽ thiết kế màu
xanh.
Phong cách website đơn Bộ phận thiết kế giao
giản , bình dân phù hợp
diện sẽ thiết kế một cách
với đối tượng khách hàng đơn giản nhất, rõ rang
vùng cao.
nhất để phù hợp với
khách hàng
Cần có một mục để giới
Trên menu tạo một menu
thiệu về công ty
là giới thiệu khi khách
hàng nhấn vào thì sẽ ra
một trang giới thiệu về
công ty
Cần có một mục hiển thị
Trên phần leftconttent
các đối tác lớn của công
tạo một div là đối tác

ty
chính trên đó là hình
Qua đó cho khách hàng
ảnh, lô gô của các đối tác
biết tiềm năng của công ty chính.
Tạo một trang để cho
Trên phần menu tạo một
khách hàng có thể liên hệ menu tên là liên hệ khi
với công ty
khách hàng nhấn vào đó
thì sẽ hiện ra một trang
liên hệ để khách hàng có
thể nhập và gửi đến cho
người quản trị
Website cần có một trang Tạo một trang có tên là
quản lý để cập nhật sản
Admin để người quản trị
phẩm, quản lý hóa đơn,
của công ty có thể cập
quản lý khách hàng…
nhật sản phẩm, quản lý
sản phẩm, hóa đơn,
khách hàng….
Chỉ người quản trị của
Tạo một trang đăng nhập
công ty mới có quyền truy và tạo một bảng trong cơ
cập vào trang admin để
sở dữ liệu là Admin
quản lý sản phẩm, hóa
trong đó chứa tài khoản

đơn, khách hàng..
và mật khẩu của người
quản trị.Trước khi truy
cập vào trang quản lý thì
Tuandvph01901 – Pro201

Đề Tài: Website Giới Thiệu và bán sản phẩm công ty TNHH QC Anh Tuấn


10

8

AT008

Thời gian

Website cần hoàn thành
trước ngày 24/12/2013

phải qua trang đăng nhập
Tài khoản và mật khẩu
đúng mới vào được
Lên thời gian làm việc
hợp lý và hiệu quả để
hoàn thành trước ngày
24/12/2013

III. Phần III: Thiết kế
I.

Thiết kế Graphic:
1.

Phác thảo sơ bộ trang web

2.

.Sơ đồ trang web

Trang Chủ

Giới thiệu

Sản phẩm

Sản phẩm 1

Liên Hệ

Mua hàng

Giỏ hàng

Sản phẩm 2

Đăng ký

Đăng Nhập

Sản phẩm 3….

Tuandvph01901 – Pro201
Đề Tài: Website Giới Thiệu và bán sản phẩm công ty TNHH QC Anh Tuấn


11

3.

Thiết kế Graphic

a. Phần font-end
Trang chủ:

b. Phần Back-end
Trang admin:

Tuandvph01901 – Pro201
Đề Tài: Website Giới Thiệu và bán sản phẩm công ty TNHH QC Anh Tuấn


12

4.

Thiết kế Layout

Thiết kế các trang bằng HTML và CSS:

- Viết mã javascript để cho trang web sinh động hơn:

II.

Thiết kế sơ đồ luồng trạng thái:
1.

Sơ đồ tổng quát:

Tuandvph01901 – Pro201
Đề Tài: Website Giới Thiệu và bán sản phẩm công ty TNHH QC Anh Tuấn


13

Mô tả Use case tổng quát
Mã Use Case :
Tên Use Case:
Thiết kế:
Ngày thiết kế:
Đối tượng:
Mô tả:
Kích hoạt:
Điều kiện:
Hiển thị:
Chức năng:

CN001
Chức năng Tổng quát
Đào Văn Tuấn

24/11/2013
Trưởng phòng, Khách hàng, nhân viên
Cho phép người dùng đăng nhập vào hệ thống.
Người dùng kích chuột vào nút đăng nhập.
Tài khoản đã được khởi tạo trong CSDL
Đăng nhập hệ thống thành công.
1. Trưởng phòng:
- Quản lý nhân viên
- Quản lý sản phẩm
- Quản lý tài khoản
- Quản lý hóa đơn
- Quản lý khách hàng
- Quản lý loại sản phẩm
2. Khách hàng:
- Tìm kiếm sản phẩm
- Đặt hàng
3. Nhân viên:
- Nhận đơn hàng
Trường hợp xảy Nhập liệu:
ra:
1. Người dùng chưa nhập tài khoản đăng nhập.
2. Người dùng chưa nhập mật khẩu đăng nhập
3. Người dùng nhập sai tài khoản đăng nhập.
4. Người dùng nhập sai mật khẩu đăng nhập.

2.

Chức năng đăng nhập:

Use case đăng nhập

Mô tả Use case đăng nhập
Mã Use Case :
Tên Use Case:
Thiết kế:
Ngày thiết kế:

CN002
Chức năng đăng nhập
Đào Văn Tuấn
24/11/2013
Tuandvph01901 – Pro201

Đề Tài: Website Giới Thiệu và bán sản phẩm công ty TNHH QC Anh Tuấn


14

Đối tượng:
Mô tả:
Kích hoạt:
Điều kiện:
Hiển thị:
Chức năng:

Trưởng phòng, Khách hàng, nhân viên
Cho phép người dùng đăng nhập vào hệ thống.
Người dùng kích chuột vào nút đăng nhập.
Tài khoản đã được khởi tạo trong CSDL
Đăng nhập hệ thống thành công.

1. Người dùng nhập tài khoản đăng nhập.
2. Người dùng nhập mật khẩu đăng nhập.
3. Người dùng kích chuột vào nút đăng nhập.
4. Hệ thống kiểm tra tài khoản,mật khẩu đăng nhập và cho phép
đăng nhập vào hệ thống
Trường hợp xảy Nhập liệu:
ra:
5. Người dùng chưa nhập tài khoản đăng nhập.
6. Người dùng chưa nhập mật khẩu đăng nhập
7. Người dùng nhập sai tài khoản đăng nhập.
8. Người dùng nhập sai mật khẩu đăng nhập.

- Sơ đồ hoạt động:

- Sơ đồ tuần tự:

Tuandvph01901 – Pro201
Đề Tài: Website Giới Thiệu và bán sản phẩm công ty TNHH QC Anh Tuấn


15

3.

Chức năng thêm, sửa, xóa :

Use case thêm, sửa, xóa

Mô tả Use case thêm, sửa, xóa
Mã Use Case :

Tên Use Case:
Thiết kế:
Ngày thiết kế:
Đối tượng:
Mô tả:
Kích hoạt:
Điều kiện:
Hiển thị:
Chức năng:

CN003
Chức năng thêm, sửa, xóa
Đào Văn Tuấn
24/11/2013
Trưởng phòng(admin)
Cho phép admin thêm, sửa, xóa trong CSDL
Admin kích chuột vào nút thêm, sửa, xóa
Dữ liệu đã được khởi tạo trong CSDL
Các dữ liệu cần quản lý
- Quản lý nhân viên
- Quản lý sản phẩm
- Quản lý hóa đơn
- Quản lý khách hàng
- Quản lý loại sản phẩm
Trường hợp xảy Nhập liệu:
ra:
- Đối với Thêm dữ liệu đã có trong CSDL( Trùng dữ liệu)

- Sơ đồ hoạt động:

- Sơ đồ tuần tự:
Tuandvph01901 – Pro201
Đề Tài: Website Giới Thiệu và bán sản phẩm công ty TNHH QC Anh Tuấn


16

4.

Chức năng Giỏ hàng :

Use case giỏ hàng

Mô tả Use case Giỏ hàng
Mã Use Case :
Tên Use Case:
Thiết kế:
Ngày thiết kế:
Đối tượng:
Mô tả:
Kích hoạt:

Điều kiện:
Hiển thị:
Chức năng:

CN004
Chức năng giỏ hàng
Đào Văn Tuấn
24/11/2013

Khách hàng
Cho phép khách hàng chọn mua sản phẩm
Khách hàng click chuột vào mua ngay, chọn sản phẩm, khách hàng có
thể mua nhiều sản phẩm khi click vào tiếp tục mua hàng và chọn thanh
toán và kết thúc mua hàng
Dữ liệu đã được có trong CSDL, tạo cho khách hàng Secssion để lưu
sản phẩm mà khách hàng đã chọn
Sản phẩm khách hàng đã chọn mua, và tổng tiền phải thanh toán
- Hiển thị sản phẩm khách hàng đã chọn
- Tạo secssion riêng cho mỗi khách hàng

- Sơ đồ hoạt động:

- Sơ đồ tuần tự:

Tuandvph01901 – Pro201
Đề Tài: Website Giới Thiệu và bán sản phẩm công ty TNHH QC Anh Tuấn


17

5.

Chức năng đăng ký tài khoản :

Use case đăng ký tài khoản

Mô tả Use case đăng ký tài khoản
Mã Use Case :
Tên Use Case:

Thiết kế:
Ngày thiết kế:
Đối tượng:
Mô tả:
Điều kiện:
Hiển thị:
Chức năng:

CN005
Chức năng đăng ký tài khoản
Đào Văn Tuấn
24/11/2013
Khách hàng
Cho phép khách hàng đăng ký tài khoản
Dữ liệu chưa có trong CSDL
Tài khoản của khách hàng
Tạo tài khoản riêng cho khách hàng để đăng nhập vào hệ thống

Trường hợp xảy
ra

-

Đã có tài khoản đó trong CSDL

- Sơ đồ hoạt động:

- Sơ đồ tuần tự:

Tuandvph01901 – Pro201

Đề Tài: Website Giới Thiệu và bán sản phẩm công ty TNHH QC Anh Tuấn


18

III.

Thiết kế cơ sở dữ liệu:
Dựa vào những phân tích trên ta tiến hành tạo cơ sở dữ liệu cho trang website:
1.

-

Xác định thực thể:

Khách hàng: Khách hàng là đối tượng chính của website
Admin: Là người quản lý trang web
Nhân viên: Là người làm việc trong công ty và tiếp xúc trực tiếp tới sản phẩm
Sản phẩm: Là đối tượng chính mà khách hàng hướng tới
Loại sản phẩm: Để phân biệt các sản phẩm với nhau
Hóa đơn: Để khách hàng thanh toán với công ty
Hóa đơn chi tiết: Để cho khách hàng và công ty biết số tiền mà khách hàng đó cần
thanh toán.
2.

Thuộc tính của thực thể:

-

Khách hàng: Mã KH, tên KH, Địa chỉ, điện thoại, email

-

Admin: ID, user, pass

-

Nhân viên: Mã NV, tên NV, địa chỉ, điện thoại, email

-

Sản phẩm: Mã SP, tên SP, Mô tả SP, hình ảnh, kích thước, đơn giá

-

Loại sản phẩm: Mã loại, tên loại

-

Hóa đơn: Mã HĐ, số HĐ, ngày HĐ

-

Hóa đơn chi tiết: Mã HĐCT, số lượng, thành tiền.

a. Vẽ biểu đồ quan hệ các thực thể:

Tuandvph01901 – Pro201
Đề Tài: Website Giới Thiệu và bán sản phẩm công ty TNHH QC Anh Tuấn

19

b. Các bảng trong cơ sở dữ liệu:

Tên trường
ID
User
Pass

Bảng ADmin
Loại dữ liệu
Null
Char(10)
Not
Varchar(50)
Not
Varchar(50)
Not

Tên trường
Mã LH
Tên LH

Bảng Loại hàng
Loại dữ liệu
Null
Khóa
Char(10)
Not

PK
Varchar(50)
Not

Mô tả
Mã loại hàng
Tên loại hàng

Tên trường
Mã NV
Tên NV
Địa chỉ
Điện thoại
Email

Bảng Nhân viên
Loại dữ liệu
Null
Khóa
Char(10)
Not
PK
Nvarchar(50)
Not
Nvarchar(100)
Not
Int
Null
Varchar(50)
Null

Mô tả
Mã nhân viên
Tên nhân viên
Địa chỉ nhân viên
Điện thoại nhân viên
Email nhân viên

Tên trường
Mã KH
Tên KH
Địa chỉ
Điện thoại

Bảng Khách hàng
Loại dữ liệu
Null
Khóa
Char(10)
Not
PK
Nvarchar(50)
Not
Nvarchar(100)
Not
Int
Null

Mô tả
Mã khách hàng

Tên khách hàng
Địa chỉ khách hàng
Điện thoại khách hàng

Khóa
PK

Mô tả
Mã
Tên tài khoản
Mật khẩu

Tuandvph01901 – Pro201
Đề Tài: Website Giới Thiệu và bán sản phẩm công ty TNHH QC Anh Tuấn


20

Email

Varchar(50)

Null

Email khách hàng

Tên trường
Mã SP
Tên SP
Kích thước

Đơn giá
Mô tả
Link ảnh
Mã KH
Mã LH

Bảng Sản phẩm
Loại dữ liệu
Null
Khóa
Char(10)
Not
PK
Nvarchar(50)
Not
varchar(50)
Not
Int
Not
NVarchar(200)
Null
Text
Null
Char(10)
Not
FK
Char(10)
Not
FK

Tên trường
Mã HĐ
Số HĐ
Ngày HĐ
Mã NV

Bảng Hóa Đơn
Loại dữ liệu
Null
Khóa
Char(10)
Not
PK
Int
Not
Datetime
Not
Char(10)
Not
FK

Mô tả
Mã hóa đơn
Số hóa đơn
Ngày hóa đơn
Mã nhân viên

Tên trường
Mã HĐCT
Số lượng

Đơn giá
Mã SP
Mã HD

Bảng Hóa đơn chi tiết
Loại dữ liệu
Null
Khóa
Char(10)
Not
PK
Int
Not
Int
Not
Char(10)
Not
FK
Char(10)
Not
FK

Mô tả
Mã hóa đơn chi tiết
Số lượng sản phẩm
Đơn giá sản phẩm
Mã sản phẩm
Mã hóa đơn

Mô tả

Mã sản phẩm
Tên sản phẩm
Kích thước
Đơn giá sản phẩm
Mô tả sản phẩm
Link ảnh sản phẩm
Mã khách hàng
Mã loại hàng

Tuandvph01901 – Pro201
Đề Tài: Website Giới Thiệu và bán sản phẩm công ty TNHH QC Anh Tuấn


21

IV.

Phần IV: Lập trình và triển khai website
1. Cài đặt cơ sở dữ liệu:
Từ những bảng diễn giải chi tiết của cơ sở dữ liệu như trên. Ta tiến hành cài đặt cơ
sở dữ liệu cho trang web:
-

Đầu tiên ta cài đặt phần mềm Xampp: là gói cài đặt Localhost được tích hợp các
thành phần như: Apache, MYSQL, PHP…

-

Ta dùng MYSQL tích hợp sẵn trong gói Xampp để tiến hành cài đặt cơ sở dữ liệu
Sau đây là các bước cài đặt cơ sở dữ liệu trong MYSQL PHP MyAdmin.

 Bước 1: Tạo cơ sở dữ liệu mới

 Bước 2: Sau khi đã có cơ sở dữ liệu mới ta bắt đầu đi cài đặt các bảng choc ơ
sở dữ liệu theo những phân tích ở phần III về các thuộc tính của các bảng

-

Đầu tiên là bảng Admin

Tuandvph01901 – Pro201
Đề Tài: Website Giới Thiệu và bán sản phẩm công ty TNHH QC Anh Tuấn


22

-

Tiếp đến là bảng Loại hàng hóa

-

Tiếp đến là bảng Nhân viên

-

Tiếp đến là bảng Khách hàng

-

Tiếp đến là bảng Sản phẩm

-

Tiếp đến là bảng Hóa đơn

-

Tiếp đến là bảng Hóa đơn chi tiết

-

Đây chính là các bảng của cơ sở dữ liệu

 Bước 3: Ta tiến hành thiết lập các mối quan hệ giữa các bảng theo sơ đồ quan
hệ ta đã thiết lập ở phần III

Tuandvph01901 – Pro201
Đề Tài: Website Giới Thiệu và bán sản phẩm công ty TNHH QC Anh Tuấn


23

Sau khi đã tạo cơ sở dữ liệu cho trang web một cách hoàn chỉnh ta bắt đầu tiến hành lập
trình cho trang website

2. Lập trình web thao tác với cơ sở dữ liệu:
Sau khi đã có template của website ở phần III và cơ sở dữ liệu ta tiến hành lập trình chúng
. Ở đây ta sử dụng ngôn ngữ PHP để lập trình. Em sử dụng phần mềm NetBeans IDE

a. Lập trình phần Admin

 Bước 1: Ta tạo một file mới tên là Confic.php để kết nối đến cơ sở dữ liệu và
chọn cơ sở dữ liệu trên phpMyadmin làm việc.
// Kết nối đến Database
$connect = mysql_connect('localhost','root','') or die('Khong the ket noi');
// Chọn Database làm việc
mysql_select_db('bienquangcao',$connect)or die('Khong the ket noi');
// Hiển thị tiếng việt trên trang PHP
mysql_query("set names utf8",$connect);

Tuandvph01901 – Pro201
Đề Tài: Website Giới Thiệu và bán sản phẩm công ty TNHH QC Anh Tuấn


24

 Bước 2: Ta tạo trang login cho phần admin
Đây là code HTML

Đây là code PHP cho trang login:

Sau khi trang login đã hoàn thành ta bắt đầu làm các trang khác. Trong PHP để tránh tình
trạng lặp lại viết lại nhiều code HTML ta tạo những trang nhỏ sau đó đến phần nào thì ta
gọi trang đó đến bằng lệnh:
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link href="trangadmin.css" rel="stylesheet" type="text/css">
</head>
<body>

include_once 'header.php';
?>
<div id ="conttent">
include_once 'leftconttent.php';
?>
Tuandvph01901 – Pro201
Đề Tài: Website Giới Thiệu và bán sản phẩm công ty TNHH QC Anh Tuấn


25

</div>
include_once 'footer.php';
?>
</body>
</html>
-

Trang Header

-

Trang leftcontent

Trang admin là trang dùng để quản lý sản phẩm, quản lý nhân viên, quản lý khách hàng,
quản lý user, quản lý hóa đơn…Nên phần chủ đạo của trang là phần hiển thị nội dung để
người quản trị có thể thêm, sửa, xóa. Ở đây em chỉ trích dẫn phần thêm, sửa, xóa và hiển

thị ở phần loại hàng hóa còn các phần quản lý khác như sản phẩm, nhân viên, khách
hàng..là tương tự
-

Phần hiện thị dữ liệu

Ta sử dụng câu lệnh select để hiển thị dữ liệu:
$loaihanghoa = mysql_query('select * from loaihang ');
while ($rowloaihanghoa = mysql_fetch_array($loaihanghoa))
{
Tuandvph01901 – Pro201
Đề Tài: Website Giới Thiệu và bán sản phẩm công ty TNHH QC Anh Tuấn