Chuyển đến nội dung chính

Bài đăng

Đang hiển thị bài đăng từ Tháng 8, 2024

Ôn tập Angular: Tạo 1 ứng dụng đầu tiên - Part 2

Trong bài viết này, mình sẽ hướng dẫn mọi người cách cài đặt và tạo 1 ứng dụng Angular đơn giản Cài đặt môi trường phát triển Để bắt đầu với Angular, bạn cần cài đặt các công cụ sau: Node.js và npm Tải xuống Node.js từ trang web chính thức: https://nodejs.org/ Angular CLI Angular CLI là một công cụ được phát triển đề chạy trên giao diện cửa sổ ứng dụng (command line interface hay CLI) nhằm giúp đỡ việc tạo dự án, quản lý tập tin trong dự án và thực hiện nhiều tác vụ khác nhau như test (kiểm thử), bundle và deploy dự án một cách nhanh chóng và hiệu quả. Mở terminal hoặc command prompt và chạy lệnh sau: npm install -g @angular/cli Các lệnh Angular CLI thường dùng Tạo mới //Tạo một dự án Angular mới với tên "my-app". ng new my-app //Tạo một component mới có tên "my-component". ng generate component my-component //Tạo một service mới có tên "my-service". ng generate service my-service //Tạo một directive mới có tên "my-directive". ng generat

Ôn tập Angular: Tìm hiểu về Angular - Part 1

Trong series này, mình chủ yếu ôn lại kiến thức Angular để làm bài workshop. Hi vọng với chút kiến thức này sẽ giúp ích mình ôn tập thật nhanh Angular là gì? Angular là một framework mã nguồn mở, dựa trên TypeScript, được sử dụng để xây dựng các ứng dụng web một trang (SPA) và đa trang (MPA). Với Angular, bạn có thể: Xây dựng các ứng dụng có cấu trúc rõ ràng: Angular tuân theo mô hình MVC (Model-View-Controller), giúp tổ chức code gọn gàng và dễ dàng bảo trì. Tạo các thành phần tái sử dụng: Component là khối xây dựng cơ bản của ứng dụng Angular. Bạn có thể tạo các component một lần và sử dụng lại chúng ở nhiều nơi trong dự án. Nâng cao hiệu suất: Angular được tối ưu hóa cho tốc độ và hiệu suất. Nó sử dụng kỹ thuật render phía máy chủ và lazy loading để giảm thời gian tải trang. Hỗ trợ bởi cộng đồng lớn mạnh: Angular có một cộng đồng lớn mạnh, luôn sẵn sàng hỗ trợ bạn khi gặp khó khăn. Website chính thức của Angular: https://angular.dev/ Angular hoạt động thế nào? Components - Khối xây

Hướng dẫn sử dụng DependencyResolver trong Custom Validation Attribute

Custom Data Annotation (Attribute) là gì? Data Annotation trong ASP.NET MVC là một cách để bạn thêm các thuộc tính (metadata) vào các thuộc tính của model, cung cấp thông tin bổ sung về cách dữ liệu đó sẽ được xử lý. Custom Validation Attribute là một cách để bạn tự định nghĩa các quy tắc validate dữ liệu riêng cho các thuộc tính của model trong ASP.NET MVC. Nó kế thừa từ lớp ValidationAttribute và cho phép bạn tạo các logic validate phức tạp hơn so với các Data Annotation có sẵn. Ví dụ: [AttributeUsage(AttributeTargets.Property, AllowMultiple = false, Inherited = true)] public sealed class NotEqualToAttribute : ValidationAttribute { private const string DefaultErrorMessage = "{0} cannot be the same as {1}."; public string OtherProperty { get; private set; } public NotEqualToAttribute(string otherProperty) : base(DefaultErrorMessage) { if (string.IsNullOrEmpty(otherProperty)) { throw new ArgumentNullException("otherPro

Lấy lại quyền owner file/folder với TAKEOWN trên Windows

Vừa rồi mình gặp phải tình huống là nhận 1 máy của bạn vừa nghỉ. Mình không thể xóa file và folder của bạn đó vì bị chặn quyền truy cập. Thế là mình dùng lệnh TAKEOWN để lấy lại quyền truy cập. Sử dụng TAKEOWN Mở Command Prompt với quyền Administrator. Cú pháp cơ bản của lệnh TAKEOWN như sau: takeown /f "file/folder PATH" /r /d y /f: chỉ định đường dẫn đến file hoặc folder bạn muốn lấy lại quyền sở hữu. /r: áp dụng lệnh cho tất cả các file và folder con trong thư mục. /d y: tự động xác nhận yêu cầu lấy quyền sở hữu. Ví dụ: Để lấy lại quyền sở hữu cho folder "My Documents" trên ổ C, bạn sẽ nhập lệnh sau: takeown /f "C:\Users\YourUserName\Documents" /r /d y Gán quyền sở hữu cho user đang đăng nhập và Everyone: Sau khi sử dụng lệnh TAKEOWN, bạn cần gán quyền truy cập cho user đang đăng nhập và nhóm Everyone. Bạn có thể sử dụng lệnh ICACLS để thực hiện. icacls "file/folder PATH" /grant "current user":(OI)(CI)F /grant "Everyone&qu

Hướng dẫn sử dụng MsBuild

Trong bài viết này, chúng ta sẽ sử dụng MSBuild để restore and build dự án .NET MsBuild là gì? MSBuild, hay còn gọi là nền tảng Microsoft Build Engine, là một bộ công cụ được sử dụng để xây dựng các ứng dụng sử dụng trình biên dịch của Microsoft .\MSBuild D:\Projects\YourSolution.sln Trường hợp bạn muốn clean, restore packages, sau đó mới build solution: .\MSBuild D:\Projects\YourSolution.sln /t:Clean -t:restore -t:build /p:Configuration=Release Xem kiến trúc dự án tree /f  

Tạo Project Dependency graph cho dự án

Bạn đang phát triển một dự án .NET lớn và muốn trực quan hóa các phụ thuộc giữa các project con? UML là một công cụ tuyệt vời để tạo sơ đồ UML đơn giản chỉ bằng text Dưới đây là 2 đoạn mã minh họa bằng Powershell và C# PowerShell Đây là đoạn code gốc được viết bằng PowerShell trên https://blog.dantup.com/2012/05/free-dependency-graph-generation-using-powershell-and-yuml/: function Get-ProjectReferences { param( [Parameter(Mandatory)] [string]$rootFolder, [string[]]$excludeProjectsContaining ) dir $rootFolder -Filter *.csproj -Recurse | # Exclude any files matching our rules where { $excludeProjectsContaining -notlike "*$($_.BaseName)*" } | Select-References } function Select-References { param( [Parameter(ValueFromPipeline, Mandatory)] [System.IO.FileInfo]$project, [string[]]$excludeProjectsContaining ) process { $projectName = $_.BaseName [xml]$projectXml = G