TRƯỜNG CAO ĐẲNG KINH TẾ KẾ HOẠCH KHOA TIN HỌC NGOẠI NGỮ BÁO CÁO ĐỒ ÁN MÔN HỌC WEBSITE THƯƠNG MẠI Tên đồ án: XÂY DỰNG WEBSITE BÁN GIẤY PHOTOCOPY Giáo viên hướng dẫn: Nguyễn Văn Mùi Sinh viên thực hiện: Trần Duy Thiện Mã số sinh viên: 211183404222 Lớp: CNTT1-22 ĐÀ NẴNG, 202 Mục lục LỜI NÓI ĐẦU.1 Mô hình MVC.2 Ngôn ngữ lập trình PHP.3 HTML, CSS và Javascript.4 Yêu cầu với hệ thống:. PHÂN TÍCH HIỆN TRẠNG.1 YÊU CẦU HỆ THỐNG.1 Đặc tả chức năng.1 Chức năng dành cho khách hàng.2 Dành cho quản trị.2 Đặc tả các thực thể. THIẾT KẾ HỆ THỐNG.1 MÔ HÌNH TRIỂN KHAI.1 Thiết kế giao diện.2 Thiết kế CSDL.1 ERD Diagram level.3 Thiết kế chi tiết các thực thể.6 Loại sản phẩm.7 Người dùng.3 GIAO DIỆN WEBSITE. Thiết kế phần quản trị.1 Cấu trúc chung (layout):.3 Trang quản lý tài khoản (database nguoidung) :.4 Trang quản lý sản phẩm (database sanpham) :.5 Trang quản loại sản phẩm(Database loaisanpham) :.6 Trang xét duyệt Hóa đơn(Database hoadon) :.7 Trang quản lý Danh mục sản phẩm (DMsanpham) :.8 Trang quản lý Banner (banner) :.9 Trang quản lý khuyến mãi (khuyenmai).10 Trang tổng hợp thống kê hàng hóa :.3 Thiết kế phần khách hàng.1 Cấu trúc chung (layout):.3 Trang sản phẩm:.4 Trang chi tiết sản phẩm:.6 Trang đăng nhập:.7 Trang quên mật khẩu (đang phát triển).8 Trang cập nhật tài khoản:.9 Trang giỏ hàng:.10 Trang Đặt hàng:.11 Trang xác nhận đơn hàng:.
THỰC HIỆN DỰ ÁN. 54 DANH MỤC TÀI LIỆU THAM KHẢO.55 4 LỜI NÓI ĐẦU Chúng ta đang sống trong thế giới mà công nghệ thông tin và truyền thông đóng vai trò hết sức quan trọng, nó ngày càng trở nên phổ biến và có ảnh hưởng sâu sắc đến cuộc sống của mỗi người. Sự xuất hiên của mạng máy tính là một dấu mốc trong lịch sử phát triển của loài người, mạng máy tính hỗ trợ cho chúng ta rất nhiều trong cuộc sống, nhờ có mạng máy tính thông tin được truyền đi một cách nhanh chóng làm cho con người ở khắp mọi nơi trên thế giới có thể giao lưu hợp tác trao đổi thông tin với nhau thuận tiện hơn rất nhiều. Giờ đây, mọi việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng: chỉ cần có một máy tính kết nối Iinternet và một dòng dữ liệu truy tìm thì lập tức… cả thế giới về vấn đề mà bạn đang đề cập sẽ hiện ra có đầy đủ thông tin, hình ảnh và thậm chí cả âm thanh.
Hiện nay bán hàng trực tuyến đã rất phổ biến, có rất nhiều website bán hàng online đáp ứng cho nhu cầu của người mua. Không thể phủ nhận sự tiện lợi, nhanh chóng thuận tiện của nó. Vì vậy em đã chọn đề tài “Xây dựng website bán vật liệu xây dựng”. Trang web bán vật liệu xây dựng Long Phát đảm bảo các sản phẩm tốt, chất lượng, uy tín, đảm bảo, thái độ phục vụ tốt, nguồn cung cấp uy tín và ổn định.
Đảm bảo các sản phẩm tốt nhất và bền bỉ nhất trên thị trường với chế độ ưu đãi khách hàng hợp lý. Với những chế độ đó sẽ mang lại cho khách hàng một sự hài lòng nhất khi đến với cửa hàng bán vật liệu xây dựng long phát. Tuy đã cố gắng song không thể tránh khỏi những thiếu sót. Rất mong được sự thông cảm và góp ý của thầy, cô và các bạn.
Em xin chân thành cảm ơn.1 Mô hình MVC Mô hình MVC (Model-View-Controller) là một mô hình thiết kế phần mềm phổ biến trong phát triển ứng dụng web, giúp tổ chức mã nguồn một cách có tổ chức và linh hoạt. Trong mô hình này, ba thành phần chính bao gồm Model, View, và Controller, mỗi thành phần đảm nhận một vai trò cụ thể trong quá trình phát triển và thực thi ứng dụng. Model đại diện cho dữ liệu và logic xử lý liên quan đến dữ liệu. Nó lưu trữ thông tin, thực hiện các thao tác như truy vấn cơ sở dữ liệu và xử lý logic kinh doanh.
Quan trọng nhất, Model không biết gì về cách dữ liệu được hiển thị hoặc tương tác với người dùng. View chịu trách nhiệm hiển thị dữ liệu cho người dùng và gửi các sự kiện người dùng đến Controller. Nó đảm bảo rằng giao diện người dùng được cập nhật khi dữ liệu trong Model thay đổi, nhưng không chứa bất kỳ logic kinh doanh nào. Controller là thành phần điều khiển, nhận các sự kiện từ người dùng thông qua View và quyết định cách xử lý chúng.
Controller tương tác với Model để thay đổi dữ liệu và cập nhật View để hiển thị thông tin mới cho người dùng. Controller không chứa logic kinh doanh nặng nề, thay vào đó, nó chỉ định luồng điều khiển. Quy trình hoạt động của mô hình này bắt đầu khi người dùng tương tác với giao diện người dùng. View thông báo cho Controller về các sự kiện người dùng, sau đó Controller xử lý sự kiện, tương tác với Model, và cập nhật View.
Quy trình này giúp tách biệt logic và dữ liệu, làm cho mã nguồn dễ bảo trì, quản lý và tái sử dụng. Với ưu điểm là sự tách biệt rõ ràng giữa các thành phần, khả năng mở rộng dự án và tính tái sử dụng mã nguồn, mô hình MVC đã trở thành một trong những mô hình phát triển phổ biến và được sử dụng rộng rãi trong nhiều framework phát triển web hàng đầu.2 Ngôn ngữ lập trình PHP PHP, viết tắt của "Hypertext Preprocessor," là một ngôn ngữ lập trình phổ biến được sử dụng chủ yếu để phát triển ứng dụng web động và xử lý dữ liệu trên máy chủ. Được tạo ra ban đầu để tạo ra các trang web động, PHP ngày nay đã phát triển thành một ngôn ngữ mạnh mẽ và linh hoạt, có thể tích hợp vào nhiều loại dự án phần mềm. PHP chủ yếu chạy trên máy chủ web, và nó tương tác chặt chẽ với cơ sở dữ liệu, tạo ra nội dung động, xử lý biểu mẫu, và thực hiện nhiều tác vụ khác liên quan đến phát triển web.
Ngôn ngữ này hỗ trợ nhiều hệ quản trị cơ sở dữ liệu (Hệ quản trị cơ sở dữ liệu) phổ biến như MySQL, PostgreSQL và SQLite, giúp kết nối và quản lý 6 dữ liệu một cách hiệu quả. PHP được tích hợp trực tiếp vào mã nguồn HTML, tạo ra một cú pháp dễ đọc và dễ hiểu cho phép nhúng mã PHP trực tiếp vào mã HTML. Điều này giúp phát triển web trở nên linh hoạt và thuận tiện hơn, đồng thời cung cấp khả năng tái sử dụng mã nguồn và quản lý dự án dễ dàng. Với cộng đồng lớn và tính mở rộng cao, PHP đã trở thành một trong những lựa chọn phổ biến cho các dự án web trên toàn thế giới.
Nó hỗ trợ nhiều framework phát triển web như Laravel, Symfony và CodeIgniter, cung cấp cơ sở hạ tầng cho việc xây dựng các ứng dụng web mạnh mẽ và linh hoạt.3 HTML, CSS và Javascript 1.1 HTML HTML là chữ viết tắt của Hypertext Markup Language. Nó giúp người dùng tạo và cấu trúc các thành phần trong trang web hoặc ứng dụng, phân chia các đoạn văn, heading, links, blockquotes, vâng vâng. HTML không phải là ngôn ngữ lập trình, đồng nghĩa với việc nó không thể tạo ra các chức năng “động” được. Nó chỉ giống như Microsoft Word, dùng để bố cục và định dạng trang web.
Khi làm việc với HTML, chúng ta sẽ sử dụng cấu trúc code đơn giản (tags và attributes) để đánh dấu lên trang web. Ví dụ, chúng ta có thể tạo một đoạn văn bằng cách đặt văn bản vào trong cặp tag mở và đóng văn bản <p> và </p> Tổng quan, HTML là ngôn ngữ markup, nó rất trực tiếp dễ hiểu, dễ học, và tất cả mọi người mới đều có thể bắt đầu học nó để xây dựng website.2 CSS CSS (là chữ viết tắt của Cascading Style Sheets) là một loại ngôn ngữ lập trình được sử dụng phổ biến để có thể tìm và thực hiện định dạng lại cho những phần tử được tạo ra bởi các ngôn ngữ đánh dấu. Bạn có thể hiểu đơn giản như sau: Trong một website, nếu HTML giữ vai trò trong việc định dạng các ngôn ngữ phần tử nằm trên website với các chức năng như: tạo ra các đoạn văn bản, các tiêu đề, bảng…. thì CSS sẽ giúp cho website có thêm một chút mới mẻ, phong cách và chuyên nghiệp hơn vào những phần tử HTML được tạo ra đó.
Các tùy chỉnh có thể gồm: màu sắc trang, cách đổi màu chữ, cách thay đổi cấu trúc… CSS được đề xuất ra đời bởi lập trình viên Harkon Wium Lie và được sản xuất chính thức vào năm 1996. 7 Theo các chuyên gia, CSS ra đời với lý do như sau: Bởi vì hầu hết các ngôn ngữ được đánh dấu như: HTML hầu như không được thiết kế gắn tag để có thể định dạng trang web mà bạn chỉ có thể sử dụng nó để đánh dấu lên hệ thống website.3 Javascript JavaScript là một ngôn ngữ lập trình thông dụng được sử dụng chủ yếu trong phát triển web để tạo ra các trang web tương tác và động. Được phát triển ban đầu bởi Netscape, JavaScript ngày nay đã trở thành một phần quan trọng của môi trường trình duyệt web, cho phép các nhà phát triển tạo ra trải nghiệm người dùng đa dạng và phong phú. JavaScript thường được tích hợp trực tiếp vào mã nguồn HTML của trang web, giúp thay đổi nội dung và hành vi của trang mà không cần tải lại trang.
Nó thường được sử dụng để thực hiện các chức năng như xử lý sự kiện người dùng, kiểm tra và thao tác dữ liệu, tương tác với API (Interface Lập trình ứng dụng), và thậm chí là tạo ra các trò chơi trực tuyến và ứng dụng web phức tạp. JavaScript là một ngôn ngữ dựa trên sự kiện và không đồng bộ, giúp tăng cường trải nghiệm người dùng bằng cách làm cho các trang web trở nên nhanh chóng và phản ứng. Nó hỗ trợ nhiều thư viện và framework nổi tiếng như jQuery, React, và Vue.js, giúp nhà phát triển xây dựng ứng dụng web một cách hiệu quả và dễ dàng bảo trì. Với khả năng chạy trên nhiều nền tảng khác nhau và tích hợp mạnh mẽ với HTML và CSS, JavaScript đã trở thành một công cụ mạnh mẽ trong trường lĩnh phát triển web và ngày càng mở rộng ứng dụng của mình vào nhiều lĩnh vực khác nhau trong lập trình ứng dụng.4 MySQL MySQL là một hệ quản trị cơ sở dữ liệu (Hệ quản trị cơ sở dữ liệu - DBMS) mã nguồn mở phổ biến được sử dụng rộng rãi trong phát triển ứng dụng web và nhiều loại dự án khác.
Được tạo ra và duy trì bởi MySQL, sau đó được Sun Microsystems mua lại và hiện nay là một phần của Oracle Corporation, MySQL đã trở thành một công cụ quan trọng trong việc lưu trữ và quản lý dữ liệu.