namespace BlazorServerSample.Models
{
public class BlazorRoom
{
public int Id { set; get; }
public string Name { set; get; }
public decimal Price { set; get; }
public bool IsActive { set; get; }
}
} @using BlazorServerSample.Models
@page "/"
<h2 class="bg-light border p-2">
First Room
</h2>
Room: @Room.Name
<br/>
Price: @Room.Price
@code
{
BlazorRoom Room = new BlazorRoom
{
Id = 1,
Name = "Room 1",
IsActive = true,
Price = 499
};
} 
<input type="number" value="@Room.Price" />
<input type="number" @bind-value="@Room.Price" />
<input type="number" @bind-value="@Room.Price" @bind-value:event="oninput" />
<input type="checkbox" @bind-value="Room.IsActive" /> <br/> This room is @(Room.IsActive? "Active" : "Inactive").
<input type="checkbox" @bind-value="Room.IsActive" checked="@(Room.IsActive? "cheked" : null)" />
using System.Collections.Generic;
namespace BlazorServerSample.Models
{
public class BlazorRoom
{
// ...
public List<BlazorRoomProp> RoomProps { set; get; }
}
public class BlazorRoomProp
{
public int Id { set; get; }
public string Name { set; get; }
public string Value { set; get; }
}
} @code
{
BlazorRoom Room = new BlazorRoom
{
Id = 1,
Name = "Room 1",
IsActive = true,
Price = 499,
RoomProps = new List<BlazorRoomProp>
{
new BlazorRoomProp
{
Id = 1, Name = "Sq Ft", Value = "100"
},
new BlazorRoomProp
{
Id = 2, Name = "Occupancy", Value = "3"
}
}
};
} <select @bind="SelectedRoomPropValue">
@foreach (var prop in Room.RoomProps)
{
<option value="@prop.Value">@prop.Name</option>
}
</select>
<span>The value of the selected room prop is: @SelectedRoomPropValue</span>
@code
{
string SelectedRoomPropValue = "";
// ... 
@code
{
string SelectedRoomPropValue = "";
List<BlazorRoom> Rooms = new List<BlazorRoom>();
protected override void OnInitialized()
{
base.OnInitialized();
Rooms.Add(new BlazorRoom
{
Id = 1,
Name = "Room 1",
IsActive = true,
Price = 499,
RoomProps = new List<BlazorRoomProp>
{
new BlazorRoomProp
{
Id = 1, Name = "Sq Ft", Value = "100"
},
new BlazorRoomProp
{
Id = 2, Name = "Occupancy", Value = "3"
}
}
});
Rooms.Add(new BlazorRoom
{
Id = 2,
Name = "Room 2",
IsActive = true,
Price = 399,
RoomProps = new List<BlazorRoomProp>
{
new BlazorRoomProp
{
Id = 1, Name = "Sq Ft", Value = "250"
},
new BlazorRoomProp
{
Id = 2, Name = "Occupancy", Value = "4"
}
}
});
}
} 
<div class="border p-2 mt-3">
<h2 class="text-info">Rooms List</h2>
<table class="table table-dark">
@foreach(var room in Rooms)
{
<tr>
<td>
<input type="text" @bind-value="room.Name" @bind-value:event="oninput"/>
</td>
<td>
<input type="text" @bind-value="room.Price" @bind-value:event="oninput"/>
</td>
@foreach (var roomProp in room.RoomProps)
{
<td>
@roomProp.Name, @roomProp.Value
</td>
}
</tr>
}
</table>
@foreach(var room in Rooms)
{
<p>@room.Name's price is @room.Price.</p>
}
</div> سلام
من مرتبا با خطای AntiForgeryToken مواجه میشم.
یکبار این پیغام صرفا بر روی host ایجاد میشه وگاهی وقت‌ها هم بر روی لوکال. کلیه ورود اطلاعات را با این فیلتر امنیتی مشخص کردم . در اینترنت جستجو کردم و خیلی‌ها این مشکل داشتند و پیشنهاد کردن که در WebConfig نوع الگوریتم و کلید کد و دیکد را مشخص کنم، اما می‌خواستم بدونم اصلا علت بروز گه گاه این خطا چیست و چرا همیشگی نیست و مشخص کردن کد و الگوریتم کار صحیحی هست یا خیر؟
<link rel="canonical" href="http://mysite.ir/home/index/5/صفحه-اصلی" />
<html>
<head>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
</head>
<body>
</body>
</html>var checkedValue;
var elements = document.getElementByTagName ('input');
for (var n = 0; n < elements.length; n++) {
if (elements[n].type == 'radio' && elements[n].name == 'myRadioGroup' && elements[n].checked) {
checkedValue = elements[n].value;
}
}var checkedValue = $ ('[name="myRadioGroup"]:checked').val();<button type="button" onclick="document.getElementById('xyz').style.color='red';">
Click Me
</button>مجموعه عناصر در جی کوئری:
زمانی که CSS به عنوان یک تکنولوژی به منظور جداسازی طراحی از ساختار به دنیای صفحه‌های اینترنتی معرفی شد، می‌بایست راهی برای اشاره به اجزای صفحات از طرف فایل CSS نیز معرفی می‌شد. این امر از طریق انتخاب‌کننده‌ها (Selector) صورت پذیرفت.
برای مثال انتخاب‌کننده زیر، به تمام عناصر <a> اشاره دارد که در یک عنصر <p> قرار گرفته‌اند:
p a
$(Selector) یا jQuery(Selector)
$("p a")$("div.notLongForThisWorld").fadeOut();$("div.notLongForThisWorld").fadeOut().addClass("removed");| نتیجه | انتخاب کننده | |
| تمام <p>های زوج را انتخاب میکند | $('p:even') | |
| سطر اول هر جدول را انتخاب میکند | $("tr:nth-child(1)"); | |
| <div>هایی که مستقیما در <body> تعریف شده باشند را انتخاب میکند. | $("body > div"); | |
| لینک هایی که به یک فایل pdf اشاره دارند را انتخاب میکند. | $("a[href$=pdf]"); | |
| تمام <div> هایی که مستقیما در <body> معرفی شده اند و دارای لینک میباشند را انتخاب میکند. | $("body > div:has(a)") | |
ادامه مطالب در پست‌های بعدی تشریح خواهد شد.
<Import Project="$(MSBuildExtensionsPath)\Microsoft\MicrosoftAjax\ajaxmin.tasks" />
<Target Name="AfterBuild">
<ItemGroup>
<JS Include="**\*.js" Exclude="**\*.min.js;Scripts\*.js" />
</ItemGroup>
<ItemGroup>
<CSS Include="**\*.css" Exclude="**\*.min.css" />
</ItemGroup>
<AjaxMin
JsSourceFiles="@(JS)" JsSourceExtensionPattern="\.js$" JsTargetExtension=".min.js"
CssSourceFiles="@(CSS)" CssSourceExtensionPattern="\.css$" CssTargetExtension=".min.css" />
</Target>
.AddClasses(classes => classes.InNamespaces("SingletonServices"))
npm install
ng add @angular/PWA
ng build -- prod
cd dist/Web Application Pwa
Http-server -o
npm i http-server
"$schema": "./node_modules/@angular/service-worker/config/schema.json",
"index": "/index.html",
"assetGroups": [
{
"name": "app",
"installMode": "prefetch",
"resources": {
"files": [
"/favicon.ico",
"/index.html",
"/*.css",
"/*.js"
]
}
}, {
"name": "assets",
"installMode": "lazy",
"updateMode": "prefetch",
"resources": {
"files": [
"/assets/**",
"/*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)"
]
}
}
],
"dataGroups": [
{
"name": "api-performance",
"urls": [
"https://api/**"
],
"cacheConfig": {
"strategy": "performance",
"maxSize": 100,
"maxAge": "3d"
}
}
]
} "https://api/**"
if(this.swUpdate.isEnabled)
{
this.swUpdate.available.subscribe(()=> {
if(confirm("New Version available.Load New Version?")){
window.location.reload();
}
})
}
Age :number Fullname :string Mobile : string
npm install --save firebase @angular/fire
@NgModule({
declarations: [AppComponent, RegisterComponent,AboutComponent, UserListComponent],
imports: [
BrowserModule,
FormsModule,
HttpClientModule,
HttpClientModule,
SharedModule,
AppRoutingModule,
AngularFireModule.initializeApp(environmentFirebase.firebase),
AngularFireDatabaseModule,
ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production }),
],
providers: [FirebaseService],
bootstrap: [AppComponent]
})
export class AppModule {} export const environment ={
production: true,
firebase: {
apiKey: "AIz×××××××××××××××××××××××××××××××××8",
authDomain: "pwaangular-6c041.firebaseapp.com",
databaseURL: "https://pwaangular-6c041.firebaseio.com",
projectId: "pwaangular-6c041",
storageBucket: "pwaangular-6c041.appspot.com",
messagingSenderId: "545522081966"
}
} import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
import * as firebase from 'firebase';
import { AngularFireDatabase } from '@angular/fire/database';
import { HttpClient } from '@angular/common/http';
import { map } from 'rxjs/operators';
import { ThrowStmt } from '@angular/compiler';
@Injectable({
providedIn: 'root'
})
export class FirebaseService {
ref = firebase.firestore().collection('users');
constructor(public db: AngularFireDatabase,public _http:HttpClient) {
}
getUsers(): Observable<any> {
return new Observable((observer) => {
this.ref.onSnapshot((querySnapshot) => {
let User = [];
querySnapshot.forEach((doc) => {
let data = doc.data();
User.push({
key: doc.id,
fullname: data.fullname,
age: data.age,
mobile: data.mobile
});
});
observer.next(User);
});
});
}
getUser(id: string): Observable<any> {
return new Observable((observer) => {
this.ref.doc(id).get().then((doc) => {
let data = doc.data();
observer.next({
key: doc.id,
title: data.title,
description: data.description,
author: data.author
});
});
});
}
postUser(user): Observable<any> {
return new Observable((observer) => {
this.ref.add(user).then((doc) => {
observer.next({
key: doc.id,
});
});
});
}
updateUser(id: string, data): Observable<any> {
return new Observable((observer) => {
this.ref.doc(id).set(data).then(() => {
observer.next();
});
});
}
deleteUser(id: string): Observable<{}> {
return new Observable((observer) => {
this.ref.doc(id).delete().then(() => {
observer.next();
});
});
}
getDataOnApi(){
return this._http.get('https://site.com/api/General/Getprovince')
.pipe(
map((res: Response) => {
return res;
})
);
}
getOnApi(){
return this._http.get("https://site.com/api/General/Getprovince",).pipe(
map((response:any) => {
return response
} )
);
}
} ng build --prod cd dist/Pwa-WepApp Http-server -o
using System;
using System.IO;
using System.Web;
using System.Web.Services;
using System.Reflection;
namespace test1
{
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
public class cache : IHttpHandler
{
private static void cacheIt(TimeSpan duration)
{
HttpCachePolicy cache = HttpContext.Current.Response.Cache;
FieldInfo maxAgeField = cache.GetType().GetField("_maxAge", BindingFlags.Instance | BindingFlags.NonPublic);
maxAgeField.SetValue(cache, duration);
cache.SetCacheability(HttpCacheability.Public);
cache.SetExpires(DateTime.Now.Add(duration));
cache.SetMaxAge(duration);
cache.AppendCacheExtension("must-revalidate, proxy-revalidate");
}
public void ProcessRequest(HttpContext context)
{
string file = context.Request.QueryString["file"];
if (string.IsNullOrEmpty(file))
{
return;
}
string contetType = context.Request.QueryString["contetType"];
if (string.IsNullOrEmpty(contetType))
{
return;
}
context.Response.Write(File.ReadAllText(context.Server.MapPath(file)));
//Set the content type
context.Response.ContentType = contetType;
// Cache the resource for 30 Days
cacheIt(TimeSpan.FromDays(30));
}
public bool IsReusable
{
get
{
return false;
}
}
}
}
<link type="text/css" href="cache.ashx?v=1&file=site.css&contetType=text/css" rel="Stylesheet" />
<script type="text/javascript" src="cache.ashx?v=1&file=js/jquery-1.3.2.min.js&contetType=application/x-javascript"></script>
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public class IPBlockModule : IHttpModule
{
public IPBlockModule()
{
// TODO: Add constructor logic here
}
public void Dispose()
{
//Dispose
}
public void Init(HttpApplication context)
{
context.BeginRequest += new EventHandler(Application_BeginRequest);
}
private void Application_BeginRequest(object source, EventArgs e)
{
HttpContext context = ((HttpApplication)source).Context;
string ipAddress = context.Request.UserHostAddress;
if (IsBlockedIpAddress(ipAddress))
{
context.Response.StatusCode = 403;
context.Response.Write("Forbidden : The server understood the request, but It is refusing to fulfill it.");
}
}
private bool IsBlockedIpAddress(string ipAddress)
{
//Here I have stored Ip addresses in String[]. you can also Store in database.
string[] IPs = { "117.196.35.121",
"117.196.35.122",
"117.196.35.123",
"117.196.35.124",
"127.0.0.1"
};
foreach(string IP in IPs)
{
if(IP == ipAddress)
return true;
}
return false;
}
}
<configuration>
<system.web>
<compilation debug="true" targetFramework="4.0"/>
<httpModules>
<add name="IPBlockModule" type="IPBlockModule"/>
</httpModules>
</system.web>
</configuration>