Xây dựng website bán điện thoại

Về lý thuyết- Tìm hiểu phần mềm StarUML để phân tích và thiết kế hệ thống Trang 12 o Tìm kiếm thông tin sản phẩm, khách hàng, hóa đơno Cập nhật thông tin sản phẩm, khách hàng, hóa đơno

CƠ SỞ LÝ THUYẾT

Ngôn ngữ lập trình PHP

PHP là viết tắt của từ “PHP: Hypertext Preprocessor”, đây là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, mục tiêu chính của ngôn ngữ là cho phép các nhà phát triển viết ra các trang web động một cách nhanh chóng Nó rất phù hợp để phát triển web và có thể dễ dàng nhúng vào các trang HTML Do được tối ưu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến nhất thế giới.

2 Lịch sử hình thành và phát triển

PHP được phát triển từ một sản phẩm có tên là PHP/FI do Rasmus Lerdorf tạo ra năm

1994, ban đầu được xem như là một tập con đơn giản của các mã kịch bản Perl để theo dõi tình hình truy cập đến bản sơ yếu lý lịch của ông trên mạng Vào tháng 11 năm 1997, PHP/FI 2.0 được chính thức công bố, sau một thời gian khá dài chỉ được công bố dưới dạng các bản beta Nhưng không lâu sau đó, nó đã được thay thế bởi các bản alpha đầu tiên của PHP 3.0 – phiên bản đầu tiên cho chúng ta thấy một hình ảnh gần gũi với các phiên bản PHP mà chúng ta được biết ngày nay.

PHP 3.0 đã chính thức được công bố vào tháng 6 năm 1998, sau thời gian 9 tháng được cộng đồng kiểm nghiệm PHP 3.0 đã được Andi Gutmans và Zeev Suraski tạo ra sau khi viết lại hoàn toàn bộ mã nguồn trước đó Lý do chính mà họ đã tạo ra phiên bản này là do họ nhận thấy PHP/FI 2.0 hết sức yếu kém trong việc phát triển các ứng dụng thương mại điện tử mà họ đang xúc tiến trong một dự án của trường đại học Một trong những sức mạnh lớn nhất của PHP

3.0 là các tính năng mở rộng mạnh mẽ của nó Ngoài khả năng cung cấp cho người dùng cuối một cơ sở hạ tầng chặt chẽ dùng cho nhiều cơ sở dữ liệu, giao thức và API khác nhau, các tính năng mở rộng của PHP 3.0 đã thu hút rất nhiều nhà phát triển tham gia và đề xuất các mô đun mở rộng mới.

Tháng 5 năm 2000, gần 2 năm sau khi bản PHP 3.0 ra đời, phiên bản PHP 4.0 chính thức được công bố Ngoài tốc độ xử lý được cải thiện rất nhiều, PHP 4.0 đem đến các tính năng chủ yếu khác gồm có sự hỗ trợ nhiều máy chủ Web hơn, hỗ trợ phiên làm việc HTTP, tạo bộ đệm thông tin đầu ra, nhiều cách xử lý thông tin người sử dụng nhập vào bảo mật hơn và cung cấp một vài các cấu trúc ngôn ngữ mới Với PHP 4, số nhà phát triển dùng PHP đã lên đến hàng trăm nghìn và hàng triệu site đã công bố cài đặt PHP, chiếm khoảng 20% số tên miền trên mạng Internet.

Sau sự thành công của PHP 4.0, ngày 13 tháng 7 năm 2004 PHP 5.0 chính thức ra mắt sau một thời gian khá dài tung ra các bản kiểm tra thử bao gồm Beta, RC Mặc dù coi đây là phiên bản sản xuất đầu tiên nhưng PHP 5.0 vẫn còn một số lỗi trong đó đáng kể là lỗi xác thực HTTP Ngày 14 tháng 7 năm 2005, PHP 5.1 Beta 3 được PHP Team công bố đánh dấu sự chín muồi mới của PHP với sự có mặt của PDO, một nỗ lực trong việc tạo ra một hệ thốngAPI nhất quán trong việc truy cập cơ sở dữ liệu và thực hiện các câu truy vấn Ngoài ra, trongPHP 5.1, các nhà phát triển PHP tiếp tục có những cải tiến trong nhân Zend Engine 2, nâng cấp mô đun PCRE lên bản PCRE 5.0 cùng những tính năng và cải tiến mới trong SOAP, streams và SPL. Hiện nay phiên bản tiếp theo của PHP đang được phát triển, Phiên bản PHP 6 được kỳ vọng sẽ lấp đầy những khiếm khuyết của PHP ở phiên bản hiện tại, như là: hỗ trợ namespace, hỗ trợ Unicode, sử dụng PDO làm API chuẩn cho việc truy cập cơ sở dữ liệu, các API cũ sẽ bị đưa ra thành thư viện PECL Phiên bản 6 này chỉ dùng ở việc nghiên cứu và thử nghiệm. PHP 7 với việc sử dụng bộ nhân Zend Engine mới PHPNG cho tốc độ nhanh gấp 2 lần Ngoài ra ở phiên bản này còn thêm vào rất nhiều cú pháp, tính năng mới giúp cho PHP trở nên mạnh mẽ hơn Những tính năng mới quan trọng có thể kể đến như: khai báo kiểu dữ liệu cho biến, xác định kiểu dữ liệu sẽ trả về cho 1 hàm, thêm các toán tử mới

PHP là ngôn ngữ mã nguồn mỡ, có thể chạy được trên cả Apache và IIS do đó so với ASP.NET thì nó phổ biến nhiều hơn, điều đó được minh chứng bằng số lượng các website được thiết kế bằng ngôn ngữ PHP hiện nay Cấu trúc PHP cực kỳ đơn giản, vậy nên bạn sẽ không mất nhiều thời gian để có thể học được Một khi đã làm chủ được HTML và C, bạn hoàn toàn có thể làm chủ được ngôn ngữ lập trình này.

Thư viện của PHP vô cùng phong phú, hệ thống CMS miễn phí dùng tương đối nhiều, cũng như được cộng đồng hỗ trợ một cách vô cùng mạnh mẽ Vậy nên bạn có thể dễ dàng tìm nguồn tài liệu mình cần cũng như có thể nhận được sự hỗ trợ một cách nhanh nhất.

Do chạy được trên máy chủ Apache và thường đi cặp cùng với hệ quản trị cơ sở dữ liệu MySQL nên việc cài đặt môi trường phát triển vô cùng đơn giản, thông qua một bộ cài đặt duy nhất như là: XAMPP trên windows và linux, MAMP trên MacOS

Hình 1.1 Top các ngôn ngữ phổ biến 01/2018 – chỉ số PYPL

Framework Laravel

Laravel ra mắt vào cuối tháng 04-2011 nhưng đã gây được sự chú ý lớn đối với cộng đồng PHP framework Laravel được tạo ra bởi Taylor Otwell Nó là 1 framework khá mới mẻ nhưng bù lại nó có “hướng dẫn sử dụng” ( Document ) khá đầy đủ, rõ ràng và dễ hiểu và nhiều ưu điểm hấp dẫn Nếu bạn đã từng làm việc với các framework khác hoặc chỉ là người mới bắt đầu tìm hiểu php framework thì việc tiếp cận laravel framework không phải là vấn đề khó khăn gì Laravel Framework vẫn sử dụng cấu trúc MVC và trên nền tảng lập trình hướng đối tượng OOP đồng thời kế thừa được sức mạnh của các đàn anh và đem đến những tính năng mới của PHP

Nhưng cũng chính vì ra đời muộn màng như thế đã buộc nó phải học hỏi cái hay từ các PHP Framework đàn anh đi trước, khắc phục những thiếu xót của các framework khác như symfony (laravel dùng thư viện của symfony) và đặc biệt là CI Không những học hỏi từ các PHP Framework, nó còn học cái hay từ Ruby on Rails, ASP.NET MVC, và Sinatra.

Vào khoảng Tháng 3 năm 2015, các lập trình viên đã có một cuộc bình chọn PHP framework phổ biến nhất, Laravel đã giành vị trí quán quân cho PHP framework phổ biến nhất năm 2015, theo sau lần lượt là Symfony2, Nette, CodeIgniter, Yii2 vào một số khác. Trước đó, Tháng 8 năm 2014, Laravel đã trở thành project PHP phổ biến nhất và được theo dõi nhiều nhất trên Github Laravel được phát hành theo giấy phép MIT, với source code được lưu trữ tại Github.

2 Lịch sử hình thành và phát triển

Bản phát hành beta đầu tiên của Laravel được phát hành vào ngày 9 tháng 6 năm 2011, tiếp theo là bản phát hành Laravel 1 sau đó trong cùng một tháng Laravel 1 bao gồm hỗ trợ tích hợp cho xác thực, bản địa hóa (localisation), models, views, sessions, định tuyến (routing) và các cơ chế khác, nhưng thiếu hỗ trợ cho các bộ điều khiển (controller) ngăn cản nó trở thành một MVC framework thực sự.

Laravel 2 được phát hành vào tháng 9 năm 2011, mang lại nhiều cải tiến khác nhau từ tác giả và cộng đồng Các tính năng chính mới bao gồm sự hỗ trợ cho các bộ điều khiển (controller), nó đã làm cho Laravel 2 trở thành một framework tuân thủ đầy đủ MVC, hỗ trợ sẵn cho nguyên lý điều khiển (IoC) và một hệ thống templating gọi là Blade Nhược điểm, hỗ trợ cho các gói của bên thứ ba (third-party packages) đã được gỡ bỏ trong Laravel 2.

Laravel 3 được phát hành vào tháng 2 năm 2012 với một loạt các tính năng mới bao gồm giao diện dòng lệnh – command-line interface (CLI) có tên Artisan, hỗ trợ sẵn cho nhiều hệ thống quản lý cơ sở dữ liệu, database migrations, hỗ trợ xử lý events và hệ thống đóng gói được gọi là Bundles Kể từ bước nhảy vọt ở phiên bản này, ta chứng kiến sự gia tăng người dùng (developer) và mức độ phổ biến của Laravel tăng chóng mặt.

Laravel 4, được đặt tên là Illuminate , được phát hành vào tháng 5 năm 2013 Nó được viết thành một khung hoàn chỉnh của Laravel framework, di chuyển bố cục của nó thành một tập các gói riêng biệt được phân phối thông qua Composer, phục vụ như một trình quản lý gói ứng dụng Cách bố trí như vậy đã cải thiện khả năng mở rộng của Laravel 4 Các tính năng mới khác trong bản phát hành Laravel 4 bao gồm database seeding, hỗ trợ hàng đợi (queue) tin nhắn, hỗ trợ cho việc gửi các loại email khác nhau và hỗ trợ xóa các bản ghi cơ sở dữ liệu dạng SoftDelete (không xóa hẳn khỏi database).

Laravel 5 được phát hành vào tháng 2 năm 2015 là kết quả của những thay đổi nội bộ đã kết thúc trong việc thay đổi bản phát hành Laravel 4.3 trong tương lai Các tính năng mới trong bản phát hành Laravel 5 bao gồm hỗ trợ lập kế hoạch (scheduling) các tác vụ được thực hiện định kỳ thông qua gói có tên Scheduler, một lớp trừu tượng (abstraction layer) có tên Flysystem cho phép lưu trữ từ xa cách dùng tương tự như trên local, cải thiện việc xử lý tài sản gói thông qua Elixir (giờ đổi tên thành Laravel Mix), hỗ trợ xác thực bên thứ 3 đơn giản thông qua gói Laravel 5 cũng giới thiệu cấu trúc cây thư mục mới cho các ứng dụng đã phát triển Vừa qua, ngày 3 tháng 9 năm 2019 Laravel đã phát hành chính thức phiên bản 6 với nhiều tính năng cải tiến so với phiên bản 5.

Tốc độ xử lý nhanh: Sự ra đời của Laravel như một luồng gió mới thổi vào cộng đồng framework PHP Nền tảng này có thể hỗ trợ tạo nên các trang web lớn, dự án lớn Rất nhiều công ty công nghệ đã sử dụng nền tảng để phát triển các sản phẩm cho công ty của họ.

Dễ dàng sử dụng: Một trong những lý do khiến Laravel nhanh chóng được cộng đồng người dùng đón nhận và sử dụng nhiều là do nó rất dễ để có thể sử dụng Ngay cả khi bạn chỉ mới chỉ có những kiến thức cơ bản nhất về lập trình web với PHP, thì chỉ mất vài giờ là bạn có thể bắt tay vào việc làm một project nhỏ với Laravel.

Mã nguồn mở: Laravel framework được xây dựng với mã nguồn mỡ và hoàn toàn miễn phí Do đó, bạn không cần phải quan tâm đến việc trả thêm phí khi mở rộng ứng dụng hay trang web của mình Mỗi lần nền tảng này được cập nhật, bạn lại có cơ hội khám phá thêm nhiều tính năng độc đáo và ứng dụng vào các sản phẩm công nghệ mà mình đang triển khai. Được xây dựng theo đúng chuẩn WVC: WVC là tiêu chuẩn thiết kế web, bất kì website nào được đánh giá theo đúng chuẩn này thì đều sẽ hoạt động tốt và ít nhiều mang lại những hiệu quả thực sự dành cho công ty, đơn vị sở hữu nó.

Mô hình MVC: là một kiến trúc phần mềm hay mô hình thiết kế được sử dụng trong kỹ thuật phần mềm Nó giúp cho các developer tách ứng dụng của họ ra 3 thành phần khác nhau Model, View và Controller Mỗi thành phần có một nhiệm vụ riêng biệt và độc lập với các thành phần khác Với tiêu chuẩn này, các cấu trúc và cách tổ chức code trong dự án của bạn sẽ được sắp xếp một cách hợp lý dễ dàng cho việc duy trì cũng như phát triển về lâu dài. Tích hợp sẵn nhiều tính năng: Bản thân Laravel đã cung cấp cho người dùng rất nhiều các nhóm tính năng giúp quá trình phát triển trở nên nhanh chóng hơn rất nhiều lần.

Module đa dạng: Laravel được xây dựng dựa trên hơn 20 thư viện khác nhau Hiểu được cách thiết kế framework khiến các lập trình hoàn toàn có thể đóng góp cho framework cũng như mở rộng chúng một cách dễ dàng.

Tính bảo mật cao: Để giúp lập trình viên có thể tối đa thời gian tập trung vào việc phát triển các tính năng mình cần, Laravel đã cung cấp sẵn cho người dùng các tính năng bảo mật cơ bản như: ORM của Laravel sử dụng PDO thay vì mysqli để chống lại tấn công SQL Injection, Laravel sử dụng một field token ẩn để chống lại tấn công kiểu CSRF, Các biến được đưa ra view mặc định đều được Laravel escape để tránh tấn công XSS Do đó, khi thiết kế web với Laravel, bạn không cần quá lo lắng về khả năng bảo mật hay mất nhiều thời gian để cài đặt hay tối ưu thêm cho tính năng này Tất cả đã có sẵn với Laravel.

Cộng đồng người dùng rộng lớn: Như nhiều nền tảng mã nguồn mở khác, LaravelFramwork cũng có cộng đồng người dùng rộng rãi và sẵn sàng hỗ trợ bạn trong quá trình thiết lập và vận hành dự án Đặc biệt việc fix bug hay tìm lỗi trở nên nhanh chóng, dễ dàng và tiết kiệm thời gian hơn rất nhiều.

HTML, CSS và JavaScript

HTML là chữ viết tắt cho “HyperText Markup Language”, hay là "Ngôn ngữ Đánh dấu Siêu văn bản" là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web với các mẩu thông tin được trình bày trên World Wide Web Cùng với CSS và JavaScriptt, HTML tạo ra bộ ba nền tảng kỹ thuật cho World Wide Web HTML được định nghĩa như là một ứng dụng đơn giản của SGML và được sử dụng trong các tổ chức cần đến các yêu cầu xuất bản phức tạp HTML đã trở thành một chuẩn Internet do tổ chức World Wide Web Consortium (W3C) duy trì.

HTML được sáng tạo bởi Tim Berners-Lee, nhà vật lý học của trung tâm nghiên cứu CERN ở Thụy Sĩ Anh ta đã nghĩ ra được ý tưởng cho hệ thống hypertext trên nền Internet. Anh xuất bản phiên bản đầu tiên của HTML trong năm 1991 bao gồm 18 tag HTML Từ đó, mỗi phiên bản mới của HTML đều có thêm tag mới và attributes mới Nâng cấp mới nhất gần đây là vào năm 2014, khi ra mắt chuẩn HTML5.

CSS là chữ viết tắt cho “Cascading Style Sheets”, được sử dụng để mô tả giao diện và định dạng của một tài liệu viết bằng ngôn ngữ đánh dấu (markup) Nó cung cấp một tính năng bổ sung cho HTML Nó thường được sử dụng với HTML để thay đổi style của trang web và giao diện người dùng Nó cũng có thể được sử dụng với bất kỳ loại tài liệu XML nào bao gồm cả XML đơn giản, SVG và XUL.

CSS được phát triển bởi W3C (World Wide Web Consortium) vào năm 1996, nhằm mục đích: Hạn chế tối thiểu việc làm rối mã HTML của trang Web bằng các thẻ quy định kiểu dáng khiến mã nguồn của trang Web được gọn gàng hơn, tách nội dung của trang Web và định dạng hiển thị, dễ dàng cho việc cập nhật nội dung; Tạo ra các kiểu dáng có thể áp dụng cho nhiều trang Web, giúp tránh phải lặp lại việc định dạng cho các trang Web giống nhau. Giống như HTML, CSS không thực sự là một ngôn ngữ lập trình mà là một ngôn ngữ định kiểu – style Điều này có nghĩa là nó cho phép bạn áp dụng kiểu có chọn lọc cho các phần tử trong tài liệu HTML.

JavaScriptt là một ngôn ngữ lập trình kịch bản đa nền tảng (cross-platform), hướng đối tượng Nó chủ yếu được sử dụng để tăng cường cung cấp trải nghiệm thân thiện hơn với người dùng website như là bao gồm các trang web cập nhật tự động, cải tiến giao diện người dùng như menu và hộp thoại, hình động, đồ họa 2D và 3D, bản đồ tương tác, trình phát video JavaScriptt là một ngôn ngữ nhỏ và nhẹ, chạy trong môi trường máy chủ lưu trữ (trình duyệt web) Nó có thể được kết nối với các đối tượng của môi trường để cung cấp kiểm soát chương trình đối với chúng.

JavaScriptt được phát triển bởi Brendan Eich tại Hãng truyền thông Netscape với cái tên đầu tiên Mocha, rồi sau đó đổi tên thành LiveScript, và cuối cùng thành JavaScriptt Giống Java, JavaScriptt có cú pháp tương tự C, nhưng nó gần với Self hơn Java Hiện nay phiên bản mới nhất của JavaScriptt là ECMAScript 7 với nhiều cải tiến vượt bậc so với phiên bản tiền nhiệm.

JavaScriptt là ngôn ngữ kịch bản phía máy khách (client-side) duy nhất Do đó, nó được sử dụng trên hầu hết các trang web mà bạn nhìn thấy trên internet Tuy nhiên cú pháp của nó vô cùng lộn xộn và khó làm chủ, do đó Jquery – một thư viện của JavaScriptt ra đời nhằm giúp lập trình viên xây dựng những chức năng có sử dụng JavaScriptt trở nên dễ dàng hơn như: đơn giản hóa việc duyệt tài liệu HTML, xử lý sự kiện, hoạt ảnh và tương tác Ajax để phát triển web nhanh chóng jQuery là một bộ công cụ JavaScriptt gọn nhẹ nhưng đầy mạnh mẽ, được chứng minh qua hơn 90% các website trên thế giới sử dụng (trừ các website chạy bằng JavaScriptt Framework).

MÔI TRƯỜNG PHÁT TRIỂN ỨNG DỤNG

MySQL là hệ quản trị cơ sở dữ liệu tự do nguồn mở phổ biến nhất thế giới và được các nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng, đặc biệt là các ứng dụng website và nó thường đi kết hợp với ngôn ngữ lập trình PHP để xây dựng các ứng dụng website MySQL được các hệ thống web ưa chuộng là vì tốc độ xử lý cao, dễ sử dụng, ổn định, và tương thích với các hệ điều hành thông dụng hiện nay như Linux, Window, Mac OS

Apache và MySQL là hai yếu tố cần thiết cấu thành nên môi trường phát triển ứng dụng web bằng ngôn ngữ PHP Do đó XAMPP ra đời nhằm mục đích kết hợp tất cả các yếu tố cấu thành WebServer trong một chương trình.

XAMPP là chương trình tạo máy chủ Web (Web Server) được tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server và các công cụ như phpMyAdmin XAMPP có chương trình quản lý khá tiện lợi, cho phép chủ động bật tắt hoặc khởi động lại các dịch vụ máy chủ bất kỳ lúc nào Nhìn chung XAMPP được xem là một bộ công cụ hoàn chỉnh dành cho lập trình viên PHP trong việc thiết lập và phát triển các website.

Apache là một phần mềm mã nguồn mở miễn phí được cài đặt trên các máy chủ web server (phần cứng) để xử lý các yêu cầu gửi tới máy chủ dưới giao thức HTTP Tên chính thức của Apache là Apache HTTP Server, được điều hành và phát triển bởi Apache Software Foundation Apache là một trong số những web server lâu đời và đáng tin cậy nhất, phiên bản đầu tiên đã được ra mắt từ hơn 20 năm trước, tận những năm 1995.

Apache WebServer phân tích các yêu cầu từ trình duyệt, sau đó xử lý yêu cầu với các file ngôn ngữ lập trình như là PHP, Python, Java, thành file HTML và trả về cho người dùng web trên trình duyệt để hiển thị.

PHÂN TÍCH HỆ THỐNG

Sơ đồ use case

1 Use Case tổng quát hệ thống

Hình 3.1.1.1 Use case tổng quát hệ thống

2 Phác thảo giao diện trang chủ

Hình 3.1.2.1 Phác thảo giao diện trang chủ

Đặc tả use case

Hình 3.2.1.1 Use case đăng kí

- Tác nhân: Khách vãng lai

- Chức năng: Cho phép khách hàng vãng lai có thể đăng kí tài khoản để đăng nhập vào hệ thống Khi khách hàng điền đầy đủ thông tin đăng kí, hệ thống sẽ gửi một email để người dùng có thể kích hoạt tài khoản Trong trường hợp khách hàng không muốn đăng kí qua tài khoản, hệ thống sẽ giúp người dùng đăng kí qua tài khoản qua Google hoặc Facebook một cách nhanh chóng.

- Đầu vào:Khi khách hàng chưa có tài khoản trên hệ thống chọn chức năng đăng kí

- Xử lý: o Bước 1: Người dùng chọn chức năng đăng kí o Bước 2: Người dùng nhập đầy đủ thông tin vào form đăng kí o Bước 3: Người dùng xác nhận tài khoản tại email của mình o Bước 4: Chờ thông báo thành công từ hệ thống và đăng nhập

- Đầu ra: Người dùng đăng kí thành công hoặc hủy đăng kí

Hình 3.2.1.2 Phác thảo giao diện đăng kí

Hình 3.2.2.1 Use case đăng kí

- Tác nhân: Khách hàng, Quản trị viên

- Chức năng: Cho phép người dùng đã có tài khoản và đã được kích hoạt hoặc người quản trị đăng nhập vào hệ thống Khi điền đầy đủ và chính xác thông tin đăng nhập hệ thống sẽ chuyển hướng đến trang chủ nếu là người dùng và đến trang quản trị nếu là quản trị viên.

- Đầu vào: Khi người dùng đã có tài khoản và chọn chức năng đăngn nhập

- Xử lý: o Bước 1: Người dùng hoặc quản trị viên chọn chức năng đăng nhập o Bước 2: Hệ thống kiểm tra thông tin của form nếu là người dùng thì chuyển đến trang chủ còn quản trị viên thì đến trang quản trị

- Đầu ra: Người dùng hoặc quản trị viên đăng nhập thành công hoặc hủy đăng nhập.

- Use case liên quan: use case đăng kí

Hình 3.2.2.2 Phác thảo giao diện đăng nhập

3 Use case quên mật khẩu

Hình 3.2.3.1 Use case quên mật khẩu

- Tác nhân: Khách vãng lai

- Chức năng: Khi người dùng có tài khoản nhưng không nhớ mật khẩu đăng nhập chọn quên mật khẩu Người dùng nhập thông tin về tài khoản của mình nếu sai thì người dùng phải nhập lại còn nêu đúng thì hệ thống sẽ gửi email kích hoạt đến email đến người dùng để người dùng thay đổi mật khẩu

- Đầu vào:Người dùng đã có tài khoản nhưng quên mật khẩu

- Xử lý o Bước 1: Người dùng quên mật khẩu chọn chức năng quên mật khẩu o Bước 2: Người dùng nhập địa chỉ email tài khoản của mình o Bước 3: Hệ thống sẽ kiểm tra email Nếu đúng sẽ gửi thông tin thay đổi mật khẩu qua email, nếu sai người dùng phải nhập lại địa chỉ email của mình o Bước 4: Người dùng vào địa chỉ email của mình nhấn xác nhận và hệ thống sẽ chuyển đến trang thay đổi mật khẩu

- Đầu ra: Người dùng thay đổi mật khẩu thành công hoặc hủy lấy lại mật khẩu

- Use case liên quan: use case đăng nhập

Hình 3.2.3.2 Phác thảo giao diện quên mật khẩu

4 Use case thay đổi thông tin người dùng

Hình 3.2.4.1 Use case thay đổi thông tin tài khoản

- Tác nhân: Người dùng đã đăng nhập

- Chức năng: Khi người dùng muốn thay đổi lại thông tin cá nhân của mình.

- Đầu vào: Khi người dùng đã đăng nhập và truy cập vào trang thay đổi thông tin tài khoản.

- Xử lý o Bước 1: Người dùng đăng nhập và chọn chức năng thay đổi thông tin o Bước 2: Người dùng nhập lại thông tin của mình o Bước 3: Hệ thống sẽ thay đổi thông tin của người dùng

- Đầu ra: Thông tin tài khoản mới của người dùng đó

Hình 3.2.4.2 Phác thảo giao diện thay đổi thông tin tài khoản

Hình 3.2.5.1 Use case Tìm kiếm

- Tác nhân: Cho tất cả người dùng

- Chức năng: Khi người dùng muốn tìm kiếm sản phẩm gì trên website

- Đầu vào: Người dùng nhập thông tin trên thanh tìm kiếm

- Xử lý o Bước 1: Người dùng nhập thông tin trên thanh tìm kiếm o Bước 2: Hệ thống lấy dữ liệu của người dùng và so sánh trong database hệ thống và đưa ra danh sách tìm kiếm

- Đầu ra: Kết quả tìm kiếm

6 Use case đánh giá và bình luận

Hình 3.2.6.1 Use case đánh giá và bình luận

- Tác nhân: Cho người dùng đã đăng nhập

- Chức năng: Khi người dùng muốn nhận xét hay đánh giá sản phẩm trên hệ thống

- Đầu vào: Người dùng đăng nhập và truy cập vào trang đánh giá chi tiết và điền nội dung, đánh giá sản phẩm

- Xử lý o Bước 1: Người dùng truy cập trang thông tin sản phẩm o Bước 2: Người dùng chọn chức năng đánh giá và bình luận o Bước 3: Người dùng viết bình luận

- Đầu ra: Kết quả đánh giá và bình luận của người dùng được hiển thị trên trang chi tiết sản phẩm

- Use case liên quan: use case đăng nhập, use case tìm kiếm

Hình 3.2.6.2 Phác thảo giao diện đánh giá từ người dùng

Hình 3.2.7.1 Use case giỏ hàng

- Tác nhân: Cho tất cả người dùng

- Chức năng: Cho người dùng thêm sản phẩm vào giỏ hàng để tiếp tục lựa chọn sản phẩm khác

- Đầu vào: Người dùng đăng nhập và chọn chức năng giỏ hàng

- Xử lý o Bước 1: Người dùng truy cập vào website và thêm sản phẩm vào giỏ hàng o Bước 2: Người dùng truy cập vào giỏ hàng ngay trên góc phải màn hình và thay đổi số lượng và mặt hàng đã cho vào giỏ hàng o Bước 3: Người dùng thay đổi sản phẩm trong giỏ hàng thành công

- Đầu ra: Người dùng thay đổi sản phẩm trong giỏ hàng thành công

Hình 3.2.7.2 Phác thảo giao diện giỏ hàng

8 Use case mua hàng và thanh toán

Hình 3.2.8.1 Use case mua hàng và thanh toán

- Tác nhân: Người dùng đã đăng nhập

- Chức năng: Cho người mua hàng và thanh toán khi người dùng đã chọn được mặt hàng cần mua.

- Đầu vào: Người dùng đã đăng nhập và chọn chức năng mua trực tiếp hoặc mua hàng trong giỏ hàng

- Xử lý o Bước 1: Người dùng truy cập vào website chọn chức năng mua hàng o Bước 2: Người dùng chọn chức năng thanh toán và xác nhận o Bước 3: Người dùng thanh toán và nhận hàng

- Đầu ra: Hệ thống sẽ tạo đơn hàng và gửi cho quản trị viên phê duyệt

- Use case liên quan: use case đăng nhập, use case giỏ hàng

9 Use case quản lý tài khoản

Hình 3.2.9 1 Use case quản lý tài khoản

- Tác nhân: Người quản trị Admin

- Chức năng: Cho phép người quản trị quản lý tất cả các tài khoản của khách hàng như thêm mới, sửa, xóa, phân quyền, …

- Đầu vào: Người quản trị truy cập vào trang quản trị và chọn chức năng quản lý tài khoản

- Xử lý o Bước 1: Người quản trị truy cập vào trang quan trị hệ thống và chọn chức năng quản lý tài khoản. o Bước 2: Người quản trị chọn các chức năng như thêm, sửa, xóa trong danh mục các tài khoản o Bước 3: Người quản trị cập nhật lại dữ liệu đã nhập

- Đầu ra: Kết quả thao tác với các chức năng quản lý tài khoản người dùng

10 Use case quản lý bài viết

Hình 3.2.10.1 Use case quản lý bài viết

- Chức năng: Cho phép người quản trị quản lý các bài viết trong hệ thống như thêm mới bài viết chỉnh sửa bài viết, xóa bài viết, Chức năng này hiện chỉ áp dụng cho admin.

- Đầu vào: Người quản trị truy cập vào trang quản trị và chọn chức năng quản lý bài viết

- Xử lý o Bước 1: Người quản trị truy cập vào trang quan trị hệ thống và chọn chức năng bài viết o Bước 2: Người quản trị chọn các chức năng như thêm, sửa, xóa trong danh mục các bài viết o Bước 3: Người quản trị cập nhật lại dữ liệu đã nhập

- Đầu ra: Kết quả thao tác với các chức năng quản lý bài viết trên hệ thống

11 Use case quản lý sản phẩm

Hình 3.2.11.1 Use case quản lý sản phẩm

- Chức năng: Cho phép người quản trị có thể quản lý các sản phẩm trong kho hàng như: thêm sản phẩm mới, chỉnh sửa sản phẩm, xóa các sản phẩm đã ngừng kinh doanh.

- Đầu vào: Người quản trị truy cập vào trang quản trị và chọn chức năng quản lý sản phẩm

- Xử lý o Bước 1: Người quản trị truy cập vào trang quan trị hệ thống và chọn chức năng quản lý sản phẩm o Bước 2: Người quản trị chọn các chức năng như thêm, sửa, xóa trong danh mục các sản phẩm o Bước 3: Người quản trị cập nhật lại dữ liệu đã nhập

- Đầu ra: Kết quả thao tác với các chức năng quản lý sản phẩm trên hệ thống

12 Use case quản lý đơn hàng

- Tác nhân: Người quản trị Admin và người dùng đã đăng nhập

Sơ đồ ERD

Hình 3.3.1 Sơ đồ cơ sở dữ liệu(ERD)

THIẾT KẾ CƠ SỞ DỮ LIỆU

Bảng dữ liệu

Bẳng người dùng là bàng lưu trữ thông tin tài khoản của người dùng bao gồm thông tin cá nhân và thông tin đăng nhập.

STT Tên Trường Kiểu Dữ

2 name varchar Tên người dùng

3 email varchar Email người dùng

4 phone varchar Số điện thoại người dùng

5 address varchar Địa chỉ người dùng

6 avatar_image varchar Ảnh đại diện người dùng

7 provider varchar Mạng xã hội dùng để đăng ký tài khoản trên hệ thống

8 provider_id varchar ID tài khoản mạng xã hội đã đăng ký tài khoản trên hệ thống

9 admin tinyint Giá tri 1 nếu là admin, 0 nếu là tài khoản thường

10 active tinyint Giá trị 1 nếu tài khoản đã được kích hoạt, 0 nếu chưa

11 password varchar Mật khẩu người dùng đã được mã hóa

12 active_token varchar Mã kích hoạt tài khoản gửi kèm email kích hoạt

13 remember_token varchar Mã đăng nhập cho người dùng chọn nhớ tài khoản

14 create_at timestamp Thời gian tạo dữ liệu người dùng

15 update_at timestamp Thời gian thay đổi dữ liệu người dùng lần cuối cùng

Bảng sản phẩm là bảng lưu trữ thông tin của sản phẩm bao gồm: tên sản phẩm, mã sản phẩm, ảnh hiển thị và các thông tin cấu hình của sản phẩm.

1 id bigint Khóa chính của bảng

2 producer_id bigint Khóa ngoại liên kết với bảng producers

3 name varchar Tên sản phẩm

4 image varchar Ảnh sản phẩm hiển thị

5 sku_code varchar Mã sản phẩm

6 monitor varchar Thông số màn hình

7 front_camera varchar Thông số camera trước

8 rear_camera varchar Thông số camera sau

9 CPU varchar Thông số CPU

10 GPU varchar Thông số GPU

11 RAM int Thông số RAM

12 ROM int Thông số ROM

13 OS varchar Hệ điều hành

14 pin varchar Thông số pin

15 information_details longtext Thông số chi tiết

16 product_introduction longtext Bài viết giới thiệu

17 rate double Điểm đánh giá

18 create_at timestamp Thời gian tạo

19 update_at timestamp Thời gian cập nhật lần cuối

3 Bảng nhà sản xuất (producers)

Bảng nhà sản xuất là bảng lưu trữ thông tin xuất xứ của sản phẩm Mỗi nhà sản xuất thì có nhiều sản phẩm và mỗi sản phẩm chỉ thuộc một nhà sản xuất, do đó quan hệ giữa bảng sản phẩm và bảng nhà sản xuất là quan hệ một nhiều.

STT Tên Trường Kiểu Dữ Liệu Mô Tả

2 name varchar Tên nhà sản xuất

3 infomation longtext Thông tin nhà sản xuất

4 Bảng sản phẩm chi tiết (product_details)

Bảng sản phẩm chi tiết lưu trữ thông tin phân loại trong cùng một sản phẩm Quan hệ giữa bảng sản phẩm và bàng chi tiết sản phẩm là quan hệ một nhiều.

2 product_id bigint Khóa ngoại liên kết với bảng products

3 color varchar Mầu sắc sản phẩm

4 import_quantity int Số lượng sản phẩm nhập vào

5 quantity int Số lượng sản phẩm còn lại

6 import_price int Giá sản phẩm nhập vào

7 sale_price int Giá sản phẩm bán ra

8 promotion_price int Giá sản phẩm khuyến mãi

9 promotion_start_date date Ngày bắt đầu khuyến mãi

10 promotion_end_date date Ngày kết thúc khuyến mãi

5 Bảng ảnh sản phẩm (product_images)

Bảng ảnh sản phẩm là bảng lưu trữ ảnh của từng sản phẩm chi tiết Quan hệ giữa bảng sản phẩm chi tiết và bảng ảnh sản phẩm là quan hệ một nhiều.

2 product_detail_id bigint Khóa ngoại liên kết với bảng product_details

3 image_name varchar Tên ảnh

4 Image_path varchar Đường dẫn ảnh

6 Bảng đánh giá sản phẩm (product_votes)

Bảng đánh giá là bảng lưu trữ đánh giá của người dùng về một sản phẩm.

2 user_id bigint Khóa ngoại liên kết với bảng users

4 rate double Điểm đánh giá

5 content varchar Nội dung đánh giá

Bảng bình luận là bảng lưu trữ bình luận của người dùng về sản phẩm.

2 comment_id bigint Id của bình luận cha

5 content varchar Nội dung bình luận

Bảng thông báo là bảng lưu trữ tất cả các thông báo của người dùng.

3 content varchar Nội dung thông báo

4 status tinyint Trạng thái thông báo

Bảng đơn hàng là bảng lưu trữ thông tin đơn hàng của người dùng bao gồm thông tin cá nhân và phương thức thanh toán.

3 payment_method_id bigint Khóa ngoại liên kết với bảng payment_methods

4 order_code varchar Mã đơn hàng

5 name varchar Tên trên đơn hàng

6 email varchar Email trên đơn hàng

7 phone varchar Số điện thoại trên đơn hàng

8 address varchar Địa chỉ trên đơn hàng

9 status tinyint Trạng thái đơn hàng

10 Bảng chi tiết đơn hàng (order_details)

Bảng chi tiết đơn hàng là bảng lưu trữ thông tin sản phẩm chi tiết của đơn hàng bao gồm thông tin về sản phẩm, số lượng, đơn giá

2 order_id bigint Khóa ngoại liên kết với bảng orders

3 product_detail_id bigint Khóa ngoại liên kết với bảng product_details

4 quantity int Số lượng sản phẩm

5 price int Giá một sản phẩm

11 Bảng phương thức thanh toán (payment_methods)

Bảng phương thức thanh toán lưu trữ thông tin phương thức thanh toán.

2 name varchar Tên phương thức

3 describe varchar Mô tả phương thức

Bảng bài viết là bảng lưu trữ tất cả các bài viết trên hệ thống.

2 title varchar Tiêu đề bài viết

3 image varchar Ảnh hiển thị bài viết

4 content longtext Nội dung bài viết

Bảng quảng cáo là bảng lưu trữ thông tin quản cáo về sản phẩm trên hệ thống.

Bảng 13.1 Cấu trúc dữ liệu bảng advertises

3 title varchar Tiêu đề quảng cáo

4 image varchar Ảnh quảng cáo

5 at_home_page tinyint Vị trí hiển thị trên trang chủ

6 start_date date Ngày bắt đầu quảng cáo

7 end_date date Ngày kết thúc quảng cáo

Hình 4.2 1 Sơ đồ quan hệ

XÂY DỰNG CHƯƠNG TRÌNH

Giao diện trang chủ

Hình 5 1 Giao diện trang chủ

Giao diện trang đăng kí thành viên

Hình 5 2 Giao diện trang đăng kí thành viên

Giao diện trang đăng nhập

Hình 5 3 Giao diện trang đăng nhập

Giao diện trang quên mật khẩu

Hình 5 4 Giao diện trang quên mật khẩu

Giao diện trang đặt lại mật khẩu

Hình 5 5 Giao diện trang đặt lại mật khẩu

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

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

Giao diện tìm kiếm

Hình 5 7 Giao diện tìm kiếm

Giao diện tìm kiếm và lọc

Hình 5 8 Giao diện tìm kiếm và lọc

Giao diện trang giới thiệu

Hình 5 9 Giao diện trang giới thiệu

Giao diện trang tin tức

Hình 5 10 Giao diện trang tin tức

Giao diện trang liên hệ

Hình 5 11 Giao diện trang liên hệ

Giao diện trang chi tiết tin tức

Hình 5 12 Giao diện trang chi tiết tin tức

Giao diện trang đơn hàng

Hình 5 13 Giao diện trang đơn hàng

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

Hình 5 14 Giao diện trang quản lý tài khoản

Giao diện trang thay đổi thông tin

Hình 5 15 Giao diện trang thay đổi thông tin

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

Hình 5 16 Giao diện trang quản lý tài khoản

Giao diện chi tiết trong quản lý tài khoản

Hình 5 17 Giao diện trang chi tiết tài khoản

XVIII Giao diện trang quản lý sản phẩm

Hình 5 18 Giao diện trang quản lý sản phẩm

Giao diện trang chi tiết quản lý sản phẩm

Hình 5 19 Giao diện trang chi tiết quản lý sản phẩm

Giao diện trang quản lý nhập hàng

Hình 5 20 Giao diện trang quản lý nhập hàng

Giao diện trang quản lý đơn hàng

Hình 5 21 Giao diện trang quản lý đơn hàng

Giao diện trang chi tiết quản lý đơn hàng

Hình 5 22 Giao diện trang chi tiết quản lý đơn hàng

XXIII Giao diện trang quản lý bài viết

Hình 5 23 Giao diện trang quản lý bài viết

Giao diện trang chi tiết quản lý bài viết

Hình 5 24 Giao diện trang chi tiết quản lý bài viết

Giao diện trang thêm bài viết mới

Hình 5 25 Giao diện trang thêm bài viết mới

Giao diện trang quản lý quảng cáo

Hình 5 26 Giao diện trang quản lý quảng cáo

XXVII Giao diện trang thêm mới quảng cáo

Hình 5 27 Giao diện trang thêm mới quảng cáo

XXVIII Giao diện trang chi tiết quản lý quảng cáo

Hình 5 28 Giao diện trang chi tiết quản lý quảng cáo

Giao diện trang thống kê doanh thu

Hình 5 29 Giao diện trang thống kê doanh thu

Tiêu đề	Xây Dựng Website Bán Điện Thoại
Tác giả	Bùi Vĩnh Phi
Người hướng dẫn	ThS. Trần Bửu Dung
Trường học	Đại học Đà Nẵng
Chuyên ngành	Hệ thống thông tin quản lý
Thể loại	báo cáo đồ án tốt nghiệp
Năm xuất bản	2020
Thành phố	Đà Nẵng

Định dạng
Số trang	64
Dung lượng	13,15 MB