1/ Các công nghệ sử dụng trong dự án :
Blazor là một web framework cho phép lập trình viên tương tác, làm việc với UI bằng c# code.
Blazor cho phép:
Tương tác với UI bằng c# code, không yêu cầu Javascript
Sử dụng Razor Component (razor cho phép trộn code c# và html)
Tận dụng sức mạnh của thư viện, framework .net trong ứng dụng Blazor
Có 2 loại ứng dụng Blazor: Blazor WebAssembly(client side) và Blazor Server(server side)
- WebAssembly (gọi tắt là Wasm) là một dạng mã máy nhị phân (bytecode). Các đoạn mã code viết bằng các ngôn ngữ như (C/C++, Rust, C#...) sẽ biên dịch thành dạng mã nhị phân nhờ vào Wasm mà trình duyệt (browser) có thể hiểu được. Hầu hết các trình duyệt hiện đại đều hỗ trợ Wasm
- Blazor WebAssembly hay còn gọi là Client Side Blazor. Đúng như tên gọi Blazor WebAssembly chạy toàn bộ ứng dụng ở phía client trên trình duyệt dựa trên WebAssembly.
- Blazor WebAssembly sẽ download tất cả mọi thứ về trình duyệt(Browse) bao gồm: HTML, CSS, Javascript các .NET DLL .NET Runtime.
ASP.NET Web API là một khuôn khổ để xây dựng các dịch vụ HTTP có thể được truy cập từ bất kỳ ứng dụng khách nào bao gồm cả trình duyệt và thiết bị di động. Nó là một nền tảng lý tưởng để xây dựng các ứng dụng RESTful trên .NET Framework.ASP.NET Web API là một khuôn khổ để xây dựng các dịch vụ HTTP có thể được truy cập từ bất kỳ ứng dụng khách nào bao gồm cả trình duyệt và thiết bị di động. Nó là một nền tảng lý tưởng để xây dựng các ứng dụng RESTful trên .NET Framework.
- Blazored LocalStorage:
Blazored LocalStorage là một thư viện cung cấp quyền truy cập vào các API lưu trữ cục bộ của trình duyệt cho các ứng dụng Blazor. Một lợi ích bổ sung của việc sử dụng thư viện này là nó sẽ xử lý các giá trị tuần tự hóa và giải mã hóa khi lưu hoặc truy xuất chúng.
- Blazored Toast:
Đây là một thư viện miễn phí JavaScript cho các ứng dụng Blazor và Razor Components. Nó hỗ trợ các biểu tượng được chỉ định bởi tên lớp (chẳng hạn như fontawesome) hoặc bởi một phần tử được chỉ định (Material Design).
- JSInterop:
Hiện tại, có một số tính năng WebAssembly không hỗ trợ, do đó Blazor không cung cấp quyền truy cập trực tiếp vào chúng. Đây thường là các tính năng API của trình duyệt. Để truy cập các tính năng (JSInterop) của trình duyệt này, chúng tôi cần sử dụng JavaScript làm trung gian giữa Blazor và trình duyệt.
- Radzen Blazor:
Radzen Blazor Components là thư viện mã nguồn mở và miễn phí cho mục đích thương mại. Bạn có thể cài đặt chúng từ nuget hoặc tạo bản sao của riêng bạn từ nguồn.
- Dependency Injection (Blazor):
Dependency Injection (DI) là một kỹ thuật để đạt được Inversion of Control (IoC) giữa các lớp và các phụ thuộc của chúng. Nói cách khác, nó là một kỹ thuật để truy cập các dịch vụ được cấu hình ở một vị trí trung tâm.
Blazor có hỗ trợ tích hợp cho tiêm phụ thuộc (DI).
Các ứng dụng Blazor có thể sử dụng các dịch vụ tích hợp sẵn bằng cách đưa chúng vào các thành phần.
Ứng dụng Blazor cũng có thể xác định các dịch vụ tùy chỉnh và cung cấp chúng thông qua DI.
2/ Các chức năng chính:
Chat với khách hàng
Chat với admin
Quản lý source code
Xử lý hình ảnh
Filter sản phẩm
Thanh toán qua cổng tmdt
Cập nhật thông tin sản phẩm
Cập nhật người dùng
Phân quyền người dùng
Thống kê doanh thu bán hàng
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
Link hướng dẫn cài đặt : https://www.youtube.com/watch?v=w73VdGD8mks
Nguồn: Topcode.vn
