Môn Lập Trình WebBáo cáo Lập Trình Website

Lập trình web là môn học thú vị, giúp sinh viên có cơ hội làm quen với vai trò là người lập trình và quản trị website với những mô hình bài toán quản lý và xử lý dữ liệu tốt nhất, qua đó nâng cao khả năng áp dụng vào trong thực tiễn cuộc sống. Trang web quản lý bán sản phẩm tivi, là mô hình em chọn làm đề tài cho bộ môn này Trong quá trình làm đề tài, em đã cố gắng học tập, tìm tài liệu, lắng nghe sự chỉ bảo tận tình của thầy trong các buổi học. Do sự hiểu biết kiến thức chưa sâu về bộ môn lẫn kỹ thuật lập trình. Đề tài hoàn thành nhưng vẫn còn nhiều thiết sót.

-&&&& -MÔN LẬP TRÌNH WEB

LỜI NÓI ĐẦU

ùng với sự phát triển của Internet, thương mại điện tử ngày càng trở nên phổ biến trên toànthế giới, song song đó là sự ra đời và phát triển của các ngôn ngữ lập trình cho phép chúng

ta thiết kế và xây dựng các ứng dụng thương mại điện tử dưới nhiều hình thức khác nhau

Và một trong những ngôn ngữ lập trình website thông dụng nhất hiện nay là HTML và PHP

C

Lập trình web là môn học thú vị, giúp sinh viên có cơ hội làm quen với vai trò là người lập trình

và quản trị website với những mô hình bài toán quản lý và xử lý dữ liệu tốt nhất, qua đó nâng caokhả năng áp dụng vào trong thực tiễn cuộc sống

Trang web quản lý bán sản phẩm tivi, là mô hình em chọn làm đề tài cho bộ môn này

Trong quá trình làm đề tài, em đã cố gắng học tập, tìm tài liệu, lắng nghe sự chỉ bảo tận tình củathầy trong các buổi học Do sự hiểu biết kiến thức chưa sâu về bộ môn lẫn kỹ thuật lập trình Đềtài hoàn thành nhưng vẫn còn nhiều thiết sót

Xin thầy xem xét lượng thứ, và đóng góp ý kiến để em ý thức hơn và rút kinh nghiệm cho các đềtài sau này

Cuối cùng, em chân thành cám ơn thầy đã tạo cơ hội cho em hiện đề tài

NHẬN XÉT CỦA GIÁO VIÊN BỘ MÔN

K 33103244 Tin 4C - BT3

MỤC LỤC

CHƯƠNG 1 : TIN HỌC HÓA QUẢN LÝ THÔNG TIN

I Vai trò của Tin Học trong quản lý 5

II Nhu cầu và lợi ích thực tiễn 5

CHƯƠNG 2 :GIẢI PHÁP CHO TRANG WEB I Định hướng chung 6

II Các mục chức năng của website .6

III Yêu cầu chức năng trang web 6

IV Giao diện mẫu 7

V Môi trường cài đặt lập trình 7

CHƯƠNG 3 : CỤ THỂ HÓA HOẠT ĐỘNG TRANG WEB I Phân tích yêu cầu hệ thống .8

1 Định nghĩa dữ liệu mô tả Use Case 8

2 Chi tiết hóa chức năng của website 8

3 Sơ đồ Use Case 9

4 Sơ đồ dòng dữ liệu (DFD) 10

II Thiết kế cơ sở dữ liệu “ quản lý bán tivi” bằng phpmyadmin 11

1 Cấu trúc các bảng 11

2 Quan hệ giữa các bảng 13

CHƯƠNG 4 : PHÂN TÍCH CODE TẠO TRANG WEB I Lược đồ lưu trữ - ý nghĩa code xử lý dữ liệu 14

II Xử lý giao diện 15

III Xử lý định dạng 16

IV Xử lý file cài đặt cơ sở dữ liệu tự động – kết nối cơ sở dữ liệu 16

V Xử lý truy vấn Table TIVI ( XEM + THÊM + XÓA + SỬA ) 17

VI Xử lý truy vấn Table KHÁCH HÀNG ( XEM + THÊM + XÓA + SỬA ) 21

VII Xử lý truy vấn Table HÓA ĐƠN ( XEM + THÊM + XÓA + SỬA ) 26

VIII Xử lý truy vấn Table ĐẶT HÀNG ( XEM + THÊM + XÓA + SỬA ) 26

IX Xử lý truy vấn Tìm kiếm 27

X Xử lý hệ thống ĐĂNG NHẬP 28

CHƯƠNG 5 : HƯỚNG DẪN – DEMO TRANG WEB I Hướng dẫn cài đặt .29

II Demo trang web 30

III Đường link trang web được upload trên mạng 34

IV Tài liệu tham khảo 34

CHƯƠNG 1 : TIN HỌC HÓA QUẢN LÝ THÔNG TIN

I Vai trò của tin học trong quản lý

Thông tin từ lâu đã được đánh giá có vai trò quan trọng trong quản lý kinh tế ngày nay Việc nhậnđịnh “ Ai nắm được thông tin, người đó sẽ chiến thắng” lại trở nên chính xác Chính từ việc tinhọc hóa thông tin với sự trợ giúp của Computer và Phần mềm đã đưa đến những khái niệm mớinhư Kỹ Nguyên của kỹ thuật số, Nền kinh tế trí thức…

Việc tin học hóa vào quản lý hoạt động sản xuất kinh doanh sẽ giúp cho các doanh nghiệp có khảnăng cạnh tranh trong một nền kinh tế thị trường, đồng thời cạnh tranh với các doanh nghiệp nướcngoài được đánh giá qua các đặc điểm sau :

• Tính nhanh chóng : Bất kỳ lúc nào cũng có thể trả lời các thông tin một cách chính xác.

• Tính thích ứng : Giúp người quản lý điều hành trôi chảy các hoạt động của đơn vị và có thể

tính toán được công việc của mình đã điều hành trong từng giai đoạn và qua đó vạch raphương hướng hoạt động trong tương lai Điều hành được tình hình tài chính của doanhnghiệp

• Tính an toàn : Bảo đảm sự an toàn dữ liệu của doanh nghiệp.

II Nhu cầu và lợi ích thực tiễn

Internet và website đã không còn là thuật ngữ tin học quá xa lạ với chúng ta Với tốc độ phát triểnnhư hiện nay, website đã chứng tỏ nó không thể thiếu trong cuộc sống hiện đại, con người càng cónhiều cơ hội phát triển về mọi mặt

Nhiều hoạt động sống của con người đã, đang và sẽ ngày càng gắn liền với internet website Nócung cấp cho bạn cơ hội giao thương, gặp gỡ các đối tác, đặc biệt là đối tác nước ngoài một cáchthuận lợi

Internet website mang những thông tin quảng bá, khuyến mãi đến người sử dụng vô cùng nhanhchóng Website giúp bạn tiếp tục điều hành các công việc và giữ liên lạc mật thiết với những ngườibạn khi khoảng cách là một trở ngại lớn …

Hàng ngày, Internet website không chỉ mang đến cho chúng ta những thông tin nóng bỏng nhất,những lợi ích kinh doanh tốt nhất, những hình thức giải trí mới lạ, đa dạng phong phú mà nó còncung cấp cho chúng ta một cách thức học tập nâng cao trình độ rất tiện lợi thú vị, độc đáo vớinhững website sinh động đặc sắc với các biểu mẫu, đồ họa , âm thanh , ảnh động …

K 33103244 Tin 4C - BT5

CHƯƠNG 2 : GIẢI PHÁP CHO TRANG WEB

I Định hướng chung để xây dựng trang web

1 Nhu cầu thiết kế

- Thiết lập tạo cơ hội tiếp xúc với khách hàng ở khắp mọi nơi.

- Giới thiệu các sản phẩm dịch vụ một cách sinh động và mang tính tương tác cao

chi phí

- Cơ hội phục vụ khách hàng tốt hơn , đạt sự hoạt động lớn từ khách hàng

- Tạo một hình ảnh chuyên nghiệp trước công chúng, công cụ hiệu quả để thực hiện các

chiến lược PR và maketing

2 Yêu cầu về trang web

- Website phải được thiết kế đồng nhất về thẩm mỹ, dùng thống nhất vài gam màu nhấtđịnh, font chữ, cỡ chữ thống nhất trên các trang

- Website phải có logo đặc trưng của công ty

- Hình ảnh sản phẩm tiêu biểu nhất

- Thông tin ngắn gọn, súc tích đầy đủ

- Phải có cơ sở dữ liệu mới khi cần thiết.

- Có công cụ cập nhật thông tin cho khách hàng một cách nhanh chóng và dễ dàng n

II Chức năng của website

III Yêu cầu về chức năng

- Tính tiện dụng : giao diện thân thiện, dễ sử dụng đối người dùng và quản trị

- Tính hiệu quả : Đảm bảo việc truy xuất nhanh đến các trang và khả năng kiểm soát lỗi

tốt

- Tính tương thích : Hỗ trợ tốt trên các trình duyệt IE, Firefox…

- Tính tiến hóa.

IV Giao diện chính

V Môi trường cài đặt lập trình

CHƯƠNG 3 : CỤ THỂ HÓA HOẠT ĐỘNG TRANG WEB

I Phân tích yêu cầu hệ thống

1 Định nghĩa dữ liệu mô tả USE CASE

• Admin - Người quản trị hệ thống

Amin là người quản trị hệ thống website, chịu trách nhiệm quản lý tất cả các thông tin người dùng thuộc các đối tượng khác nhau Ngoài ra nhiệm vụ quan trọng của phía quản trị trang web là cầu nối liên hệ tương tác với khách hàng ( khách viếng thăm )

• Vistors – Khách viếng thăm

Khách viếng là đối tượng phục vụ chủ yếu của hệ thống, là người có nhu cầu sử dụng các dịch vụ

• Exchange Info - Trao đổi thông tin

Trao đổi thông tin là việc của người quản trị website có nhu cầu gửi thông báo đến cho đối tượng khác và ngược lại

• Login – Đăng nhập

Hệ thống này phục vụ cho admin + vistors… có nhu cầu đăng nhập tùy theo mức độkhác nhau

• Register services – Đăng ký dịch vụ

Đây là quá trình khách viếng thăm đăng ký sử dụng chức năng của hệ thống

• Search – Tìm kiếm

Đây là một chúc năng mà người sử dụng tìm kiếm dịch vụ hay theo một tiêu chí

2 Chi tiết hóa chức năng của trang Website Digital Q.NAM-TIVI

 Đối với KHÁCH HÀNG

 Xem thông tin giới thiệu về công ty

 Xem các sản phẩm tivi của công ty

 Chi tiết thông tin chi tiết từng sản phẩm

 Tìm kiếm các sản phẩm theo nhu cầu

3 Sơ đồ USE - CASE

K 33103244 Tin 4C - BT9

4 Sơ đồ dòng dữ liệu (DFD)

II Thiết kế dữ liệu “quản lý bán tivi” bằng PHPMYADMIN

Quản lý bán TIVI

1 Cấu trúc Bảng (Các Field được gạch dưới và in đậm là khóa chính )

K 33103244 Tin 4C - BT11

2 Quan hệ giữa các bảng

K 33103244 Tin 4C - BT13

CHƯƠNG 4 : PHÂN TÍCH CODE TẠO TRANG WEB

I Lược đồ lưu trữ - ý nghĩa code xử lý dữ liệu

II Xử lý giao diện

- Viết ngôn ngữ lập trình html, sao đó chuyển qua php cho đồng nhất dễ quản lý

- Sử dụng kỹ thuật template, Framset gồm 3 khung (Trái, trên, phải )

- Kỹ thuật Swap – Image, pop – up menu,…

- Kết nối nút chức năng đến code xử lý dữ liệu

Index.php

Quantri.php

K 33103244 Tin 4C - BT15

III Xử lý định dạng ( dinhdang.css , phongchu.php)

- Giúp cho quá trình định dạng toàn bộ trang web đồng nhất

IV Xử lý cài đặt và kết nối cơ sở dữ liệu.

1 Install.php

- Tạo cơ sở database “ Quản lý bán tivi”

- Tạo 8 bảng mẫu như trên có dữ liệu một cách tự động

2 mysql.php

- Sẽ được gọi lại trong các trang xử lý dữ liệu

V Xử lý truy vấn TABLE TIVI ( XEM + THÊM SP)

1 XEM ( SELECT … FROM…)

- Tạo 2 trang, trong đó

- Trang đầu hiển thị thông tin các sản phẩm tivi dưới dạng list và có link như hình sau

- Trang sau hiển thị chi tiết của sàn phẩm tivi đã được họn trang trước

- Đối với mỗi mẫu tin được duyệt, kiểm tra xem $stt có chia hết cho 2 hay không, nếu

có thì in dòng mới, nếu không thì xuất tiếp các cột trong cùng một dòng

- Trong mỗi cột ( mỗi mẫu tin), xuất ra table có 3 dòng, dòng đầu tiên là tên tivi dạnglink có kèm theo mã tivi dòng thứ hai là kích cỡ và giá bán được định dạng bằng hàm

, dòng thứ 3 là hình ảnh của nguồn được lấy từ cột hình trong CSDL

K 33103244 Tin 4C - BT17

- Dòng 3 : Các link liên kết quay về và đặt hàng

2 THÊM SẢN PHẨM TIVI ( INSERT INTO … )

II.2 Mục đích

- Cập nhật cơ sở dữ liệu sản phẩm cho trang web

II.3 Yêu cầu

- Tạo trang với giao diện

II.4 Thực hiện

• Thiết lập phương thức cho from là post

• Và action của From là tên của trang

- Điều khiển

• Sử dụng điểu khiển TextField, List/memu, Buton

• Trong đó đọc các loại Tivi trong bảng loại tivi và gán cho list/menu loai Tivi

K 33103244 Tin 4C - BT19

• Đọc các hãng Tivi và gán cho list/menu hãng Tivi

- Khởi động chế độ kết nối dữ liệu

- Lấy giá trị trên from gán cho các biến tương ứng

- Kiểm tra giá trị nhập vào với câu lệnh

- Thông báo kết quả thêm mới

- Xuất thông tin sản phẩm tivi được thêm vào theo định dạng tương tự như trang chi_tiet_sp.php

VI Xử lý truy vấn TABLE KHÁCH HÀNG ( XEM + THÊM + XÓA + SỬA)

1 XEM ( SELECT … FROM…)

- Đặt một biến để đếm từng dòng bắt đầu từ 0, và tăng dần theo dòng

- Nếu biến đếm chia hết cho 2 ( dòng chẵn ) thì xuất ra một dòng có màu nền khácmàu so với dòng lẻ

- Link liên kết đến trang Xóa – Sửa

2 THÊM KHÁCH HÀNG MỚI ( INSERT INTO….)

- Tương tự như quá trình thêm Sản Phẩm Tivi

- Giao diện

3 SỬA KHÁCH HÀNG ( UPDATE… SET….)

II.1 Mục đích

- Kết nối đến CSDL

- Cập nhật cơ sở dữ liệu table khách hàng trong PHPMYADMIN

II.2 Yêu cầu

II.3 Thực hiện

• Thiết lập phương thức cho from là post

• Và action của From là tên của trang

K 33103244 Tin 4C - BT23

- Điều khiển

• Sử dụng điểu khiển TextField, Radio Gruop, Buton

• Trong đó mã khách hàng không cho người dùng cập nhật

- Lấy các giá trị mới (khi cập nhật)

- Cập nhật lại thông tin của khách hàng vào bảng bằng lệnh mysql_query("update … set …").

- Tạo link liên kết

c Thực hiện

K 33103244 Tin 4C - BT25

- From

• Thiết lập phương thức cho from là post

• Và action của From là tên của trang

- Điều khiển

• Sử dụng điểu khiển TextField, Radio Gruop, Buton

• Trong đó mã khách hàng không cho người dùng cập nhật

- Đọc bảng dùng mysql_query( ) với điều kiện lọc mã khách hàng bằng với mã khách hàng trong bảng khach_hang

- Dùng mysql_query(…) để đọc các đơn hàng của khách hàng Nếu

mysql_num_rows(…)>0 thì thông báo khách hàng đã mua hàng nên không thể xóa

được

- Ngược lại thì xóa thông tin khách hàng trong bảng khách hàng bằng lệnh

mysql_query("delete …").

- Tạo link liên kết

VII Xử lý truy vấn TABLE HÓA ĐƠN

- Với thao tác Xem + Thêm + Xóa + Sửa tương tự như Table khách hàng

VIII Xử lý truy vấn TABLE ĐẶT HÀNG

- Với thao tác Xem + Thêm + Xóa + Sửa tương tự như Table khách hàng

IX Xử lý truy vấn TÌM KIẾM

1 Mục đích

K 33103244 Tin 4C - BT27

- Tìm kiếm sản phẩm tivi trong cơ sờ dữ liệu

• Thiết lập phương thức cho from là post

• Và action của From là tên của trang

- Điều khiển

• List/menu loại sữa là danh sách các loại tivi có trong bảng loai_tivi

• List/menu hãng sữa là danh sách các hãng tivi có trong bảng hang_tivi

- Khởi động chế độ kết nối dữ liệu

- Lấy giá trị tên tivi, loại tivi, hãng tivi trên Form và gán cho biến tên tivi, mã loại tivi, và mã hãng tivi

- Đọc bảng dùng mysql_query( ) với điều kiện lọc là ba giá trị trên với tên tivi giống

với tên tivi (tương đối), mã loại tivi bằng mã loại tivi và mã hãng tivi bằng mã hãngtivi

- Đếm số lượng mẩu tin

- Duyệt mẫu tin có được dùng hàm

X Xử lý truy vấn ĐĂNG NHẬP HỆ THỐNG

CHƯƠNG 5 : HƯỚNG DẪN CÀI ĐẶT – DEMO TRANG WEB

I Hướng dẫn cài đặt

K 33103244 Tin 4C - BT29

1 Giải nén

2 Copy hoặc cut thư mục “ code” paste vào xampp/htdocs

3 Khởi động Gói Xampp

4 Chạy đường dẫn http://localhost/code/install.php cài đặt cơ sở dữ liệu

5 Kiểm tra lại : http://localhost/phpmyadmin/index.php

6 Chạy đường dẫn http://localhost/code/index.php vào trang chủ

II Demo trang website

K 33103244 Tin 4C - BT31

LƯU Ý :

Chạy tốt nhất bằng trình duyệt Firefox

Tài khoản quản trị

- User : admin

- Pass : admin

Đăng ký thành viên mới: không có quyền quản trị

K 33103244 Tin 4C - BT33

III Đường dẫn truy cập trang web trên mạng internet

GHI CHÚ : HỖ TRỢ THỰC HIỆN

I Tài liệu tham khảo

1 Lập trình quản lý - Kim Thị Thu Phương

2 Tập bài giảng hệ quản trị cơ sở dữ liệu PHP - Trần Quang

3 Lập trình ứng dụng Web với PHP – Khuất Thùy Dương

4 www.google.com.vn

Với từ khóa “ hệ quản trị cơ sở dữ liệu ; giáo trình lập trình web php mySQL ;….”

K 33103244 Tin 4C - BT35