در ویژوال استودیو 2013 پروژه جدیدی از نوع ASP.NET Web Application بسازید و نام آن را "ProductsApp" انتخاب کنید.
در دیالوگ New ASP.NET Project قالب Empty را انتخاب کنید و در قسمت "Add folders and core references for" گزینه Web API را انتخاب نمایید.
می توانید از قالب Web API هم استفاده کنید. این قالب با استفاده از ASP.NET MVC صفحات راهنمای API را خواهد ساخت. در این مقاله از قالب Empty استفاده میکنیم تا تمرکز اصلی، روی خود فریم ورک Web API باشد. بطور کلی برای استفاده از این فریم ورک لازم نیست با ASP.NET MVC آشنایی داشته باشید.
یک مدل (model) آبجکتی است که داده اپلیکیشن شما را معرفی میکند. ASP.NET Web API میتواند بصورت خودکار مدل شما را به JSON, XML و برخی فرمت‌های دیگر مرتب (serialize) کند، و سپس داده مرتب شده را در بدنه پیام HTTP Response بنویسد. تا وقتی که یک کلاینت بتواند فرمت مرتب سازی داده‌ها را بخواند، میتواند آبجکت شما را deserialize کند. اکثر کلاینت‌ها می‌توانند XML یا JSON را تفسیر کنند. بعلاوه کلاینت‌ها می‌توانند فرمت مورد نظرشان را با تنظیم Accept header در پیام HTTP Request مشخص کنند.
بگذارید تا با ساختن مدلی ساده که یک محصول (product) را معرفی میکند شروع کنیم.
کلاس جدیدی در پوشه Models ایجاد کنید.
نام کلاس را به "Product" تغییر دهید، و خواص زیر را به آن اضافه کنید.
namespace ProductsApp.Models
{
public class Product
{
public int Id { get; set; }
public string Name { get; set; }
public string Category { get; set; }
public decimal Price { get; set; }
}
} در Web API کنترلرها آبجکت هایی هستند که درخواست‌های HTTP را مدیریت کرده و آنها را به اکشن متدها نگاشت می‌کنند. ما کنترلری خواهیم ساخت که میتواند لیستی از محصولات، یا محصولی بخصوص را بر اساس شناسه برگرداند. اگر از ASP.NET MVC استفاده کرده اید، با کنترلرها آشنا هستید. کنترلرهای Web API مشابه کنترلرهای MVC هستند، با این تفاوت که بجای ارث بری از کلاس Controller از کلاس ApiController مشتق میشوند.
کنترلر جدیدی در پوشه Controllers ایجاد کنید.
در دیالوگ Add Scaffold گزینه Web API Controller - Empty را انتخاب کرده و روی Add کلیک کنید.
در دیالوگ Add Controller نام کنترلر را به "ProductsController" تغییر دهید و روی Add کلیک کنید.
توجه کنید که ملزم به ساختن کنترلرهای خود در پوشه Controllers نیستید، و این روش صرفا قراردادی برای مرتب نگاه داشتن ساختار پروژه‌ها است. کنترلر ساخته شده را باز کنید و کد زیر را به آن اضافه نمایید.
using ProductsApp.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Web.Http;
namespace ProductsApp.Controllers
{
public class ProductsController : ApiController
{
Product[] products = new Product[]
{
new Product { Id = 1, Name = "Tomato Soup", Category = "Groceries", Price = 1 },
new Product { Id = 2, Name = "Yo-yo", Category = "Toys", Price = 3.75M },
new Product { Id = 3, Name = "Hammer", Category = "Hardware", Price = 16.99M }
};
public IEnumerable<Product> GetAllProducts()
{
return products;
}
public IHttpActionResult GetProduct(int id)
{
var product = products.FirstOrDefault((p) => p.Id == id);
if (product == null)
{
return NotFound();
}
return Ok(product);
}
} همین! حالا یک Web API ساده دارید. هر یک از متدهای این کنترلر، به یک یا چند URI پاسخ می‌دهند:
| URI | Controller Method |
| api/products/ | GetAllProducts |
| api/products/id/ | GetProductById |
برای اطلاعات بیشتر درباره نحوه نگاشت درخواست‌های HTTP به اکشن متدها توسط Web API به این لینک مراجعه کنید.
در این قسمت یک صفحه HTML خواهیم ساخت که با استفاده از AJAX متدهای Web API را فراخوانی میکند. برای ارسال درخواست‌های آژاکسی و بروز رسانی صفحه بمنظور نمایش نتایج دریافتی از jQuery استفاده میکنیم.
در پنجره Solution Explorer روی نام پروژه کلیک راست کرده و گزینه Add, New Item را انتخاب کنید.
در دیالوگ Add New Item قالب HTML Page را انتخاب کنید و نام فایل را به "index.html" تغییر دهید.
حال محتوای این فایل را با لیست زیر جایگزین کنید.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Product App</title>
</head>
<body>
<div>
<h2>All Products</h2>
<ul id="products" />
</div>
<div>
<h2>Search by ID</h2>
<input type="text" id="prodId" size="5" />
<input type="button" value="Search" onclick="find();" />
<p id="product" />
</div>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.min.js"></script>
<script>
var uri = 'api/products';
$(document).ready(function () {
// Send an AJAX request
$.getJSON(uri)
.done(function (data) {
// On success, 'data' contains a list of products.
$.each(data, function (key, item) {
// Add a list item for the product.
$('<li>', { text: formatItem(item) }).appendTo($('#products'));
});
});
});
function formatItem(item) {
return item.Name + ': $' + item.Price;
}
function find() {
var id = $('#prodId').val();
$.getJSON(uri + '/' + id)
.done(function (data) {
$('#product').text(formatItem(data));
})
.fail(function (jqXHR, textStatus, err) {
$('#product').text('Error: ' + err);
});
}
</script>
</body>
</html> برای گرفتن لیستی از محصولات، یک درخواست HTTP GET به آدرس "api/products/" ارسال کنید.
تابع getJSON یک درخواست آژاکسی ارسال میکند. پاسخ دریافتی هم آرایه ای از آبجکت‌های JSON خواهد بود. تابع done در صورت موفقیت آمیز بودن درخواست، اجرا میشود. که در این صورت ما DOM را با اطلاعات محصولات بروز رسانی میکنیم.
$(document).ready(function () {
// Send an AJAX request
$.getJSON(apiUrl)
.done(function (data) {
// On success, 'data' contains a list of products.
$.each(data, function (key, item) {
// Add a list item for the product.
$('<li>', { text: formatItem(item) }).appendTo($('#products'));
});
});
}); برای گرفتن یک محصول توسط شناسه (ID) آن کافی است یک درخواست HTTP GET به آدرس "api/products/id/" ارسال کنید.
function find() {
var id = $('#prodId').val();
$.getJSON(apiUrl + '/' + id)
.done(function (data) {
$('#product').text(formatItem(data));
})
.fail(function (jqXHR, textStatus, err) {
$('#product').text('Error: ' + err);
});
} اپلیکیشن را با F5 اجرا کنید. صفحه وب باز شده باید چیزی مشابه تصویر زیر باشد.
برای گرفتن محصولی مشخص، شناسه آن را وارد کنید و روی Search کلیک کنید.
اگر شناسه نامعتبری وارد کنید، سرور یک خطای HTTP بر می‌گرداند.
هنگام کار با سرویس‌های HTTP، مشاهده‌ی درخواست‌های ارسال شده و پاسخ‌های دریافتی بسیار مفید است. برای اینکار می‌توانید از ابزار توسعه دهندگان وب استفاده کنید، که اکثر مرورگرهای مدرن، پیاده سازی خودشان را دارند. در اینترنت اکسپلورر می‌توانید با F12 به این ابزار دسترسی پیدا کنید. به برگه Network بروید و روی Start Capturing کلیک کنید. حالا صفحه وب را مجددا بارگذاری (reload) کنید. در این مرحله اینترنت اکسپلورر ترافیک HTTP بین مرورگر و سرور را تسخیر میکند. می‌توانید تمام ترافیک HTTP روی صفحه جاری را مشاهده کنید.
به دنبال آدرس نسبی "api/products/" بگردید و آن را انتخاب کنید. سپس روی Go to detailed view کلیک کنید تا جزئیات ترافیک را مشاهده کنید. در نمای جزئیات، می‌توانید headerها و بدنه درخواست‌ها و پاسخ‌ها را ببینید. مثلا اگر روی برگه Request headers کلیک کنید، خواهید دید که اپلیکیشن ما در Accept header داده‌ها را با فرمت "application/json" درخواست کرده است.
اگر روی برگه Response body کلیک کنید، می‌توانید ببینید چگونه لیست محصولات با فرمت JSON سریال شده است. همانطور که گفته شده مرورگرهای دیگر هم قابلیت‌های مشابهی دارند. یک ابزار مفید دیگر Fiddler است. با استفاده از این ابزار می‌توانید تمام ترافیک HTTP خود را مانیتور کرده، و همچنین درخواست‌های جدیدی بسازید که این امر کنترل کاملی روی HTTP headers به شما می‌دهد.
| (void Add(object | افزودن المان به آخر لیست |
| (void Remove(object | حذف یک المان خاص از لیست |
| ()void Clear | حذف کلیه المان‌ها |
| ( bool Contains(object | شامل این داده میشود یا خیر؟ |
| ( void RemoveAt(int | حذف یک المان بر اساس جایگاه یا اندیسش |
| (void Insert(int, object | افزودن یک المان در جایگاهی (اندیس) خاص بر اساس مقدار position |
| (int IndexOf(object | اندیس یا جایگاه یک عنصر را بر می‌گرداند |
| [this[int | ایندکسر ، برای دستریس به عنصر در اندیس مورد نظر |
public class CustomArrayList<T>
{
private T[] arr;
private int count;
public int Count
{
get
{
return this.count;
}
}
private const int INITIAL_CAPACITY = 4;
public CustomArrayList(int capacity = INITIAL_CAPACITY)
{
this.arr = new T[capacity];
this.count = 0;
} public void Add(T item)
{
GrowIfArrIsFull();
this.arr[this.count] = item;
this.count++;
}
public void Insert(int index, T item)
{
if (index > this.count || index < 0)
{
throw new IndexOutOfRangeException(
"Invalid index: " + index);
}
GrowIfArrIsFull();
Array.Copy(this.arr, index,
this.arr, index + 1, this.count - index);
this.arr[index] = item;
this.count++;
}
private void GrowIfArrIsFull()
{
if (this.count + 1 > this.arr.Length)
{
T[] extendedArr = new T[this.arr.Length * 2];
Array.Copy(this.arr, extendedArr, this.count);
this.arr = extendedArr;
}
}
public void Clear()
{
this.arr = new T[INITIAL_CAPACITY];
this.count = 0;
} 
برای پیاده سازی آن به دو کلاس نیاز داریم. کلاس ListNode برای نگهداری هر المان و اطلاعات المان بعدی به کار می‌رود که از این به بعد به آن Node یا گره می‌گوییم و دیگری کلاس <DynamicList<T برای نگهداری دنباله ای از گره‌ها و متدهای پردازشی آن.
public class DynamicList<T>
{
private class ListNode
{
public T Element { get; set; }
public ListNode NextNode { get; set; }
public ListNode(T element)
{
this.Element = element;
NextNode = null;
}
public ListNode(T element, ListNode prevNode)
{
this.Element = element;
prevNode.NextNode = this;
}
}
private ListNode head;
private ListNode tail;
private int count;
// …
} از آن جا که نیازی نیست کاربر با کلاس ListNode آشنایی داشته باشد و با آن سر و کله بزند، آن را داخل همان کلاس اصلی به صورت خصوصی استفاده میکنیم. این کلاس دو خاصیت دارد؛ یکی برای المان اصلی و دیگر گره بعدی. این کلاس دارای دو سازنده است که اولی تنها برای عنصر اول به کار می‌رود. چون اولین بار است که یک گره ایجاد میشود، پس باید خاصیت NextNode یعنی گره بعدی در آن Null باشد و سازنده‌ی دوم برای گره‌های شماره 2 به بعد به کار می‌رود که همراه المان داده شده، گره قبلی را هم ارسال میکنیم تا خاصیت NextNode آن را به گره جدیدی که می‌سازیم مرتبط سازد. سه خاصیت کلاس اصلی به نام‌های Count,Tail,Head به ترتیب برای اشاره به اولین گره، آخرین گره و تعداد گره‌ها، به کار می‌روند که در ادامه کد آن‌را در زیر می‌بینیم:
public DynamicList()
{
this.head = null;
this.tail = null;
this.count = 0;
}
public void Add(T item)
{
if (this.head == null)
{
this.head = new ListNode(item);
this.tail = this.head;
}
else
{
ListNode newNode = new ListNode(item, this.tail);
this.tail = newNode;
}
this.count++;
} سازنده مقدار دهی پیش فرض را انجام می‌دهد. در متد Add المان جدیدی باید افزوده شود؛ پس چک میکند این المان ارسالی قرار است اولین گره باشد یا خیر؟ اگر head که به اولین گره اشاره دارد Null باشد، به این معنی است که این اولین گره است. پس اولین سازنده‌ی کلاس ListNode را صدا می‌زنیم و آن را در متغیر Head قرار میدهیم و چون فقط همین گره را داریم، پس آخرین گره هم شناخته میشود که در tail نیز قرار می‌گیرد. حال اگر فرض کنیم المان بعدی را به آن بدهیم، اینبار دیگر Head برابر Null نخواهد بود. پس دومین سازنده‌ی ListNode صدا زده میشود که به غیر از المان جدید، باید آخرین گره قبلی هم با آن ارسال شود و گره جدیدی که ایجاد میشود در خاصیت NextNode آن نیز قرار بگیرد و در نهایت گره ایجاد شده به عنوان آخرین گره لیست در متغیر Tail نیز قرار می‌گیرد. در خط پایانی هم به هر مدلی که المان جدید به لیست اضافه شده باشد متغیر Count به روز میشود.
public T RemoveAt(int index)
{
if (index >= count || index < 0)
{
throw new ArgumentOutOfRangeException(
"Invalid index: " + index);
}
int currentIndex = 0;
ListNode currentNode = this.head;
ListNode prevNode = null;
while (currentIndex < index)
{
prevNode = currentNode;
currentNode = currentNode.NextNode;
currentIndex++;
}
RemoveListNode(currentNode, prevNode);
return currentNode.Element;
}
private void RemoveListNode(ListNode node, ListNode prevNode)
{
count--;
if (count == 0)
{
this.head = null;
this.tail = null;
}
else if (prevNode == null)
{
this.head = node.NextNode;
}
else
{
prevNode.NextNode = node.NextNode;
}
if (object.ReferenceEquals(this.tail, node))
{
this.tail = prevNode;
}
} برای حذف یک گره شماره اندیس آن گره را دریافت میکنیم و از Head، گره را بیرون کشیده و با خاصیت nextNode آنقدر به سمت جلو حرکت میکنیم تا متغیر currentIndex یا اندیس داده شده برابر شود و سپس گره دریافتی و گره قبلی آن را به سمت تابع RemoveListNode ارسال میکنیم. کاری که این تابع انجام می‌دهد این است که مقدار NextNode گره فعلی که قصد حذفش را داریم به خاصیت Next Node گره قبلی انتساب می‌دهد. پس به این ترتیب پیوند این گره از لیست از دست می‌رود و گره قبلی به جای اشاره به این گره، به گره بعد از آن اشاره میکند. مابقی کد از قبیل جست و برگردان اندیس یک عنصر و ... را به خودتان وگذار می‌کنم.
در روش‌های بالا ما خودمان 2 عدد ADT را پیاده سازی کردیم و متوجه شدیم برای دخیره داده‌ها در حافظه روش‌های متفاوتی وجود دارند که بیشتر تفاوت آن در مورد استفاده از حافظه و کارآیی این روش هاست.
لیست‌های پیوندی دو طرفه Doubly Linked_List
لیست‌های پیوندی بالا یک طرفه بودند و اگر ما یک گره را داشتیم و می‌خواستیم به گره قبلی آن رجوع کنیم، اینکار ممکن نبود و مجبور بودیم برای رسیدن به آن از ابتدای گره حرکت را آغاز کنیم تا به آن برسیم. به همین منظور مبحث لیست‌های پیوندی دو طرفه آغاز شد. به این ترتیب هر گره به جز حفظ ارتباط با گره بعدی از طریق خاصیت NextNode، ارتباطش را با گره قبلی از طریق خاصیت PrevNode نیز حفظ میکند.
این مبحث را در اینجا می‌بندیم و در قسمت بعدی آن را ادامه میدهیم.
using System;
using System.ComponentModel.DataAnnotations;
using System.ComponentModel.DataAnnotations.Schema;
namespace BlazorServer.Entities
{
public class RoomOrderDetail
{
public int Id { get; set; }
[Required]
public string UserId { get; set; }
[Required]
public string StripeSessionId { get; set; }
public DateTime CheckInDate { get; set; }
public DateTime CheckOutDate { get; set; }
public DateTime ActualCheckInDate { get; set; }
public DateTime ActualCheckOutDate { get; set; }
public long TotalCost { get; set; }
public int RoomId { get; set; }
public bool IsPaymentSuccessful { get; set; }
[Required]
public string Name { get; set; }
[Required]
public string Email { get; set; }
public string Phone { get; set; }
[ForeignKey("RoomId")]
public HotelRoom HotelRoom { get; set; }
public string Status { get; set; }
}
} namespace BlazorServer.Common
{
public static class BookingStatus
{
public const string Pending = "Pending";
public const string Booked = "Booked";
public const string CheckedIn = "CheckedIn";
public const string CheckedOutCompleted = "CheckedOut";
public const string NoShow = "NoShow";
public const string Cancelled = "Cancelled";
}
} namespace BlazorServer.DataAccess
{
public class ApplicationDbContext : IdentityDbContext<ApplicationUser>
{
public DbSet<RoomOrderDetail> RoomOrderDetails { get; set; }
// ...
}
} dotnet tool update --global dotnet-ef --version 5.0.4 dotnet build dotnet ef migrations --startup-project ../../BlazorWasm/BlazorWasm.WebApi/ add AddRoomOrderDetails --context ApplicationDbContext dotnet ef --startup-project ../../BlazorWasm/BlazorWasm.WebApi/ database update --context ApplicationDbContext
using System;
using System.ComponentModel.DataAnnotations;
namespace BlazorServer.Models
{
public class RoomOrderDetailsDTO
{
public int Id { get; set; }
[Required]
public string UserId { get; set; }
[Required]
public string StripeSessionId { get; set; }
[Required]
public DateTime CheckInDate { get; set; }
[Required]
public DateTime CheckOutDate { get; set; }
public DateTime ActualCheckInDate { get; set; }
public DateTime ActualCheckOutDate { get; set; }
[Required]
public long TotalCost { get; set; }
[Required]
public int RoomId { get; set; }
public bool IsPaymentSuccessful { get; set; }
[Required]
public string Name { get; set; }
[Required]
public string Email { get; set; }
public string Phone { get; set; }
public HotelRoomDTO HotelRoomDTO { get; set; }
public string Status { get; set; }
}
} namespace BlazorServer.Models.Mappings
{
public class MappingProfile : Profile
{
public MappingProfile()
{
// ...
CreateMap<RoomOrderDetail, RoomOrderDetailsDTO>().ReverseMap(); // two-way mapping
}
}
} namespace BlazorServer.Services
{
public interface IRoomOrderDetailsService
{
Task<RoomOrderDetailsDTO> CreateAsync(RoomOrderDetailsDTO details);
Task<List<RoomOrderDetailsDTO>> GetAllRoomOrderDetailsAsync();
Task<RoomOrderDetailsDTO> GetRoomOrderDetailAsync(int roomOrderId);
Task<bool> IsRoomBookedAsync(int RoomId, DateTime checkInDate, DateTime checkOutDate);
Task<RoomOrderDetailsDTO> MarkPaymentSuccessfulAsync(int id);
Task<bool> UpdateOrderStatusAsync(int RoomOrderId, string status);
}
} namespace BlazorServer.Services
{
public class RoomOrderDetailsService : IRoomOrderDetailsService
{
private readonly ApplicationDbContext _dbContext;
private readonly IMapper _mapper;
private readonly IConfigurationProvider _mapperConfiguration;
public RoomOrderDetailsService(ApplicationDbContext dbContext, IMapper mapper)
{
_dbContext = dbContext ?? throw new ArgumentNullException(nameof(dbContext));
_mapper = mapper ?? throw new ArgumentNullException(nameof(mapper));
_mapperConfiguration = mapper.ConfigurationProvider;
}
public async Task<RoomOrderDetailsDTO> CreateAsync(RoomOrderDetailsDTO details)
{
var roomOrder = _mapper.Map<RoomOrderDetail>(details);
roomOrder.Status = BookingStatus.Pending;
var result = await _dbContext.RoomOrderDetails.AddAsync(roomOrder);
await _dbContext.SaveChangesAsync();
return _mapper.Map<RoomOrderDetailsDTO>(result.Entity);
}
public Task<List<RoomOrderDetailsDTO>> GetAllRoomOrderDetailsAsync()
{
return _dbContext.RoomOrderDetails
.Include(roomOrderDetail => roomOrderDetail.HotelRoom)
.ProjectTo<RoomOrderDetailsDTO>(_mapperConfiguration)
.ToListAsync();
}
public async Task<RoomOrderDetailsDTO> GetRoomOrderDetailAsync(int roomOrderId)
{
var roomOrderDetailsDTO = await _dbContext.RoomOrderDetails
.Include(u => u.HotelRoom)
.ThenInclude(x => x.HotelRoomImages)
.ProjectTo<RoomOrderDetailsDTO>(_mapperConfiguration)
.FirstOrDefaultAsync(u => u.Id == roomOrderId);
roomOrderDetailsDTO.HotelRoomDTO.TotalDays =
roomOrderDetailsDTO.CheckOutDate.Subtract(roomOrderDetailsDTO.CheckInDate).Days;
return roomOrderDetailsDTO;
}
public Task<bool> IsRoomBookedAsync(int RoomId, DateTime checkInDate, DateTime checkOutDate)
{
return _dbContext.RoomOrderDetails
.AnyAsync(
roomOrderDetail =>
roomOrderDetail.RoomId == RoomId &&
roomOrderDetail.IsPaymentSuccessful &&
(
(checkInDate < roomOrderDetail.CheckOutDate && checkInDate > roomOrderDetail.CheckInDate) ||
(checkOutDate > roomOrderDetail.CheckInDate && checkInDate < roomOrderDetail.CheckInDate)
)
);
}
public Task<RoomOrderDetailsDTO> MarkPaymentSuccessfulAsync(int id)
{
throw new NotImplementedException();
}
public Task<bool> UpdateOrderStatusAsync(int RoomOrderId, string status)
{
throw new NotImplementedException();
}
}
} namespace BlazorWasm.WebApi
{
public class Startup
{
// ...
public void ConfigureServices(IServiceCollection services)
{
services.AddScoped<IRoomOrderDetailsService, RoomOrderDetailsService>();
// ... namespace BlazorWasm.Client.Services
{
public interface IClientRoomOrderDetailsService
{
Task<RoomOrderDetailsDTO> MarkPaymentSuccessfulAsync(RoomOrderDetailsDTO details);
Task<RoomOrderDetailsDTO> SaveRoomOrderDetailsAsync(RoomOrderDetailsDTO details);
}
} namespace BlazorWasm.Client.Services
{
public class ClientRoomOrderDetailsService : IClientRoomOrderDetailsService
{
private readonly HttpClient _httpClient;
public ClientRoomOrderDetailsService(HttpClient httpClient)
{
_httpClient = httpClient ?? throw new ArgumentNullException(nameof(httpClient));
}
public Task<RoomOrderDetailsDTO> MarkPaymentSuccessfulAsync(RoomOrderDetailsDTO details)
{
throw new NotImplementedException();
}
public Task<RoomOrderDetailsDTO> SaveRoomOrderDetailsAsync(RoomOrderDetailsDTO details)
{
throw new NotImplementedException();
}
}
} namespace BlazorWasm.Client
{
public class Program
{
public static async Task Main(string[] args)
{
var builder = WebAssemblyHostBuilder.CreateDefault(args);
// ...
builder.Services.AddScoped<IClientRoomOrderDetailsService, ClientRoomOrderDetailsService>();
// ...
}
}
} using BlazorServer.Models;
namespace BlazorWasm.Client.Models.ViewModels
{
public class HotelRoomBookingVM
{
public RoomOrderDetailsDTO OrderDetails { get; set; }
}
} @page "/hotel/room-details/{Id:int}"
@inject IJSRuntime JsRuntime
@inject ILocalStorageService LocalStorage
@inject IClientHotelRoomService HotelRoomService
@if (HotelBooking?.OrderDetails?.HotelRoomDTO?.HotelRoomImages == null)
{
<div class="spinner"></div>
}
else
{
}
@code {
[Parameter]
public int? Id { get; set; }
HotelRoomBookingVM HotelBooking = new HotelRoomBookingVM();
int NoOfNights = 1;
protected override async Task OnInitializedAsync()
{
try
{
HotelBooking.OrderDetails = new RoomOrderDetailsDTO();
if (Id != null)
{
if (await LocalStorage.GetItemAsync<HomeVM>(ConstantKeys.LocalInitialBooking) != null)
{
var roomInitialInfo = await LocalStorage.GetItemAsync<HomeVM>(ConstantKeys.LocalInitialBooking);
HotelBooking.OrderDetails.HotelRoomDTO = await HotelRoomService.GetHotelRoomDetailsAsync(
Id.Value, roomInitialInfo.StartDate, roomInitialInfo.EndDate);
NoOfNights = roomInitialInfo.NoOfNights;
HotelBooking.OrderDetails.CheckInDate = roomInitialInfo.StartDate;
HotelBooking.OrderDetails.CheckOutDate = roomInitialInfo.EndDate;
HotelBooking.OrderDetails.HotelRoomDTO.TotalDays = roomInitialInfo.NoOfNights;
HotelBooking.OrderDetails.HotelRoomDTO.TotalAmount =
roomInitialInfo.NoOfNights * HotelBooking.OrderDetails.HotelRoomDTO.RegularRate;
}
else
{
HotelBooking.OrderDetails.HotelRoomDTO = await HotelRoomService.GetHotelRoomDetailsAsync(
Id.Value, DateTime.Now, DateTime.Now.AddDays(1));
NoOfNights = 1;
HotelBooking.OrderDetails.CheckInDate = DateTime.Now;
HotelBooking.OrderDetails.CheckOutDate = DateTime.Now.AddDays(1);
HotelBooking.OrderDetails.HotelRoomDTO.TotalDays = 1;
HotelBooking.OrderDetails.HotelRoomDTO.TotalAmount =
HotelBooking.OrderDetails.HotelRoomDTO.RegularRate;
}
}
}
catch (Exception e)
{
await JsRuntime.ToastrError(e.Message);
}
}
} namespace BlazorWasm.Client.Services
{
public class ClientHotelRoomService : IClientHotelRoomService
{
private readonly HttpClient _httpClient;
public ClientHotelRoomService(HttpClient httpClient)
{
_httpClient = httpClient ?? throw new ArgumentNullException(nameof(httpClient));
}
public Task<HotelRoomDTO> GetHotelRoomDetailsAsync(int roomId, DateTime checkInDate, DateTime checkOutDate)
{
// How to url-encode query-string parameters properly
var uri = new UriBuilderExt(new Uri(_httpClient.BaseAddress, $"/api/hotelroom/{roomId}"))
.AddParameter("checkInDate", $"{checkInDate:yyyy'-'MM'-'dd}")
.AddParameter("checkOutDate", $"{checkOutDate:yyyy'-'MM'-'dd}")
.Uri;
return _httpClient.GetFromJsonAsync<HotelRoomDTO>(uri);
}
public Task<IEnumerable<HotelRoomDTO>> GetHotelRoomsAsync(DateTime checkInDate, DateTime checkOutDate)
{
// ...
}
}
} @if (HotelBooking?.OrderDetails?.HotelRoomDTO?.HotelRoomImages == null)
{
<div class="spinner"></div>
}
else
{
<div class="mt-4 mx-4 px-0 px-md-5 mx-md-5">
<div class="row p-2 my-3 " style="border-radius:20px; ">
<div class="col-12 col-lg-7 p-4" style="border: 1px solid gray">
<div class="row px-2 text-success border-bottom">
<div class="col-8 py-1"><p style="font-size:x-large;margin:0px;">Selected Room</p></div>
<div class="col-4 p-0"><a href="hotel/rooms" class="btn btn-secondary btn-block">Back to Room's</a></div>
</div>
<div class="row">
<div class="col-6">
<div id="" class="carousel slide mb-4 m-md-3 m-0 pt-3 pt-md-0" data-ride="carousel">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="images/slide1.jpg" alt="First slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
<div class="col-6">
<span class="float-right pt-4">
<span class="float-right">Occupancy : @HotelBooking.OrderDetails.HotelRoomDTO.Occupancy adults </span><br />
<span class="float-right pt-1">Size : @HotelBooking.OrderDetails.HotelRoomDTO.SqFt sqft</span><br />
<h4 class="text-warning font-weight-bold pt-5">
<span style="border-bottom:1px solid #ff6a00">
@HotelBooking.OrderDetails.HotelRoomDTO.TotalAmount.ToString("#,#.00#;(#,#.00#)")
</span>
</h4>
<span class="float-right">Cost for @HotelBooking.OrderDetails.HotelRoomDTO.TotalDays nights</span>
</span>
</div>
</div>
<div class="row p-2">
<div class="col-12">
<p class="card-title text-warning" style="font-size:xx-large">@HotelBooking.OrderDetails.HotelRoomDTO.Name</p>
<p class="card-text" style="font-size:large">
@((MarkupString)@HotelBooking.OrderDetails.HotelRoomDTO.Details)
</p>
</div>
</div>
</div>
} @if (HotelBooking?.OrderDetails?.HotelRoomDTO?.HotelRoomImages == null)
{
<div class="spinner"></div>
}
else
{
// ...
<div class="col-12 col-lg-5 p-4 2 mt-4 mt-md-0" style="border: 1px solid gray;">
<EditForm Model="HotelBooking" class="container" OnValidSubmit="HandleCheckout">
<div class="row px-2 text-success border-bottom"><div class="col-7 py-1"><p style="font-size:x-large;margin:0px;">Enter Details</p></div></div>
<div class="form-group pt-2">
<label class="text-warning">Name</label>
<InputText @bind-Value="HotelBooking.OrderDetails.Name" type="text" class="form-control" />
</div>
<div class="form-group pt-2">
<label class="text-warning">Phone</label>
<InputText @bind-Value="HotelBooking.OrderDetails.Phone" type="text" class="form-control" />
</div>
<div class="form-group">
<label class="text-warning">Email</label>
<InputText @bind-Value="HotelBooking.OrderDetails.Email" type="text" class="form-control" />
</div>
<div class="form-group">
<label class="text-warning">Check in Date</label>
<InputDate @bind-Value="HotelBooking.OrderDetails.CheckInDate" type="date" disabled class="form-control" />
</div>
<div class="form-group">
<label class="text-warning">Check Out Date</label>
<InputDate @bind-Value="HotelBooking.OrderDetails.CheckOutDate" type="date" disabled class="form-control" />
</div>
<div class="form-group">
<label class="text-warning">No. of nights</label>
<select class="form-control" value="@NoOfNights" @onchange="HandleNoOfNightsChange">
@for (var i = 1; i <= 10; i++)
{
if (i == NoOfNights)
{
<option value="@i" selected="selected">@i</option>
}
else
{
<option value="@i">@i</option>
}
}
</select>
</div>
<div class="form-group">
<button type="submit" class="btn btn-success form-control">Checkout Now</button>
</div>
</EditForm>
</div>
</div>
</div>
} @code {
// ...
private async Task HandleNoOfNightsChange(ChangeEventArgs e)
{
NoOfNights = Convert.ToInt32(e.Value.ToString());
HotelBooking.OrderDetails.HotelRoomDTO = await HotelRoomService.GetHotelRoomDetailsAsync(
Id.Value,
HotelBooking.OrderDetails.CheckInDate,
HotelBooking.OrderDetails.CheckInDate.AddDays(NoOfNights));
HotelBooking.OrderDetails.CheckOutDate = HotelBooking.OrderDetails.CheckInDate.AddDays(NoOfNights);
HotelBooking.OrderDetails.HotelRoomDTO.TotalDays = NoOfNights;
HotelBooking.OrderDetails.HotelRoomDTO.TotalAmount =
NoOfNights * HotelBooking.OrderDetails.HotelRoomDTO.RegularRate;
}
private async Task HandleCheckout()
{
if (!await HandleValidation())
{
return;
}
}
private async Task<bool> HandleValidation()
{
if (string.IsNullOrEmpty(HotelBooking.OrderDetails.Name))
{
await JsRuntime.ToastrError("Name cannot be empty");
return false;
}
if (string.IsNullOrEmpty(HotelBooking.OrderDetails.Phone))
{
await JsRuntime.ToastrError("Phone cannot be empty");
return false;
}
if (string.IsNullOrEmpty(HotelBooking.OrderDetails.Email))
{
await JsRuntime.ToastrError("Email cannot be empty");
return false;
}
return true;
}
} _identityVerifier.Initialize();
namespace Loans.Tests
{
[TestClass]
public class LoanApplicationProcessorShould
{
[TestMethod]
public void InitializeIdentityVerifier()
{
var product = new LoanProduct {Id = 99, ProductName = "Loan", InterestRate = 5.25m};
var amount = new LoanAmount {CurrencyCode = "Rial", Principal = 2_000_000_0};
var applicant =
new Applicant {Id = 1, Name = "User 1", Age = 25, Address = "This place", Salary = 1_500_000_0};
var application = new LoanApplication {Id = 42, Product = product, Amount = amount, Applicant = applicant};
var mockIdentityVerifier = new Mock<IIdentityVerifier>();
mockIdentityVerifier.Setup(x => x.Validate(applicant.Name, applicant.Age, applicant.Address))
.Returns(true);
var mockCreditScorer = new Mock<ICreditScorer>();
mockCreditScorer.Setup(x => x.ScoreResult.ScoreValue.Score).Returns(110_000);
var processor = new LoanApplicationProcessor(mockIdentityVerifier.Object, mockCreditScorer.Object);
processor.Process(application);
mockIdentityVerifier.Verify(x => x.Initialize());
}
}
} mockCreditScorer.Verify(x => x.CalculateScore(applicant.Name, applicant.Address));
mockCreditScorer.Verify(x =>
x.CalculateScore(It.IsAny<string>(), applicant.Address),
Times.Once); if (_creditScorer.ScoreResult.ScoreValue.Score < MinimumCreditScore)
mockCreditScorer.VerifyGet(x => x.ScoreResult.ScoreValue.Score, Times.Once);
mockCreditScorer.VerifySet(x => x.Count = It.IsAny<int>(), Times.Once);
mockCreditScorer.SetupProperty(x => x.Count, 10); Assert.AreEqual(11, mockCreditScorer.Object.Count);
mockIdentityVerifier.VerifyNoOtherCalls();
mockIdentityVerifier.Verify(x => x.Validate(It.IsAny<string>(),
It.IsAny<int>(),
It.IsAny<string>())); Try .NET is an interactive documentation generator for .NET Core.
Use Try .NET to create executable C# snippets for your websites or, interactive markdown files that users can run on their machine.
Try .NET execute C# code in client side using Blazor and Web Assembly.
JSON Web Token is a security token which acts as a container for claims about the user, it can be transmitted easily between the Authorization server (Token Issuer), and the Resource server (Audience), the claims in JWT are encoded using JSON which make it easier to use especially in applications built using JavaScript.
