Mở đầu 1. Bối cảnh của đề tài: Trong bối cảnh Cách mạng công nghiệp 4.0, việc ứng dụng nền tảng số là xu thế tất yếu, nâng cao hiệu suất và tối ưu hóa công việc. Đặc biệt trong tình hình khó khăn do dịch Covid-19, áp dụng công nghệ trong học tập, mua sắm, kinh doanh và rất nhiều lĩnh vực khác là việc không thể chối cãi tính hữu dụng của công nghệ. Chính vì thế phát triển và áp dụng công nghệ nhanh chóng để đạt được những ưu thế mạnh mẽ mà nó đem lại và quan trọng nhất là đáp ứng được nhu cầu cho con người.
Lý do chọn đề tài Với những hệ quả từ đại dịch Covid đem đến như: Thói quen của người tiêu dùng, từ mua sắm trực tiếp tại các của hàng thì nay đã chuyển sang mua hàng online với chi phí rẻ, không cần phải đi đến điểm mua, và được đem đến tận nơi mình ở. Vì xu hướng hiện nay, nhu cầu tiêu dùng của mọi người, nên nhóm em đã quyết định xây dựng một trang web, nơi mà mọi người có thể chọn những chiếc máy tính, hay điện thoại mình thích mà không cần phải đến nơi bán hàng trực tiếp mà chỉ cần truy cập internet. Mục đích đề tài: - Quản lý thông tin hàng hóa. - Thống kê các hàng hóa có trong cửa hàng hiện tại.
- Thêm, xóa, cập nhật thông tin của sản phẩm. - Quản lý thông tin khách hàng - Quản lý hóa đơn mua hàng của khách hàng - Cập nhật các sản phẩm điện tử mới phù hợp với nhu cầu của khách hàng - Đưa tất cả các sản phẩm lên website để khách hàng dễ dàng lựa chọn - Tăng hiệu quả kinh doanh 1 Báo cáo đồ án “Website bán đồ điện tử online” 4. Khảo sát hiện trạng: Shop online là một trang web với tiêu chi là bán đồ công nghệ như laptop, PC, người mua có thể mua trực tiếp hoặc đặt hàng trực tiếp tại website cửa hàng với các bước đơn giản như đăng nhập, chọn hàng hóa mà mình muốn mua, nhập thông tin cá nhân để lập hóa đơn, chọn phương thức thanh toán. Còn đối với người quản trị thì website mang đến sự tiện lợi có thể ở bất kì nơi nào có internet thì đều có thể quản lý hàng hóa của mình với các tiêu chí sau, khách hàng chỉ cần đăng nhập, và có thể thực hiện được các công việc như thêm, xóa, cập nhật thông tin hàng hóa, cập nhật thông tin khách hàng, cập nhật thông tin mua hàng, cập nhật thông tin hóa đơn, kiểm tra hàng tồn kho và thống kê hàng hóa theo người và theo khách hàng, … 2 Báo cáo đồ án “Website bán đồ điện tử online” Chương 2: Giới thiệu về ngôn ngữ và công cụ sử dụng I.
Định nghĩa C sharp (C#): Là một trong những ngôn ngữ lập trình theo hướng đối tượng được phát triển và ra mắt do Anders Hejlsberg phát triển vào năm 2001. Ngôn ngữ này được đầu tư bởi Microsoft và còn được xem như đối thủ “nặng ký” của Java. #C có sự kết hợp chặt chẽ cùng với .NET Framework nhằm hỗ trợ cho việc tạo ra các ứng dụng Windows Forms hoặc WPF được trở nên dễ dàng và nhanh chóng hơn. Đặc trưng cơ bản Tính đơn giản: C# là một trong những loại ngôn ngữ được xây dựng dựa trên nền tảng của C++ và Java.
Nhờ vậy, mà chúng hầu như đều có cấu trúc chương trình khá giống nhau. Mặc dù C# là ngôn ngữ “sinh sau đẻ muộn” nhưng nhờ có nhiều cải tiến mới nên rất phù hợp với mọi đối tượng lập trình viên. Một số cải tiến của nó đó chính là cấu trúc được rút gọn sao cho dễ nhớ và đơn giản hơn. C# là ngôn ngữ dễ sử dụng và có tính hiện đại cao.
Ngôn ngữ lập trình C# được các chuyên gia nhận xét là loại ngôn ngữ thuần hướng các tố tượng. Nó bao gồm các tính như: Trừu tượng, đa hình, kế thừa và đóng gói. So với những loại ngôn ngữ lập trình khác thì C# sử dụng lượng từ khóa ít hơn rất nhiều. Nhờ đặc điểm này mà các lập trình viên đều thuận tiện hơn rất nhiều cho việc xây dựng lên các đối tượng dành riêng cho mình.
Ưu điểm 3 Báo cáo đồ án “Website bán đồ điện tử online” Quy mô của chương trình: C# thường được sử dụng để viết trên các hệ thống vi điều khiển có kích cỡ 8bit. Ngoài ra, nó còn được sử dụng trong các hệ thống trên 64bit hoặc hệ thống siêu máy tính. C# là ngôn ngữ có hiệu suất cao, có có thể chạy mượt trên mọi hệ thống giới hạn về dung lượng. Bởi vì ngay từ những ngày đầu thì C# đã được thiết kế cho mục đích thay thế cho ASM trong những hệ thống có bộ nhớ hạn chế.
C# có khả năng thực hiện các thuật toán giúp hỗ trợ rất nhiều kiểu dữ liệu khác nhau cũng như việc chuyển đổi sẽ trở nên dễ dàng hơn. Ngôn ngữ lập trình C# còn có khả năng cung cấp thư viện chuẩn với hàm có chức năng và công cụ toán học. C# là ngôn ngữ sở hữu cú pháp rất sát với những suy nghĩ logic, nhờ vậy mà việc viết code sẽ được đơn giản hóa và nhanh chóng hơn. C# là loại ngôn ngữ lập trình rất an toàn và nó không cho phép việc chuyển đổi kiểu dữ liệu để có thể giảm tránh được những vấn đề sai lệch xảy ra.
Trong C# sẽ cho kết quả trả về thuộc các hàm đa phần đều là một object. Các lỗi lập trình phổ biến như: gõ nhầm tên, viết sai cấu trúc… đều sẽ được hệ thống cảnh báo luôn mà không cần phải chờ đến lúc chạy. C# thường được đi cùng với Visual Studio và bộ đôi này được sử dụng rất nhiều cho việc xây dựng Winform, WPF, website bằng MVC. Hiện nay, nó ngày càng trở nên phổ biến trong việc xây dựng nền tảng cho các ứng dụng di động.
Hiện nay, việc học #C sẽ trở nên dễ dàng hơn bởi cộng đồng C# đang rất phát triển và rộng mở. Chính vì vậy, các nhà phát triển cũng như lập trình viên ngôn ngữ C# có thể hỗ trợ, giúp đỡ cùng nhau phát triển kỹ năng và kinh nghiệm về C# 2. Kiến trúc 3 lớp MVC 4 Báo cáo đồ án “Website bán đồ điện tử online” Trong đồ án website bán hàng online chúng em tổ chức code theo mô hình MVC (Model – View - Controller). Mô hình MVC là một kiến trúc 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. Các thành phần của MVC: Model: Model được giao nhiệm vụ cung cấp dữ liệu cho cơ sở dữ liệu và lưu dữ liệu vào các kho chứa dữ liệu. Tất cả các nghiệp vụ logic được thực thi ở Model.
Dữ liệu vào từ khách hàng sẽ thông qua View đến Controller và được kiểm tra ở Model trước khi lưu vào cơ sở dữ liệu. Việc truy xuất, xác nhận, và lưu dữ liệu là một phần của Model. Do có 2 vai trò tương đối tách biệt cho nên một Model thường được tách thành các lớp có các domain xử lý khác biệt: Business logic thường là xử lý rule hay policy của nghiệp vụ cũng như business workflows. Domain data: Cung cấp/lưu trữ dữ liệu và việc chuyển đổi dữ liệu thành các dạng khác nhau theo yêu cầu View: View hiển thị các thông tin cho khách hàng của ứng dụng và được giao nhiệm vụ cho việc nhận các dữ liệu vào từ khách hàng, gửi đi các yêu cầu đến controller, sau đó là nhận lại các phản hồi từ controller và hiển kết quả cho khách hàng.
Các trang HTML, JSP, các thư viện thẻ và các file nguồn là một phần của thành phần View. Trong các web framework, nó gồm 2 phần chính: Template file định nghĩa cấu trúc và cách thức trình bày dữ liệu cho user. Ví dụ như layout, color, windows … Logic xử lý cách áp dụng dữ liệu vào cấu trúc trình bày. Logic này có thể bao gồm việc kiểm tra định dạng dữ liệu, chuyển đổi định dạng dữ liệu sang một sạng dữ liệu trung gian, lựa chọn một cấu trúc hiện thị phù hợp.
Controller: Là bộ phận có nhiệm vụ xử lý các yêu cầu khách hàng đưa đến thông qua View. Một controller bao gồm cả Model lẫn View. Nó nhận input và thực hiện các update tương ứng 5 Báo cáo đồ án “Website bán đồ điện tử online” 3. Bootstrap 4 Trong đồ án Quản lý thư viện chúng em có sự hỗ trợ của Bootstrap.
Bootstrap là một Framework gồm 3 thành phần cơ bản, đó là: HTML, CSS và JavaScript. Framework này được sử dụng để phát triển trang web chuẩn theo Responsive. Sử dụng Bootstrap giúp việc thiết kế website tiết kiệm được nhiều thời gian và đơn giản chỉ cần yêu cầu người lập trình biết kiến thức về Frontend là có thể sử dụng. Bootstrap là một bộ sưu tập hoàn toàn miễn phí.
Bộ sưu tập này bao gồm các mã nguồn mở và các công cụ giúp bạn có thể tạo thành một website với đầy đủ các thành phần. Bootstrap sẽ quy định sẵn các thuộc tính về kích thích, màu sắc và các chiều dài, chiều rộng của các vùng website… Thông qua đó, developer có thể sáng tạo ra các website theo mong muốn nhưng vẫn đảm bảo tình thẩm mỹ. Đồng thời, sử dụng Bootstrap sẽ giúp tiết kiệm rất nhiều thời gian Bootstrap 4 (viết tắt là BS4) là phiên bản mới của Bootstrap, là framework HTML, CSS và JavaScript phổ biến nhất để thiết kế web đáp ứng, ưu tiên trên nền tảng di động. Tương tự như Bootstrap 3, Bootstrap 4 hoàn toàn miễn phí tải về và tự do sử dụng.
Cấu trúc Bootstrap Gồm có 3 file chính Bootstrap.css Bootstrap CSS là một framework có dạng CSS, được sử dụng để quản lý và sắp xếp bố cục của website mà bạn đang thiết kế. Nếu HTML quản lý cấu trúc của website và nội dung web thì CSS lại có nhiệm vụ xử lý bố cục. Vì thế, trong Bootstrap, hai cấu trúc này luôn đi kèm với nhau, giúp việc thiết kế web của designer dễ dàng hơn rất nhiều. Với Bootstrap CSS, bạn sẽ không cần mất nhiều thời gian hay chỉnh sửa thủ công cho các thiết kế nhỏ.
Thay vào đó, chỉ với vài thao tác đơn giản, bạn đã có thể tạo ra giao diện thống nhất trên nhiều trang web khác nhau. Bootstrap không giới hạn vấn đề này. Đặc biệt, CSS hiện đã cho phép bạn định dạng cả bảng và bố cục hình. 6 Báo cáo đồ án “Website bán đồ điện tử online” Cùng với đó là việc định dạng kiểu văn bản.