1.2 Mục đích của đề tài Mục đích chính của trang web bán mỹ phẩm là tạo ra một nền tảng toàn diện, đáp ứngnhu cầu mua sắm của khách hàng, cung cấp thông tin hữu ích, và xây dựng một cộng
GIỚI THIỆU TỔNG QUAN
Lý do chọn đề tài
Lựa chọn làm trang web bán mỹ phẩm không chỉ tận dụng lợi thế của ngành công nghiệp này mà còn khai thác tiềm năng lớn từ thị trường trực tuyến, tạo ra cơ hội kinh doanh hiệu quả và bền vững.
Hình CHƯƠNG 1 : GIỚI THIỆU TỔNG QUAN.1 Mỹ phẩm từ nhà Centella
Nhu cầu thị trường cao:
Theo báo cáo của Statista, ngành công nghiệp mỹ phẩm toàn cầu dự kiến sẽ vượt mốc 800 tỷ USD vào năm 2025, trong khi thị trường mỹ phẩm tại Việt Nam cũng ghi nhận sự tăng trưởng ấn tượng với tỷ lệ hàng năm trên 10%.
Thói quen tiêu dùng hiện nay cho thấy cả phụ nữ và nam giới ngày càng chú trọng đến việc chăm sóc bản thân, đặc biệt là về da và tóc Điều này đã tạo ra một nhu cầu mua sắm mỹ phẩm tăng cao, dẫn đến sự đa dạng trong các sản phẩm trên thị trường.
Mỹ phẩm hiện nay rất đa dạng, không chỉ bao gồm sản phẩm chăm sóc da mà còn mở rộng ra trang điểm, chăm sóc tóc, nước hoa, sản phẩm dưỡng thể và dụng cụ làm đẹp Mỗi loại sản phẩm đều có nhiều lựa chọn khác nhau, đáp ứng nhu cầu phong phú của người tiêu dùng.
Xu hướng sản phẩm mới đang ngày càng phổ biến, khi các thương hiệu liên tục giới thiệu các sản phẩm như mỹ phẩm hữu cơ, mỹ phẩm tự nhiên và mỹ phẩm không thử nghiệm trên động vật Những sản phẩm này không chỉ đáp ứng nhu cầu của người tiêu dùng mà còn thể hiện cam kết của các thương hiệu đối với sự bền vững và đạo đức trong ngành công nghiệp làm đẹp.
Khả năng tiếp cận khách hàng trực tuyến:
Thương mại điện tử đang bùng nổ mạnh mẽ, đặc biệt trong bối cảnh dịch bệnh, khi mua sắm trực tuyến trở thành xu hướng tất yếu Sự tiện lợi và an toàn của việc mua sắm trực tuyến đã khiến nhiều người tiêu dùng chuyển sang hình thức này.
Sử dụng các công cụ SEO và quảng cáo trực tuyến trên Google, Facebook, Instagram là cách hiệu quả để tiếp cận và thu hút khách hàng mục tiêu Việc tối ưu hóa công cụ tìm kiếm giúp nâng cao khả năng hiển thị của doanh nghiệp, trong khi quảng cáo trên các nền tảng mạng xã hội giúp mở rộng tầm ảnh hưởng và tạo ra nhiều cơ hội tương tác với khách hàng.
Mục đích của đề tài
Trang web bán mỹ phẩm nhằm tạo ra một nền tảng toàn diện phục vụ nhu cầu mua sắm của khách hàng, cung cấp thông tin hữu ích và xây dựng cộng đồng gắn kết, từ đó thúc đẩy doanh số và phát triển thương hiệu bền vững.
Để xây dựng một website có thể truy cập trên mọi hosting, cần phân chia thành hai phần: (1) Phần dành cho người mua hàng và (2) Phần dành cho quản trị viên.
Mục tiêu nghiêm cứu
- Lựa chọn mẫu giao diện dành cho người dùng và giao diện dành cho quản trị viên
- Phân tích các bảng cơ sở dữ liệu
- Viết mã lệnh trang người dùng
- Viết mã lệnh trang Admin
Phương pháp và phạm vi nghiêm cứu
Phân tích thị trường: Nghiên cứu thị trường để hiểu nhu cầu và xu hướng của người tiêu dùng trong lĩnh vực thẩm mỹ
Phân tích đối thủ cạnh tranh là quá trình nghiên cứu các trang web hoặc cửa hàng của đối thủ để hiểu rõ chiến lược kinh doanh của họ Qua đó, bạn có thể nhận diện điểm mạnh và điểm yếu của họ, từ đó xây dựng chiến lược phù hợp cho doanh nghiệp của mình.
Khảo sát khách hàng: Tổ chức các khảo sát để hiểu ý kiến, mong muốn và hành vi mua sắm của khách hàng.
Phân tích dữ liệu: Sử dụng các công cụ phân tích dữ liệu để hiểu về hành vi truy cập và mua sắm trên trang web.
Phân tích sản phẩm: Đánh giá các sản phẩm nội thất được bán trên trang web, bao gồm chất lượng, giá cả, và sự phổ biến.
Phân tích trải nghiệm người dùng là quá trình đánh giá các yếu tố quan trọng khi người dùng tương tác với trang web Điều này bao gồm việc xem xét giao diện người dùng, tốc độ tải trang và mức độ tương tác của người dùng Những yếu tố này ảnh hưởng trực tiếp đến sự hài lòng và hiệu quả sử dụng trang web.
Phân tích chiến lược kinh doanh: Đánh giá chiến lược quảng cáo, giá cả, chính sách bán hàng, và dịch vụ khách hàng của trang web.
Phân tích xu hướng thị trường là việc theo dõi và đánh giá các xu hướng mới trong ngành nội thất và thị trường trực tuyến, giúp doanh nghiệp điều chỉnh chiến lược kinh doanh một cách hiệu quả.
CƠ SỞ LÝ THUYẾT
CÔNG NGHỆ ASP.NET MVC5
Vào những năm 70 của thế kỷ 20, tại phòng thí nghiệm Xerox PARC ở Palo Alto, sự ra đời của giao diện đồ họa (GUI) và lập trình hướng đối tượng đã mở ra cơ hội mới cho lập trình viên, cho phép họ làm việc với các thành phần đồ họa như những đối tượng có thuộc tính và phương thức riêng Không chỉ dừng lại ở đó, các nhà nghiên cứu tại Xerox PARC còn phát triển kiến trúc MVC (Model – View – Controller), đánh dấu bước tiến quan trọng trong lĩnh vực phát triển phần mềm.
MVC, hay Model-View-Controller, được phát minh bởi Trygve Reenskaug tại Xerox Parc vào những năm 70 Nó lần đầu tiên được công bố trong Smalltalk-80 và các tài liệu quan trọng đầu tiên về MVC là “A Cookbook for Using the Model-View-Controller User Interface Paradigm in Smalltalk – 80”, được viết bởi Glenn Krasner và Stephen Pope, xuất bản vào tháng 8/9 năm 1988.
Thế hệ tiếp theo của MVC xuất hiện cùng với hệ điều hành NeXT và các phần mềm của nó.
Kiến trúc phần mềm đang ngày càng được cải tiến để giải quyết các vấn đề phát sinh trong quá trình phát triển Những giải pháp mới được áp dụng giúp tối ưu hóa quy trình và nâng cao hiệu quả làm việc.
Vì vậy sau đó, lần lượt các MVC framework ra đời dựa trên mô hình MVC như: CodeIgniter, Zend, ASP.NET MVC …
Thời gian phát hành Phiên bản
Hình CHƯƠNG 2: CƠ SỞ LÝ THUYẾT.2 Lịch sử các phiên bản MVC
Sự khác nhau giữa MVC và webform
Thành phần ASP.net MVC chia ra làm 3 phần: ASP.net WebForm sử dụng
ViewState để quản lý Các trang
Mọi tương tác của người dùng với Views sẽ được xử lý thông qua việc thực hiện các action hành động trong Controllers, không còn postback, lifecycle và events.
ASP.NET has a defined lifecycle that involves postbacks and the use of web controls and events to perform actions for the User Interface (UI) Due to user interactions, ASP.NET Web Forms often experience slower processing times.
(debug) Đối với MVC thì việc đó có thể sử dụng các unit test có thể thẩm định rất dễ dàng các Controllers thực hiện như thế nào
Với ASP.NET WebForm, tất cả các tiến trình của ASP.NET đều cần được thực thi, và việc thay đổi ID của bất kỳ Control nào cũng có thể ảnh hưởng đến toàn bộ ứng dụng.
Hình CHƯƠNG 2: CƠ SỞ LÝ THUYẾT.3 Sự khác nhau giữa MVC và Webform
Kiến trúc sử dụng ASP.NET MVC
ASP.NET MVC là một framework nhẹ nhàng, giúp đơn giản hóa quá trình phát triển ứng dụng web bằng cách chia thành ba tầng: Model, View và Controller Việc phân chia này không chỉ giúp lập trình viên dễ dàng quản lý các thành phần trong quá trình phát triển mà còn mang lại lợi ích lâu dài trong việc kiểm tra, bảo trì và nâng cấp ứng dụng.
Model là thành phần quan trọng trong ứng dụng, chứa đựng và thể hiện các đặc tính cùng logic cốt lõi Nó đại diện cho dữ liệu và thông tin cần thiết để thao tác, bao gồm các lớp (class) chứa thông tin về các đối tượng Chẳng hạn, một “Sản phẩm” có thể bao gồm các thông tin như “Tên sản phẩm”, “Loại sản phẩm” và “Đơn giá”.
View đóng vai trò quan trọng trong việc trình bày một hoặc nhiều Model một cách trực quan, nhận thông tin từ Model và hiển thị chúng trên trang web.
- Controller: Controller nằm giữa tầng View và Model, làm nhiệm vụ tìm kiếm, xử lý một hoặc nhiều Model, sau đó gửi Model tới View để View hiển thị.
Hình CHƯƠNG 2: CƠ SỞ LÝ THUYẾT.4 Mô hình MVC
Tiếp tục hỗ trợ các tính năng trong ASP.NET
Hỗ trợ sử dụng các các tập tin:.ASPX, ASCX, Master như là thành phần View.
ASP.NET offers comprehensive security features, including Form and Windows authentication, URL authorization, membership and roles management, output and data caching, section and profile state management, a robust configuration system, and a flexible provider architecture.
Tách rõ ràng các mối liên quan, mở ra khả năng test TDD (Test Driven Developer)
Bạn có thể thực hiện kiểm thử đơn vị trong ứng dụng mà không cần chạy các Controllers cùng với tiến trình của ASP.NET Điều này cho phép bạn sử dụng bất kỳ framework kiểm thử đơn vị nào, chẳng hạn như NUnit, MBUnit hay MS Test.
MVC được thiết kế với khả năng mở rộng cao, giúp mọi thành phần dễ dàng thay thế và tùy biến Hệ thống ánh xạ URL mạnh mẽ cho phép xây dựng ứng dụng với các URL sạch và dễ đọc.
Không sử dụng mô hình post-back từ giao diện gửi đến server Thay vào đó, chủ động đưa những post-back từ View đến thẳng lớp Controller.
Hỗ trợ nhiều công cụ tạo View (Support for Multiple View Engines)
Cho phép chọn công cụ tạo view Hộp thoại New Project cho phép xác định view engine mặc định cho một project.
- Hay một view engine nguồn mở như Spark, NHaml, NDjango.
- ASP.NET MVC Framework có một bộ máy ánh xạ URL thật sự mạnh mẽ.
- Bộ máy này cung cấp phương pháp rất linh hoạt trong việc ánh xạ URL sang các Controller Classes.
Bạn có thể dễ dàng thiết lập các quy tắc và cài đặt đường dẫn trong ASP.NET, từ đó hệ thống sẽ xác định Controller và action cần thực hiện dựa trên các quy tắc đường dẫn đó.
- ASP.NET còn có khả năng phân tích URL, chuyển các thông số trong URL thành các tham số trong lời gọi hàm của Controller.
- Model Binding là tính năng thế mạnh của ASP.NET MVC (và bây giờ nó cũng được áp dụng cho cả Web Forms trong phiên bản ASP.NET 4.5).
- Hỗ trợ bạn viết phương thức nhận một đối tượng tùy biến như là một tham số.
Với sự hỗ trợ của Model Binding, bạn có thể tập trung vào việc cài đặt các nghiệp vụ logic mà không cần lo lắng về việc ánh xạ dữ liệu từ người dùng sang các đối tượng NET.
Trong ASP.NET MVC, tính năng kiểm tra tính hợp lệ là rất mạnh mẽ, cho phép xác thực dữ liệu trước khi gọi một phương thức action hoặc sau khi phương thức action được thực thi.
- Từ ASP.net MVC 3 đi kèm với một công cụ View mới có tên là Razor với những lợi ích sau:
- Cú pháp Razor là sạch sẽ và súc tích, đòi hỏi một số lượng tối thiểu các tổ hợp phím.
- Việc tìm hiểu Razor tương đối dễ dàng vì nó dựa trên ngôn ngữ C# và Visual Basic.
- Visual Studio bao gồm IntelliSense và mã cú pháp Razor được màu hóa.
- Với Razor views có thể kiểm tra từng đơn vị mà không đòi hỏi bạn phải chạy các ứng dụng hoặc phải chạy website.
MÔ HÌNH MVC5
2.2.1 Các tính năng của mô hình MVC3 và MVC4
- So với phiên bản ASP.NET MVC2 thì MVC3 được hỗ trợ thêm HTML5 và CSS3.
- Hỗ trợ 2 View Engine: RAZOR, ASPX, kể cả Open source trong khi ASP.NET MVC2 chỉ có ASPX.
- Controller được cải tiến hơn như thuộc tính ViewBag và kiểu ActionResult
- Cải thiện Dependency Injection với IDpendencyResolver (có 2 phần:DependencyResolver và interface IDpendencyResolver) trong ASP.NET
MVC3; đây là lớp thực thi mô hình Service Locator, cho phép framework gọi DIContainer khi cần làm việc với 1 lớp thực thi từ 1 kiểu cụ thể.
- Cách tiếp cận với JavaScript được hạn chế.
- Hỗ trợ caching trong Partial page.
- ASP.NET Web API ra đời, nhằm đơn giản hoá việc lập trình với HTML hiện đại và đây là một cải tiến mới thay cho WCF Web API.
- Mặc định của dự án được cải thiện hơn về hình thức bố trí, giúp dễ nhìn hơn.
- Mẫu Empty Project là project trống, phù hợp cho những developer muốn nâng cao khả năng lập trình với ASP.NET MVC4.
- Giới thiệu jQuery Smartphone và mẫu Smartphone Project cho dự án.
- Kiểm soát Bundling và Minification thông qua web.config.
- Hỗ trợ cho việc đăng nhập OAuth và OpenID bằng cách sử dụng thư viện DotNetOpenAuth Cho phép Logins từ Facebook và những tài khoản khác.
- Phiên bản mới Windows Azure SDK 1.6 được phát hành.
Các cải tiến của MVC5
- Với MVC5 thì cải tiến hơn so với ASP.NET MVC4, Bootstrap được thay thế mẫu MVC mặc định.
- Chứng thực người dùng Authentication Filter được tuỳ chỉnh hoặc chứng thực từ hãng thứ 3 cung cấp.
- Với Filter overrides, chúng ta có thể Filter override trên Method hoặc Controller.
- Thuộc tính Routing được tích hợp vào MVC5.
Bootstrap là một framework CSS do Twitter phát triển, cung cấp bộ chọn, thuộc tính và giá trị để giúp web designer tiết kiệm thời gian và công sức trong việc tạo class CSS và mã HTML Ngoài việc hỗ trợ CSS, Bootstrap còn tích hợp nhiều chức năng tiện ích dựa trên jQuery như Carousel, Tooltip và Popovers.
Sử dụng Bootstrap mang lại nhiều lợi ích, bao gồm việc được phát triển bởi những chuyên gia có óc thẩm mỹ và tài năng toàn cầu Sự tương thích giữa các trình duyệt và thiết bị đã được kiểm tra kỹ lưỡng, giúp bạn tin tưởng vào kết quả mà không cần phải kiểm tra lại Điều này không chỉ tiết kiệm thời gian mà còn giảm chi phí cho dự án của bạn.
Chỉ cần nắm vững kiến thức cơ bản về HTML, CSS, Javascript và Jquery, bạn có thể tận dụng Bootstrap để thiết kế một trang web đẹp mắt và hoàn chỉnh mà không cần viết quá nhiều mã CSS.
Giao diện mặc định của nó mang màu xám bạc sang trọng, hỗ trợ nhiều component cần thiết cho các website hiện nay Là mã nguồn mở, bạn có thể truy cập và tùy chỉnh mã nguồn theo ý thích của mình.
Bootstrap hỗ trợ Responsive nhờ vào việc sử dụng Grid System, với xu hướng thiết kế Smartphone First, ưu tiên giao diện trên thiết bị di động Điều này giúp website của bạn tương thích với mọi kích thước màn hình mà không cần xây dựng trang riêng cho Smartphone Đội ngũ phát triển Bootstrap cũng đã thêm tính năng Customizer, cho phép designer chọn lựa các thuộc tính và component phù hợp với dự án, giúp tiết kiệm thời gian và tài nguyên khi không cần tải toàn bộ mã nguồn.
Một trong những vấn đề bảo mật quan trọng nhất là đảm bảo chỉ những người dùng hợp lệ được truy cập vào hệ thống Trong ASP.NET, hai khái niệm chính liên quan đến bảo mật là Xác thực (Authentication) và Phân quyền (Authorize).
- Authentication là xác thực người dùng, trong MVC5 Authentication Filter được tuỳ chỉnh hoặc chứng thực từ hãng thứ 3 cung cấp.
- Khi tạo 1 Project MVC5, người dùng được lựa chọn 4 loại security:
No Authentication Ứng dụng không hỗ trợ security
Individual User Accounts Ứng dụng sử dụng tài khoản được quản lý bởi SQL Server hoặc từ gmail, facebook
Organizational Accounts Ứng dụng sử dụng tài khoản được quản lý bởi Active Directory hoặc Windows Azure Directory
Windown Authentication Ứng dụng chạy trên intranet tức sử dụng tài khoản windows để đăng nhập
Hình CHƯƠNG 2: CƠ SỞ LÝ THUYẾT.5 Các loại security trong MVC5
Mỗi loại bảo mật phù hợp với các ứng dụng khác nhau Khi sử dụng Tài khoản người dùng cá nhân, ứng dụng chạy trên Internet và lưu trữ thông tin thành viên qua SQL Server hoặc cho phép đăng nhập từ các hệ thống bên ngoài như Google và Facebook Người dùng có khả năng đăng ký, đăng nhập, thay đổi mật khẩu và đăng xuất thông qua tài khoản cục bộ hoặc tài khoản bên ngoài.
Code của AccountController có hai điểm khác biệt chính: Thứ nhất, annotation [Authorize] được áp dụng để ngăn chặn mọi hành động trong controller nếu người dùng chưa đăng nhập, trừ khi hành động đó được đánh dấu bằng annotation [AllowAnonymous] Thứ hai, thuộc tính UserManager được khởi tạo trong constructor nhằm quản lý các thành viên, cho phép thực hiện các chức năng bảo mật như đăng ký, đăng nhập và đổi mật khẩu.
GIỚI THIỆU ENTITY FRAMEWORK
Entity Framework (EF) là một framework ánh xạ quan hệ đối tượng (ORM) cho ADO.NET, thuộc NET Framework, cho phép các nhà phát triển Web tương tác với dữ liệu quan hệ theo phương pháp hướng đối tượng Lợi ích lớn nhất của EF là giảm thiểu mã nguồn cần thiết để truy cập và tương tác với cơ sở dữ liệu Được Microsoft hỗ trợ phát triển lâu dài, EF là một trong những framework mạnh nhất hiện nay, nhận được sự ủng hộ lớn từ cộng đồng phát triển Web Kiến trúc của Entity Framework được thiết kế để tối ưu hóa hiệu suất và khả năng mở rộng trong phát triển ứng dụng Web.
Hình CHƯƠNG 2: CƠ SỞ LÝ THUYẾT.6 Mô hình kiến trúc Entity Framework
Ứng dụng là lớp chứa giao diện web bao gồm HTML, CSS, Javascript, hình ảnh và mã nguồn như C# và VB, cho phép tương tác dữ liệu với các tầng khác trong mô hình thông qua dịch vụ đối tượng.
Dịch vụ đối tượng (Object Services) là tầng trung gian giữa ứng dụng và cơ sở dữ liệu, chịu trách nhiệm truy cập dữ liệu và trả kết quả về giao diện Nó cung cấp tiện ích để theo dõi các thay đổi và quản lý nhận dạng, cũng như các mối quan hệ trong cơ sở dữ liệu Các lớp (class) trong dịch vụ đối tượng được tự động sinh ra dựa trên mô hình dữ liệu.
ObjectContext là đại diện cho một cơ sở dữ liệu, có nhiệm vụ quản lý các kết nối và định nghĩa mô hình dữ liệu thông qua metadata Lớp này không chỉ thao tác với cơ sở dữ liệu mà còn cho phép thêm các phương thức để đại diện cho các stored procedure trong cơ sở dữ liệu.
ObjectSet là một tập hợp các thực thể, trong đó mỗi thực thể tương ứng với một bảng trong cơ sở dữ liệu Bạn có thể truy cập các thực thể này thông qua các thuộc tính tương ứng của ObjectContext.
EntityObject, ComplexObject là các lớp tương ứng cho một dòng dữ liệu của table trong database Khác biệt chính giữa hai loại này là ComplexObject không chứa primary key.
EntityCollection and EntityReference are objects that represent the relationship between two entity classes Each of these objects can be accessed through the properties of the entity class.
Sự ánh xạ tương đương được thể hiện bảng sau:
Database Object Entity Framework Object
Hình CHƯƠNG 2: CƠ SỞ LÝ THUYẾT.7 Bảng ánh xạ tương đương giữa các đối tượng trong database và EF
EntityClient là một data provider mới trong ADO.NET, được thiết kế để truy xuất dữ liệu từ cơ sở dữ liệu Thay vì truy xuất trực tiếp, EntityClient hoạt động dựa trên các data provider cơ bản của ADO.NET, sử dụng thông tin từ Entity Data Model để thực hiện các thao tác truy vấn.
EntityClient includes classes similar to other ADO.NET data providers, with class names prefixed by "Entity." For instance, you can establish a connection using EntityConnection, construct queries with EntityCommand, and read results using EntityDataReader.
EntityClient distinguishes itself from other data providers by utilizing Entity SQL for data querying The Entity SQL commands are transformed into a command tree structure, which is then passed on to other data providers.
2.3.5 Tầng ADO.NET Data Providers Đây là tầng thấp nhấp để dịch các truy vấn L2E (LINQ to Entity) thông qua cây lệnh thành các câu lệnh SQL và thực thi các câu lệnh trong hệ thống DBMS (database management system – hệ quản lý dữ liệu) nào đó Tầng này kết với database sử dụng ADO.NET.
EntityClient là một data provider mới trong ADO.NET, được thiết kế để truy xuất dữ liệu từ cơ sở dữ liệu Thay vì truy cập trực tiếp, EntityClient hoạt động thông qua các data provider khác, sử dụng thông tin từ Entity Data Model để thực hiện các truy vấn.
The EntityClient includes classes similar to other ADO.NET data providers, with class names prefixed by "Entity." For instance, you can establish a connection using EntityConnection, formulate queries with EntityCommand, and retrieve results using EntityDataReader.
EntityClient stands out from other data providers by utilizing Entity SQL for data querying The Entity SQL commands are transformed into a command tree structure, which is then passed on to other data providers.
2.3.6 Tầng EDM (Entity Data Model)
Mô hình dữ liệu Entity Data Model (EDM) được mô tả bằng các ngôn ngữ chuẩn XML và bao gồm ba lớp chính: Conceptual, Mapping và Logical Mỗi lớp được định nghĩa bằng ngôn ngữ riêng theo định dạng XML, giúp tổ chức và quản lý dữ liệu một cách hiệu quả.
Conceptual Schema Definition Language (CSDL) is a language used to define entities, relationships, and functions within files that have the csdl extension It enables the creation of entity classes, facilitating the development of an object layer.
Mapping – Mapping specification language (MSL): định nghĩa các ánh xạ giữa lớp conceptual và logical, nội dung này được lưu trong tập tin msl.
Logical – Store Schema Definition Language (SSDL): định nghĩa mô hình lưu trữ của dữ liệu, lưu trữ trong tập tin ssdl.
Hình CHƯƠNG 2: CƠ SỞ LÝ THUYẾT.8 Lưu đồ Entity Mapping Model
2.3.7 Cách sử dụng trong Entity Framework
TỔNG QUAN VỀ SQL SERVER
SQL Server (hay Microsoft SQL Server) là một hệ thống quản lý cơ sở dữ liệu quan hệ (RDBMS) được phát triển bởi Microsoft.
SQL Server cung cấp nhiều công cụ và tính năng hữu ích cho việc quản lý và lưu trữ dữ liệu Nó cho phép người dùng xử lý các truy vấn dữ liệu hiệu quả, kiểm soát quyền truy cập, xử lý giao dịch một cách an toàn, và hỗ trợ tích hợp dữ liệu từ nhiều nguồn khác nhau.
SQL Server cung cấp các công cụ mạnh mẽ để tạo báo cáo, phân tích và quản lý cơ sở dữ liệu một cách trực quan, thông qua giao diện người dùng thân thiện hoặc các lệnh SQL linh hoạt.
SQL Server là một hệ quản trị cơ sở dữ liệu dựa trên SQL, ngôn ngữ lập trình tiêu chuẩn cho cơ sở dữ liệu quan hệ Nó sử dụng Transact-SQL (T-SQL), một phiên bản mở rộng của SQL do Microsoft phát triển, cung cấp các cấu trúc lập trình độc quyền.
SQL Server hoạt động độc quyền trên môi trường Windows trong hơn 20 năm Vào năm
2016, Microsoft đã cung cấp SQL Server trên Linux SQL Server 2017 ra mắt vào tháng
10 năm 2016 chạy được trên cả Windows và Linux.
Hình CHƯƠNG 2: CƠ SỞ LÝ THUYẾT.10 SQL Server
Cấu trúc của SQL Server
Hình CHƯƠNG 2: CƠ SỞ LÝ THUYẾT.11 Sơ đồ minh họa kiến trúc của máy chủ SQL Server
SQL Server gồm 2 phần chính :
Database Engine của SQL Server
Thành phần cốt lõi của SQL Server là engine cơ sở dữ liệu, bao gồm công cụ quan hệ xử lý lệnh và truy vấn, cùng với công cụ lưu trữ quản lý tệp, bảng, trang, index, bộ đệm và giao dịch.
Các nhiệm vụ, trigger, trình xem và các đối tượng dữ liệu lưu trữ khác cũng được Database Engine khởi tạo và xử lý.
SQLOS là tầng cuối cùng trong kiến trúc tổng thể của SQL Server, chịu trách nhiệm cho việc quản lý bộ nhớ và I/O Nó cung cấp các dịch vụ quan trọng như xử lý ngoại lệ và đồng bộ hóa, đảm bảo hiệu suất và ổn định cho hệ thống.
TỔNG QUAN VỀ NGÔN NGỮ GIAO DIỆN
HTML, viết tắt của Hypertext Markup Language, là ngôn ngữ dùng để tạo và cấu trúc các thành phần trên trang web hoặc ứng dụng, bao gồm việc phân chia đoạn văn, tiêu đề, liên kết và trích dẫn.
HTML không phải là ngôn ngữ lập trình, vì vậy nó không thể tạo ra các chức năng động Thay vào đó, HTML giống như Microsoft Word, được sử dụng để bố cục và định dạng trang web.
Khi làm việc với HTML, chúng ta sử dụng cấu trúc mã đơn giản bao gồm các thẻ và thuộc tính để đánh dấu nội dung trên trang web Ví dụ, để tạo một đoạn văn, chúng ta chỉ cần đặt văn bản giữa cặp thẻ mở
và thẻ đóng
.Từ phiên bản Asp.net MVC 3, Microsoft đã chọn Razor View Engine làm View Engine mặc định Khi một Http Request yêu cầu View, Razor View Engine sẽ thực hiện biên dịch trang View đó.
Khi sử dụng Razor View Engine, lập trình viên không cần học ngôn ngữ mới, vì Razor kết hợp cú pháp HTML với C# hoặc VB trong các trang View Điều này giúp các lập trình viên quen thuộc với C# hoặc VB dễ dàng làm quen với Razor View Engine.
2.2.2.2 Cú pháp Razor Để thông dịch các đoạn mã được viết bởi các ngôn ngữ như C#, VB trong các trang View, Razor đưa ra những quy tắc nhằm để xác định các đoạn mã đó được biên dịch ở phía Server (server-side code) và các đoạn mã đánh dấu (markup code) được thực hiện biên dịch ở phía client (như javascript, css, html, …), Razor sử dụng ký tự @ nhằm phân biệt giữa server-side code và markup code.
Khi tạo ra các Razor view chúng ta cần chú ý như sau :
- Sử dụng @{ code } để viết một khối mã lệnh.
- Để viết một biểu thức inline (Viết biểu thức Razor trực tiếp trong đoạn mã của markup code, lập trình viên chỉ cần sử dụng @.
- Sử dụng từ khóa var để khai báo biến.
- Sử dụng ; để kết thúc một câu lệnh.
- Với các Razor view sử dụng ngôn ngữ C#, các file có đuôi mở rộng là cshtml.
- Với các Razor view sử dụng ngôn ngữ VB, các file có đuôi mở rộng là vbhtml.
Razor là một công cụ hỗ trợ lập trình viên trong việc viết mã lệnh trực tiếp tại các View Một khối mã lệnh Razor được tích hợp vào View và được viết bằng các ngôn ngữ lập trình như C# hoặc VB.
Mô tả code : là các đoạn mã code được viết bởi ngôn ngữ C# hoặc VB và được biên dịch ở phía Server
Hình CHƯƠNG 2: CƠ SỞ LÝ THUYẾT.12 Minh họa khối mã lệnh Razor View
CSS (Cascading Style Sheets) là một ngôn ngữ quy định cách trình bày cho các tài liệu viết băng HTML, XHTML, XML, SVG, hay UML,
CSS cung cấp nhiều thuộc tính trình bày cho các đối tượng, cho phép người dùng sáng tạo trong việc kết hợp các thuộc tính để đạt được hiệu quả tối ưu.
CSS đã được hỗ trợ bởi tất cả các trình duyệt và hiển thị “như nhau” trên mọi hệ điều hành
CSS cho phép áp dụng các quy tắc từ một file bên ngoài, giúp đồng bộ hóa thiết kế cho hàng trăm trang web và dễ dàng thay đổi thuộc tính trình bày Việc cập nhật liên tục của CSS mang đến những trình bày phức tạp và tinh vi hơn cho các trang web.
JavaScript là ngôn ngữ lập trình web được nhúng trong HTML, giúp website trở nên sinh động hơn Đây là ngôn ngữ kịch bản, cho phép người phát triển kiểm soát hành vi trang web một cách hiệu quả hơn so với chỉ sử dụng HTML Một số ứng dụng phổ biến của JavaScript bao gồm slideshow, pop-up quảng cáo và tính năng autocomplete của Google, tất cả đều được xây dựng bằng ngôn ngữ này.
Hình CHƯƠNG 2: CƠ SỞ LÝ THUYẾT.13 Javascript là gì ?
Ưu và nhược điểm của Javascript Ưu điểm :
Khách hàng có thể dễ dàng sử dụng Javascript
Các mã được thực hiện trực tiếp trên bộ vi xử lý của người dùng thay vì trên máy chủ web, giúp tiết kiệm năng lượng và giảm tải cho máy chủ, từ đó giảm bớt căng thẳng và hoạt động quá mức trên hệ thống.
Ngôn ngữ lập trình thông dụng, phổ biến
JavaScript là ngôn ngữ lập trình được đánh giá cao về tính đơn giản và dễ học Với cú pháp gần gũi với tiếng Anh, người dùng có thể thao tác nhanh chóng và hiệu quả Mô hình DOM cung cấp nhiều tính năng hữu ích, giúp đáp ứng tốt các nhu cầu đa dạng của người dùng.
Ngôn ngữ lập trình Javascript cung cấp nhiều tính năng hữu ích, giúp việc phát triển kịch bản trở nên dễ dàng hơn Điều này cho phép đáp ứng hiệu quả các mục đích tùy chỉnh của con người với sự hỗ trợ tối đa từ Javascript.
Độ nhanh chóng với người dùng cuối
Việc sử dụng ngôn ngữ Javascript đảm bảo mã được thực hiện ngay trên thiết bị của người dùng, giúp quá trình xử lý và kết quả hoàn thành ngay lập tức Thời gian thực hiện sẽ phụ thuộc vào từng nhiệm vụ cụ thể, nhưng thường thì các vấn đề được giải quyết nhanh chóng.
Mang tới tính năng bổ sung cho các website
Greasemonkey hỗ trợ các nhà phát triển ngôn ngữ lập trình Javascript trong việc viết mã một cách dễ dàng, giúp thực hiện hiệu quả các chức năng trên website Bên cạnh đó, nó cũng đơn giản hóa quá trình mở rộng các tính năng cho trang web.
Môi trường phát triển
Azure DevOps là một bộ công cụ mạnh mẽ hỗ trợ quản lý dự án phần mềm, bao gồm quản lý mã nguồn, tự động hóa quy trình phát triển, và quản lý quy trình liên kết (CI) cùng với triển khai liên tục (CD) Nó cũng cung cấp các giải pháp quản lý công việc, nhiệm vụ, cùng với các công cụ theo dõi và báo cáo tiến độ dự án một cách hiệu quả.
Azure DevOps Services cung cấp bộ tính năng tích hợp, cho phép người dùng truy cập dễ dàng qua trình duyệt web hoặc ứng dụng IDE Các dịch vụ này bao gồm nhiều công cụ hỗ trợ phát triển phần mềm hiệu quả.
Hình CHƯƠNG 2: CƠ SỞ LÝ THUYẾT.14 Các tính năng của Azure DevOps
Azure Repos : cung cấp kho kiểm soát phần mềm Git hoặc Team Foundation Version Control (TFVC), giúp bạn kiểm soát chặt chẽ mọi mã nguồn.
Azure Pipelines : cung cấp dịch vụ xây dựng và phát hành nhằm hỗ trợ khả năng tích hợp và chuyển giao liên tục cho ứng dụng.
Azure Boards cung cấp bộ công cụ Agile giúp lập kế hoạch, theo dõi tiến độ công việc và rà soát lỗi code hiệu quả thông qua các phương pháp Kanban và Scrum.
Azure Test Plans : cung cấp công cụ giúp kiểm tra ứng dụng bằng cả phương pháp thủ công và tự động.
Azure Artifacts : cho phép chia sẻ các gói Maven, npm và NuGet từ các nguồn công khai cũng như các nhân.
Các công cụ cộng tác, bao gồm dashboard tùy chỉnh, cho phép chia sẻ thông tin, theo dõi tiến trình và phân tích xu hướng một cách hiệu quả.
Visual Studio là một hệ thống toàn diện hỗ trợ phát triển ứng dụng, bao gồm trình chỉnh sửa mã, thiết kế, gỡ lỗi và viết code Phần mềm này giúp lập trình viên lập trình website một cách dễ dàng và nhanh chóng Với Visual Studio, người dùng có thể thiết kế và trải nghiệm giao diện giống như khi phát triển ứng dụng.
Hình CHƯƠNG 2: CƠ SỞ LÝ THUYẾT.15 Visual Studio
Các tính năng nổi bật của Microsoft Visual Studio :
Hỗ trợ đa ngôn ngữ lập trình
Hình CHƯƠNG 2: CƠ SỞ LÝ THUYẾT.16 VS đa ngôn ngữ lập trình
Microsoft Visual Studio nổi bật với khả năng hỗ trợ nhiều ngôn ngữ lập trình như JavaScript, TypeScript, Python, C#, Java, Go và Ruby, trở thành công cụ lý tưởng cho các nhà phát triển làm việc trên nhiều dự án Khả năng hỗ trợ đa ngôn ngữ giúp lập trình viên dễ dàng chuyển đổi giữa các ngôn ngữ và dự án mà không cần thay đổi môi trường làm việc, từ đó tiết kiệm thời gian và tối ưu hiệu quả công việc.
Hỗ trợ gỡ lỗi mạnh mẽ
Hình CHƯƠNG 2: CƠ SỞ LÝ THUYẾT.17 VS hỗ trợ gỡ lỗi mạnh mẽ
Microsoft Visual Studio cung cấp một hệ thống gỡ lỗi mạnh mẽ với các tính năng như Breakpoints, kiểm tra biến và theo dõi code từng bước Những công cụ này giúp nhà phát triển dễ dàng tìm và sửa lỗi trong mã nguồn, nâng cao hiệu quả và chất lượng phát triển phần mềm Bên cạnh đó, bộ công cụ gỡ lỗi của Microsoft Visual Studio còn giúp giảm thiểu thời gian và công sức trong việc xác định và sửa chữa các vấn đề trong code, từ đó tăng tốc độ phát triển và triển khai ứng dụng.
Hình CHƯƠNG 2: CƠ SỞ LÝ THUYẾT.18 VS tổng hợp git
Microsoft Visual Studio nổi bật với tính năng hỗ trợ Git, cho phép nhà phát triển quản lý phiên bản ngay trong trình soạn thảo Tính năng này giúp việc quản lý mã nguồn trở nên dễ dàng và hiệu quả hơn với các thao tác Git như commit, push, pull và xem lịch sử mã nguồn một cách trực quan Hơn nữa, việc tích hợp Git trong Visual Studio tối ưu hóa quy trình làm việc, giúp nhà phát triển tập trung vào việc viết và cải thiện mã thay vì phải lo lắng về quản lý phiên bản.
Tự động hoàn thành mã (IntelliSense)
Hình CHƯƠNG 2: CƠ SỞ LÝ THUYẾT.19 VS tự động hoàn thành mã (IntelliSense)
Microsoft Visual Studio cung cấp tính năng IntelliSense, một hệ thống tự động hoàn thành mã nguồn thông minh dựa trên ngữ cảnh Tính năng này hiển thị gợi ý về biến, phương thức và các thành phần khác, giúp tăng tốc quá trình viết mã và giảm thiểu thời gian gõ code Nhờ đó, IntelliSense không chỉ nâng cao hiệu suất làm việc mà còn giảm thiểu lỗi và cung cấp thông tin hữu ích về các API và thư viện Với IntelliSense, Microsoft Visual Studio trở thành một trợ lý thông minh, hỗ trợ nhà phát triển viết mã nhanh chóng và chính xác hơn.
Hỗ trợ đa nền tảng
Hình CHƯƠNG 2: CƠ SỞ LÝ THUYẾT.20 VS hỗ trợ đa nền tảng
Microsoft Visual Studio cung cấp tính năng hỗ trợ phát triển ứng dụng đa nền tảng (cross-platform) hiệu quả Phần mềm lập trình này cho phép lập trình viên tạo ra các ứng dụng có khả năng hoạt động trên nhiều hệ điều hành khác nhau.
- Windows: Đây là nền tảng mặc định với hỗ trợ tốt nhất cho các ứng dụng desktop, web, di động trên Windows.
- Android: Visual Studio hỗ trợ xây dựng ứng dụng Android native bằng Java/Kotlin cũng như các framework như Xamarin hay React Native.
- iOS: Có thể phát triển ứng dụng iOS native bằng Objective-C/Swift hoặc dùng Xamarin để viết code C# cho cả iOS và Android.
- Web: Visual Studio cung cấp các công cụ để phát triển các ứng dụng web như ASP.NET, NodeJS.
- macOS: Có thể xây dựng ứng dụng giao diện người dùng trên macOS bằng C# và NET Core.
- Linux: Hỗ trợ phát triển các ứng dụng NET Core chạy trên Linux.
Visual Studio giúp lập trình viên phát triển ứng dụng đa nền tảng một cách dễ dàng, tiết kiệm thời gian và chi phí Tính năng này mang lại sự tiện lợi và sức mạnh cho quá trình lập trình.
THIẾT KẾ HỆ THỐNG
MÔ HÌNH CƠ SỞ DỮ LIỆU
3.2 TỔ CHỨC BẢNG DỮ LIỆU
Hình CHƯƠNG 3 : THIẾT KẾ HỆ THỐNG 21 Bảng dữ liệu Article
Hình CHƯƠNG 3 : THIẾT KẾ HỆ THỐNG 22 Bảng dữ liệu Authorized
Hình CHƯƠNG 3 : THIẾT KẾ HỆ THỐNG 23 Bảng dữ liệu Category
Hình CHƯƠNG 3 : THIẾT KẾ HỆ THỐNG 24 Bảng dữ liệu Group
Hình CHƯƠNG 3 : THIẾT KẾ HỆ THỐNG 25 Bảng dữ liệu Member
Hình CHƯƠNG 3 : THIẾT KẾ HỆ THỐNG 26 Bảng dữ liệu Product
Hình CHƯƠNG 3 : THIẾT KẾ HỆ THỐNG 27 Bảng dữ liệu Role
Hình CHƯƠNG 3 : THIẾT KẾ HỆ THỐNG 28 Bảng dữ liệu Customer
Hình CHƯƠNG 3 : THIẾT KẾ HỆ THỐNG 29 Bảng dữ liệu Oder
Hình CHƯƠNG 3 : THIẾT KẾ HỆ THỐNG 30 Bảng dữ liệu Detail
- Mã chi tiết đơn đặt hàng
PHÂN TÍCH MỐI QUAN HỆ DỮ LIỆU GIỮA CÁC THỰC THỂ
STT TÊN MỐI QUAN HỆ DIỄN GIẢI
1 PRODUCT – CATEGORY - Một CATEGORY thì có nhiều
- Một PRODUCT chỉ có một CATEGORY
3 GROUP – MEMBER - Một GROUP thì có nhiều
4 GROUP – ROLE - Một Group có thể có thực hiện được nhiều ROLE
- Một ROLE có thể được nhiều GROUP thực hiện
6 ODER – CUSTOMER - Một khách hàng có thể có một hay nhiều đơn đặt hàng
- Một đơn đặt hàng chỉ có thể do một khách hàng đặt
DEMO VÀ TRIỄN KHAI DỰ ÁN
GIAO DIỆN CHÍNH
4.1.1 Giao diện trang chủ trên Web
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.31 Giao diện trang chủ
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.32 Giao diện trang chủ phần giới thiệu
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.33 Giao diện trang chủ phần hợp tác thương hiệu
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.34 Giao diện trang chủ phần tin tức
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.35 Giao diện trang chủ phần chính sách mua hàng
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.36 Giao diện trang chủ phần sản phẩm
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.37 Giao diện trang chủ phần phản hồi từ khách hàng
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.38 Giao diện trang chủ phần thông tin liên hệ
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.39 Giao diện trang chủ phần footer
4.1.2 Giao diện trang chủ trên Smartphone
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.40 Giao diện trang trên Smartphone
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.41 Giao diện trang trên Smartphone
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.42 Giao diện trang trên Smartphone
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.43 Giao diện trang trên Smartphone
4.1.3 Giao diện trang sản phẩm trên Web
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.44 Giao diện trang sản phẩm trên Web
4.1.4 Giao diện trang sản phẩm trên Smartphone
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.45 Giao diện trang sản phẩm trên Smartphone
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.46 Giao diện trang sản phẩm trên Smartphone
4.1.5 Giao diện tin tức trên Web
4.1.6 Giao diện tin tức trên Smartphone
GIAO DIỆN BIÊN TẬP VIÊN
Trên Web
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.47 Giao diện Login trên Web
Trên Smartphone
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.48 Giao diện Login trên Smartphone
4.2.2 Trang chủ của biên tập viên
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.49 Trang chủ của biên tập viên trên web
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.50 Trang chủ của biên tập viên trên
Tài khoản biên tập viên khi vào hệ thống chỉ ccos quyền xem mà không có quyền chỉnh sửa hoặc cập nhật và thêm.
4.3 GIAO DIỆN QUẢN TRỊ VIÊN
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.51 Giao diện Login của quản trị viên
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.52 Giao diện Login của biên tập viên trên
4.3.2 Trang chủ của quản trị viên
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.53 Trang chủ của biên tập viên
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.54 Trang chủ của biên tập viên trên
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.55 Danh mục trên trang chủ
Trong Danh Mục gồm có 3 mục con là :
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.56 Giao diện trang chuyên mục
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.57 Thêm một chuyên mục mới
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.58 Biên tập viên có thể xóa và sửa
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.59 Giao diện khi bấm vào chuyên mục Root
Khi bấm vào chuyên mục Root sẽ hiển thị thêm 3 chuyên mục con là :
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.60 Giao diện khi bấm vào chuyên mục Product
Còn khi vào chuyên mục con Product cũng có các chuyên mục con khác được xem là l oại sản phẩm như :
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.61 Thêm một loại sản phẩm mới trong chuyên mục Product
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.62 Thêm thành công loại sản phẩm
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.63 Giao diện trong Authorized
Trong giao diện Authorized cũng gồm có các chuyên mục con để phân nhóm quyên là:
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.64 Giao diện quản lý sản phẩm
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.65 Thêm một sản phẩm mới
Chương 4: Demo và Triển Khai Dự Án Để lựa chọn chuyên mục cho sản phẩm, chúng ta cần xác định chuyên mục con đã đề cập trước đó.
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.67 Cập nhật lại sản phẩm mới thêm
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.68 Cập nhật thành công
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.69 Giao diện quản lý tin tức
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.70 Thêm tin tức
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.71 Cập nhật lại sản phẩm
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.72 Giao diện chuyên mục trên Smartphone
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.73 Giao diện sản phẩm trên Smartphone
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.74 Giao diện tin tức trên Smartphone
Chương 4: Demo và Triển Khai Dự Án Giao diện quản lý đơn đặt hàng sẽ hiển thị bảng hóa đơn nếu khách hàng đã thanh toán Ngược lại, hóa đơn sẽ không được hiển thị khi người dùng bấm vào chi tiết đơn hàng chưa thanh toán.
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.76 Giao diện chi tiết đơn hàng khi chưa được thanh toán
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.77 Giao diện nhóm quyền
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.78 Giao diện thành viên
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.79 Giao diện nhóm quyền Smartphone
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.80 Giao diện thành viên trên Smartphone
Thống kê theo tháng tính toán doanh thu của một tháng bán được bao nhiêu tiền.
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.81 Thống kê theo tháng
Hình CHƯƠNG 4 : DEMO VÀ TRIỄN KHAI DỰ ÁN.82 Thống kê theo tháng trên Smartphone
KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN
Kết luận
- Đã xây dựng được website bán mỹ phẩm trên nền tảng ASP.NET MVC5 với đầy đủ các tính năng cần thiết.
Ứng dụng công nghệ Bootstrap trong hệ thống giúp nâng cao tính tương thích của cấu trúc giao diện trên nhiều kích thước màn hình khác nhau, từ điện thoại di động đến máy tính bảng và Laptop/PC.
- Ứng dụng được các công nghệ JavaScript, Json, Ajax,…
- Rèn luyện kỹ năng tự học và giải quyết vấn đề.
- Củng cố kiến thức về: lập trình web (HTML, CSS, JavaScript), ASP.NET C#, LINQ, ADO.NET, Sql Server.
- Sử dụng thành thạo hơn các công cụ Microsoft Visual Studio 2017, Microsoft SQL Server 2014.
- Kiến thức về MVC còn hạn chế.
- Phương thức code và tổ chức code chưa được tối ưu.
Hướng phát triển
Đề tài "Xây dựng trang web bán mỹ phẩm Skin House trên nền tảng ASP.NET Core MVC" có thể nâng cao hiệu quả và trải nghiệm người dùng thông qua việc tích hợp thanh toán trực tuyến qua PayPal, Stripe, hoặc các dịch vụ như Momo, ZaloPay Tối ưu hóa giao diện cho thiết bị di động là cần thiết để mang lại trải nghiệm mượt mà trên mọi kích thước màn hình Quản lý sản phẩm nâng cao với thông báo khi sản phẩm sắp hết hàng và tùy chọn theo nhiều thuộc tính sẽ cải thiện hiệu suất vận hành Tối ưu hóa SEO giúp nâng cao thứ hạng trên công cụ tìm kiếm, thu hút lượt truy cập Phát triển hệ thống đánh giá và nhận xét sản phẩm tăng cường sự tin tưởng của khách hàng, trong khi tích hợp chatbot và hệ thống khuyến mãi sẽ cải thiện trải nghiệm người dùng và doanh số Phân tích dữ liệu từ hành vi người dùng và doanh thu hỗ trợ ra quyết định kinh doanh chính xác Cuối cùng, tăng cường bảo mật và tích hợp tính năng mạng xã hội góp phần đảm bảo an toàn thông tin và mở rộng tương tác với khách hàng Những hướng phát triển này sẽ giúp Skin House trở nên chuyên nghiệp và cạnh tranh trong thị trường.