Webpack یک نقطه ی ورود با طراحی اپلیکیشن اسم رایا پارس مستعار main-server با مقدار پوشه “ClientApp/boot-server.ts”تمجید میکند . شما میتوانید این webpack.config.js را پیدا فرمائید. Boot – server.ts دارنده تابع createServerRenderer برای کانفیگ رندر در سمت سرور و برگرداندن HTML به مرورگر است . شما میتوانید ورژن انگولار را در فولدر package.json مشاهده کنید . دراین نمونه ما ورژن 4.2.5 میباشد
"@angular/core": "4.2.5",
بیایید نرمافزار را اعمال کنیم بعداز اعمال شما بایستی در مرورگر خویش تصویر تحت را مشاهده کنید
شما میتوانید ایتم های منو را با ساختار اپ انگولار ارزیابی فرمایید. درحال حاضر بیایید این پروژه را پاره ای گسترش بدهیم . در این مکان کامپوننت fetch data یک API را برای بدست آوردن در نظر گرفتن تصادفی آب و هوا صدا می زند
درحال حاضر بیایید یک dropdown بالای این گرید برای غربال اطلاعات مبتنی بر مقدار گزینش گردیده ، اضافه کنیم. در پایین کد API برای برگرداندن خلاصه ی پیش گویی موقعیت آب و هوایی وجود داراست. API نو اضافه گردیده به مثال کد، GetSummaries() اسم دارااست.
private static string[] Summaries = new[]
{
"Freezing", "Bracing", "Chilly", "Cool", "Mild", "Warm", "Balmy", "Hot", "Sweltering", "Scorching"
};
[HttpGet("[action]")]
public string[] GetSummaries()
{
return Summaries;
}
در گامبعدی کد اپدیت گردیده ی fetchdata.component.ts را داریم .حالا کانستراکتور(تولید کننده) ، GetSummaries را ، هم پا با API ، WeatherForecasts صدا میزند. همینطور یک مشی به اسم filterForeCasts تعریف و تمجید گردیده است که در هنگام روی داد تغییرو تحول dropdown ، صدا زده می گردد . این اسلوب لیست تدبیرها را مبتنی بر مقدار تعیین گردیده غربال میکند و آن گاه فیض را بر می گرداند
import { Component, Inject } from \'@angular/core\';
import { Http } from \'@angular/http\';
@Component({
selector: \'fetchdata\',
templateUrl: \'./fetchdata.component.html\'
})
export class FetchDataComponent {
public forecasts: WeatherForecast[];
public cacheForecasts: WeatherForecast[];
public summaries: any[];
constructor(http: Http, @Inject(\'BASE_URL\') baseUrl: string) {
http.get(baseUrl + \'api/SampleData/WeatherForecasts\').subscribe(result => {
this.forecasts = result.json() as WeatherForecast[];
this.cacheForecasts = this.forecasts;
}, error => console.error(error));
http.get(baseUrl + \'api/SampleData/GetSummaries\').subscribe(result => {
this.summaries = result.json() as any[];
}, error => console.error(error));
}
filterForeCasts(filterVal: any) {
if (filterVal == "0")
this.forecasts = this.cacheForecasts;
else
this.forecasts = this.cacheForecasts.filter((item) => item.summary == filterVal);
}
}
interface WeatherForecast {
dateFormatted: string;
temperatureC: number;
temperatureF: number;
summary: string;
}
interface Summary {
name: string;
}
و در پایان ، این HTML را در fetchdata.component.html قرار دهید تا خلاصه dropdown را نشانه دهد
Summary:
--All--
نرمافزار را ایفا فرمایید و fetch data را گزینش نمائید . میتوانید dropdown را مشاهده کنید که دربردارنده لیستی از همگی ی خلاصه هاست. تغییر و تحول تعیین dropdown ، منجر بروز رسانی گرید حدس حالت آب و هوا میشود
سود گیری
ASP.NET Core وAngularیک تجربیات به طور کامل نو در موضوع گسترش اینترنت میباشد و به وسیله ASP.NET Core JavaScriptServices و Webpack برای bundling تامین میگردد.رندرینگ انگولار بر روی سرور دارنده مزایایی مثل کارایی عالی ، seo سئو ، ارسال سریع و ایمن محتوی به مرورگر می باشد.این پست در باب تفاوت پکیج های ناگت JavaScriptServices و در مورد کیفیت pre-render شدن انگولار روی سرور کلام می نماید . همینطور وجود WebpackDevMiddleware و HMR بسیار بهتر میباشد چون سبب ساز میشود پردازش webpack بصورت اتومات صورت بپذیرد.
Webpack یک نقطه ی ورود با اسم مستعار main-server با مقدار پوشه “ClientApp/boot-server.ts”تمجید میکند . شما میتوانید این webpack.config.js را پیدا فرمائید. Boot – server.ts دارنده تابع createServerRenderer برای کانفیگ رندر در سمت سرور و برگرداندن HTML به مرورگر است . شما میتوانید ورژن انگولار را در فولدر package.json مشاهده کنید . دراین نمونه ما ورژن 4.2.5 میباشد
"@angular/core": "4.2.5",
بیایید نرمافزار را اعمال کنیم بعداز اعمال شما بایستی در مرورگر خویش تصویر تحت را مشاهده کنید
شما میتوانید ایتم های منو را با ساختار اپ انگولار ارزیابی فرمایید. درحال حاضر بیایید این پروژه را پاره ای گسترش بدهیم . در این مکان کامپوننت fetch data یک API را برای بدست آوردن در نظر گرفتن تصادفی آب و هوا صدا می زند
درحال حاضر بیایید یک dropdown بالای این گرید برای غربال اطلاعات مبتنی بر مقدار گزینش گردیده ، اضافه کنیم. در پایین کد API برای برگرداندن خلاصه ی پیش گویی موقعیت آب و هوایی وجود داراست. API نو اضافه گردیده به مثال کد، GetSummaries() اسم دارااست.
private static string[] Summaries = new[]
{
"Freezing", "Bracing", "Chilly", "Cool", "Mild", "Warm", "Balmy", "Hot", "Sweltering", "Scorching"
};
[HttpGet("[action]")]
public string[] GetSummaries()
{
return Summaries;
}
در گامبعدی کد اپدیت گردیده ی fetchdata.component.ts را داریم .حالا کانستراکتور(تولید کننده) ، GetSummaries را ، هم پا با API ، WeatherForecasts صدا میزند. همینطور یک مشی به اسم filterForeCasts تعریف و تمجید گردیده است که در هنگام روی داد تغییرو تحول dropdown ، صدا زده می گردد . این اسلوب لیست تدبیرها را مبتنی بر مقدار تعیین گردیده غربال میکند و آن گاه فیض را بر می گرداند
import { Component, Inject } from \'@angular/core\';
import { Http } from \'@angular/http\';
@Component({
selector: \'fetchdata\',
templateUrl: \'./fetchdata.component.html\'
})
export class FetchDataComponent {
public forecasts: WeatherForecast[];
public cacheForecasts: WeatherForecast[];
public summaries: any[];
constructor(http: Http, @Inject(\'BASE_URL\') baseUrl: string) {
http.get(baseUrl + \'api/SampleData/WeatherForecasts\').subscribe(result => {
this.forecasts = result.json() as WeatherForecast[];
this.cacheForecasts = this.forecasts;
}, error => console.error(error));
http.get(baseUrl + \'api/SampleData/GetSummaries\').subscribe(result => {
this.summaries = result.json() as any[];
}, error => console.error(error));
}
filterForeCasts(filterVal: any) {
if (filterVal == "0")
this.forecasts = this.cacheForecasts;
else
this.forecasts = this.cacheForecasts.filter((item) => item.summary == filterVal);
}
}
interface WeatherForecast {
dateFormatted: string;
temperatureC: number;
temperatureF: number;
summary: string;
}
interface Summary {
name: string;
}
و در پایان ، این HTML را در fetchdata.component.html قرار دهید تا خلاصه dropdown را نشانه دهد
Summary:
--All--
نرمافزار را ایفا فرمایید و fetch data را گزینش نمائید . میتوانید dropdown را مشاهده کنید که دربردارنده لیستی از همگی ی خلاصه هاست. تغییر و تحول تعیین dropdown ، منجر بروز رسانی گرید حدس حالت آب و هوا میشود
سود گیری
ASP.NET Core وAngularیک تجربیات به طور کامل نو در موضوع گسترش اینترنت میباشد و به وسیله ASP.NET Core JavaScriptServices و Webpack برای bundling تامین میگردد.رندرینگ انگولار بر روی سرور دارنده مزایایی مثل کارایی عالی ، seo سئو ، ارسال سریع و ایمن محتوی به مرورگر می باشد.این پست در باب تفاوت پکیج های ناگت JavaScriptServices و در مورد کیفیت pre-render شدن انگولار روی سرور کلام می نماید . همینطور وجود WebpackDevMiddleware و HMR بسیار بهتر میباشد چون سبب ساز میشود پردازش webpack بصورت اتومات صورت بپذیرد.
معایب سبک ایده پردازی و فروش آن و درآمد از اندروید