Table of Contents[Hide][Show]
- 1. Blazor yog dab tsi?
- 2. Piav txog cov khoom hauv Blazor lub moj khaum?
- 3. Vim li cas kuv thiaj yuav tsum siv Blazor?
- 4. Lub Hom Phiaj Ua Haujlwm Li Cas?
- 5. Koj txhais li cas los ntawm Blazor WebAssembly?
- 6. Cov txiaj ntsig thiab qhov tsis zoo ntawm Blazor WebAssembly muab dab tsi?
- 7. Lub luag haujlwm ntawm kev coj ua hauv Blazor yog dab tsi?
- 8. Lub voj voog ntawm lub neej twg yog siv los ntawm Blazor Cheebtsam?
- 9. Los ntawm "Blazor Server," koj txhais li cas?
- 10. Cov txiaj ntsig thiab qhov tsis zoo ntawm Blazor server muaj dab tsi?
- 11. Yam xwm txheej twg yuav ua rau kuv paub siv Blazor Server?
- 12. Blazor txhawb nqa theem twg?
- 13. Dab tsi txawv Blazor WebAssembly los ntawm Blazor Server?
- 14. Thaum twg kuv yuav tsum siv Blazer WebAssembly es tsis txhob Blazer Server?
- 15. Txoj kev qhia hauv Blazor txhais li cas?
- 16. Blazor Server lis kev tso cai li cas?
- 17. Yuav ua li cas lub Blazor Server App tsim thiab ua haujlwm siv CLI cov lus txib?
- 18. Yuav ua li cas Blazor WebAssembly App tsim thiab ua tiav siv CLI cov lus txib?
- 19. Blazor txoj kev khi cov ntaub ntawv txhais li cas?
- 20. Yuav ua li cas yog ob txoj kev sib khi cov ntaub ntawv nyob rau hauv Blazor?
- 21. Puas tuaj yeem Blazor WebAssembly sib txuas lus nrog SQL Server lossis lwm yam databases?
- xaus
Kev txhim kho ntawm cov vev xaib thiab cov ntawv thov mobile tam sim no nyob rau hauv lub sijhawm txaus nyiam. Feem ntau ntawm cov neeg tsim tawm thaum xub thawj siv JavaScript los sau cov lej rau lub vev xaib vim nws txoj kev ywj pheej ntawm lub platform thiab lwm yam kev ua txhaum hauv av.
Cov lus programming nrov tshaj plaws thiab nyiam tshaj plaws niaj hnub no suav tias yog JavaScript.
Txhawm rau tsim cov ntawv thov online zoo thiab cov ntawv thov mobile, cov software tsim tawm tab tom nrhiav lwm txoj hauv kev rau JavaScript raws li kev txhim kho lub vev xaib tau loj hlob ntawm tus nqi nrawm.
Blazor Web Assembly yog qhov kev txhim kho uas tso cai rau koj khiav.NET hauv qhov kev zov me nyuam yam tsis tas yuav tsum muaj cov khoom ntxiv thiab cov qauv.
Txawm hais tias ua tiav kev xam phaj haujlwm yog qhov nyuaj hauv Blazor lub moj khaum, yog tias koj txiav txim siab ua nws, koj tau tuaj rau qhov chaw zoo meej.
Koj tuaj yeem tau txais koj txoj haujlwm zoo tshaj plaws los ntawm kev siv cov lus nug saum toj kawg nkaus ntawm kev xam phaj no los ntawm Blazor moj khaum. Pib tam sim no!
1. Blazor yog dab tsi?
Lub tsev niaj hnub, scalable, thiab cross-platform Web daim ntaub ntawv nrog C# thiab.NET yog ua tau nrog dawb, qhib qhov chaw, Blazor Web moj khaum.
Nws yog Ameslikas tsim rau C# thiab.NET cov neeg tsim khoom uas xav tsim cov neeg siv lub vev xaib siv cov lus C# uas Blazor, ib qhov project ntawm Microsoft thiab qhib lub zej zog, tau tsim.
Niaj hnub no, nrawm, thiab hloov pauv sai tshaj plaws piav qhia Blazor. Ob tus neeg siv-sab thiab server-sab coding yog txhawb los ntawm Blazor. .NET yog siv los sau ob lub server-sab thiab tus neeg siv-sab app logic.
Blazor generates lub cov neeg siv interface raws li HTML thiab CSS rau dav browser compatibility, nrog rau mobile browsers, txawm lub fact tias cov code yog sau nyob rau hauv.NET thiab C#.
2. Piav txog cov khoom hauv Blazor lub moj khaum?
Razor template cav, uas yog siv los ntawm Blazor, tsim HTML thiab xa mus rau lub web browsers. Ua ke, HTML thiab C# syntax tuaj yeem siv rau hauv Razor templates, uas tau muab tso ua ke tom qab Razor cav los tsim HTML.
Rau cov logic hauv Blazor Components, peb muaj ob txoj kev xaiv: peb tuaj yeem faib cov logic thiab sau cov haujlwm ua haujlwm rau hauv cov ntaub ntawv C# cais.
Txhawm rau sau cov haujlwm C# nrog rau HTML, peb siv @code thaiv. Qhov ". rab chais" txuas ntxiv yog siv los ntawm Blazor los txheeb xyuas cov khoom.
3. Vim li cas kuv thiaj yuav tsum siv Blazor?
Cov neeg tsim tawm nrog keeb kwm yav dhau los hauv C# thiab.NET uas tsis yooj yim nrog JavaScript yog cov neeg tuaj saib lub hom phiaj rau Blazor. Blazor muaj cov txiaj ntsig hauv qab no:
- Siv C# es tsis txhob siv JavaScript thaum sau code.
- Qhia app logic ntawm tus neeg siv khoom thiab lub server.
- Siv cov tsev qiv ntawv.NET uas twb muaj lawm hauv .NET ib puag ncig.
- Tau txais los ntawm kev ua tau zoo, kev cia siab, thiab kev ruaj ntseg ntawm.NET.
- Tsim koj daim ntawv thov siv kev txhim khu kev qha, muaj txiaj ntsig zoo, thiab cov neeg siv khoom nyiam sau cov lus, lub hauv paus, thiab cov cuab yeej.
- Siv Visual Studio ntawm Windows, Linux, thiab macOS kom tsim tau.
4. Lub Hom Phiaj Ua Haujlwm Li Cas?
Rau kev tsim web-based apps, Blazor yog siv. Qhov no tuaj yeem siv rau cov vev xaib, daim ntawv thov mobile, thiab lwm yam uas koj tuaj yeem tsim nrog JavaScript.
Koj tuaj yeem ua tiav ntau yam kev txhim kho kev ua haujlwm nrog kev pab ntawm lub moj khaum, suav nrog kev ua HTML thiab cov cai tivthaiv, tau txais cov ntaub ntawv los ntawm HTTP, thiab cov neeg siv khoom-sab routing.
Nws tau ua tiav nkag mus rau JavaScript APIs ntawm browser thaum siv ntawm ib qho. Yog li, Blazor cov kev pab cuam tuaj yeem siv ob qho tib si.NET txoj hauv kev los ntawm JavaScript ua haujlwm thiab .NET txoj hauv kev los ntawm JavaScript ua haujlwm.
Cov neeg tsim khoom siv JavaScript interop thaum lub moj khaum tsis muaj qee yam API lossis cov khoom siv lossis thaum lawv xav ua haujlwm nrog JavaScript ecosystem.
5. Koj txhais li cas los ntawm Blazor WebAssembly?
Microsoft tau tsim ib qho tshiab UI thev naus laus zis hu ua Blazor WebAssembly. Siv cov qauv tsim qauv, Blazor ua rau cov neeg tsim khoom tsim ib nplooj ntawv thov (SPAs) siv C# thiab.NET.
A.NET runtime suav nrog hauv cov neeg siv khoom, hauv kev siv browser ntawm Blazor hu ua Blazor WebAssembly. Nrog rau kev taw qhia ntawm Blazor WebAssembly, C# tuaj yeem siv los tsim cov neeg siv khoom-sab SPAs.
Yav dhau los, Blazor Server thiab ASP.NET Core MVC, ob qho tib si yog cov kev daws teeb meem server-sab, tuaj yeem siv los tsim cov vev xaib.
Blazor WebAssembly yog rau koj yog tias koj xav nthuav dav koj cov txheej txheem kev txawj ntse, siv Microsoft thev naus laus zis tshiab, lossis tsuas yog txaus siab rau WebAssembly feem ntau.
6. Cov txiaj ntsig thiab qhov tsis zoo ntawm Blazor WebAssembly muab dab tsi?
kev pab cuam:
- Network nrog tsawg lag
- kev pab offline.
- Nkag siab JavaScript tsis tas yuav tsum muaj rau kev sib cuam tshuam ntawm cov neeg siv khoom.
Drawbacks:
- Nplooj loj download loj.
- Limited.Net Assemblies txhawb nqa.
- Client-side debugging tsis zoo heev.
- Tsis muaj kev nyab xeeb heev; browser yuav rub tawm DLLs.
- Nyob ntawm qhov browser; Internet Explorer tsis txaus siab.
7. Lub luag haujlwm ntawm kev coj ua hauv Blazor yog dab tsi?
Routes yog cov qauv URL, thiab routing yog cov qauv kev npaj uas suav nrog kev txiav txim los lim kev yuav khoom thiab txiav txim siab seb yuav ua li cas rau txhua qhov muag. ASP.net Core Endpoint Routing yog siv los ntawm Blazor tshwj xeeb daim ntawv thov.
Kev hloov mus rau kev sib raug zoo rau Blazor feem yog pib lees paub los ntawm ASP.net Core siv MapBlazorHub txuas ntxiv cov txheej txheem rau kev taw qhia txog qhov kawg.
Tus neeg siv-sab routing yog muab los ntawm Blazor tus thov kev pabcuam. Qhov hloov pauv tau teeb tsa hauv App. cshtml cov ntaub ntawv ntawm Blazor tus thov kev pab.
Cov chav kawm rov qab yog txiav txim siab los ntawm Blazor Server daim ntawv thov daim ntawv tso cai. Nws muaj txiaj ntsig zoo hauv kev tswj hwm kev npaj nrog me ntsis xav tau.
Lub tswv yim thim rov qab tuaj yeem siv tau thaum cov tswv yim sib txawv tsis tau txais kev txhawb nqa. Qhov _Host-cshtml feem feem ntau piav qhia txog kev thim rov qab.
8. Lub voj voog ntawm lub neej twg yog siv los ntawm Blazor Cheebtsam?
Hauv qhov piv txwv tam sim no ntawm Blazor pieces raws li tsim, nrog rau cov tswv yim tsis sib xws, Blazor daim ntawv thov muab ntau yam txuj ci rau kev ua haujlwm ncaj qha yog:
- Instated
- OnInitializedAsync
- OnParametersSet
- OnParameters
- SetAsync
- OnAfterRender
- OnAfterRenderAsync
9. Los ntawm "Blazor Server," koj txhais li cas?
Txhawm rau nthuav tawm cov laj thawj rau tus neeg siv browser, Microsoft Blazor Server decouples daim ntawv thov qib siv Blazor Cheebtsam (hauv daim ntawv ntawm Razor Cheebtsam).
ASP.Net Core moj khaum ua haujlwm ua lub hauv paus rau Blazor. Nws muab kev pab nrog hosting Razor Cheebtsam hauv ASP.NET Core daim ntawv thov ntawm server.
Txhawm rau txuas rau DOM ntawm tus neeg siv khoom sab hauv ASP.Net server, Blazor ntiav SignalR.
10. Cov txiaj ntsig thiab qhov tsis zoo ntawm Blazor server muaj dab tsi?
kev pab cuam:
- Siv nrog txhua yam software.
- Ib qhov zoo kawg me me nplooj ntawv download chaw yog siv.
- JavaScript tsis muaj qhov yuav tsum tau ua ua ntej.
- Code yuav, nyob rau hauv ib qho kev nkag siab, ntawm tus neeg rau zaub mov, uas muaj kev ruaj ntseg ntau dua.
- Kev txhawb nqa tag nrho ntawm kev ua ub ua no hauv online thaum koj tab tom ua haujlwm qhov chaw hauv internet los ntawm tus kws tshaj lij.
Drawbacks:
- Kev soj ntsuam SignalR cov xwm txheej yuav tsum muaj peev txheej ntxiv.
- Kev sib koom tes siab ntawm sluggishness rau kev sib koom ua haujlwm ntawm cov neeg ua haujlwm
- Txhua qhov xwm txheej yuav tsum muaj tus kws tshaj lij ua haujlwm; yuav tsum tsis muaj kev pab cuam.
11. Yam xwm txheej twg yuav ua rau kuv paub siv Blazor Server?
Rau peb cov.NET apps, Blazor ua rau peb tsim cov nplua nuj, cov neeg siv-phooj ywg interfaces. Ntau qhov kev txiav txim siab muaj nyob rau kev siv Blazor Server.
- Thaum koj yuav tsum hloov chaw ua haujlwm ntawm tus neeg siv khoom mus rau tus neeg ua haujlwm.
- Daim ntawv thov kev txiav txim siab tam sim no yuav tsum tsis txhob hloov pauv rau ib qho laj thawj.
- Cov ntawv thov uas yuav tsum tau siv cov cuab yeej tswj qis tuaj yeem tau txais txiaj ntsig zoo los ntawm nws.
- Lub koom haum teeb tsa rau Blazor Server apps tsuas yog xav tau me ntsis rub tawm.
12. Blazor txhawb nqa theem twg?
Cov ntawv thov los ntawm Blazor tuaj yeem pom thiab siv rau ntawm cov platforms suav nrog Windows, Linux, macOS, huab, thiab lub vev xaib. Cov ntawv thov ntawm cov neeg siv khoom thiab cov neeg ua haujlwm yog ob leeg tswj hwm los ntawm Blazor.
Adaim ntawv thov rau Blazor tus neeg ua haujlwm sab yog tsim nrog ASP.NET Core. WebAssembly yog siv los khiav cov neeg siv khoom-sab Blazor apps hauv web programs.
Blazor yog siv los tsim cov apps hauv online, cov ntawv thov huab-neighborhood, cov ntawv thov hloov pauv hauv zos, thiab cov ntawv thov siv Windows.
13. Dab tsi txawv Blazor WebAssembly los ntawm Blazor Server?
Blazor muab Blazor server thiab Blazor WebAssembly raws li nws ob txoj kev txhim kho daim ntawv thov. Cov ntawv thov Blazor Server tswj kev sib cuam tshuam UI los ntawm kev sib txuas ntawm SignalR thaum hosting Blazor Cheebtsam ntawm lub server.
ASP.NET Core renders Razor Cheebtsam, compiles C# code ntawm lub server, thiab tom qab ntawd siv SignalR xa cov khoom tsim UI rov qab mus rau qhov browser.
Lub Blazor WebAssembly apps siv WebAssembly runtime uas yog tshwj xeeb rau.NET, tsis zoo li Blazor Server, uas hosts cov khoom siv sab hauv browser.
.NET yuav tsum tau hloov mus rau hauv browser Cheebtsam los ntawm lub sijhawm ua haujlwm. Tus neeg siv-sab browser tswj txhua yam khoom thiab nws cov txheej txheem rendering.
14. Thaum twg kuv yuav tsum siv Blazer WebAssembly es tsis txhob Blazer Server?
Rau C# thiab.NET cov tsim tawm uas xav tsim cov neeg siv-sab web daim ntawv thov uas khiav hauv browser yam tsis muaj server, Blazor WebAssembly muab lwm txoj hauv kev.
Ib qhov kev pab cuam Blazor WebAssembly tsis xav tau ib tus neeg rau zaub mov, sib piv rau Blazor Server, thiab tag nrho cov cai tau ua hauv qhov browser. Nov yog ob peb qhov xwm txheej thaum Blazor WebAssembly tuaj yeem nyiam dua Blazor Server.
- Koj xav tsim cov nplooj ntawv web zoo li qub sai sai.
- Koj tsis muaj server-sab thiab ASP.NET programming paub.
- Ntawm lub server, kev tswj hwm thiab faib cov lej tsis yog ib yam uas koj xav ua.
- Koj xav siv CPU, nco, thiab cia nrog rau cov neeg siv browsers.
- Koj xav tsim cov ntawv thov web uas tuaj yeem ua haujlwm offline nkaus xwb.
- Cov lus teb ntawm lub sijhawm tiag tiag thiab kev hloov kho tsis tu ncua UI yog qhov koj xav tsim.
- Txhawm rau ntxiv cov ntawv ceeb toom nyob, qhov browser hauv zos khaws cia, cov lus, thiab cov neeg ua haujlwm server, koj xav siv cov thev naus laus zis niaj hnub, xws li kev siv lub vev xaib (PWA).
15. Txoj kev qhia hauv Blazor txhais li cas?
Ib txoj hauv kev yog tus qauv ntawm URL, thiab routing yog txheej txheem ntawm cov qauv sib txuam uas ua raws li cov lus thov thiab txiav txim siab yuav ua li cas nrog txhua tus. ASP.net Core Endpoint Routing yog siv los ntawm Blazor server daim ntawv thov.
Cov kev sib txuas tuaj rau Blazor tivthaiv tam sim no tau txais los ntawm ASP.net Core siv MapBlazorHub txuas ntxiv txoj hauv kev ntawm qhov kawg routing.
Client-side routing yog muab los ntawm Blazor tus thov kev pabcuam. Blazor tus thov kev pabcuam App.cshtml cov ntaub ntawv muaj cov ntaub ntawv teeb tsa router.
Blazor Client App
Blazor Server App
16. Blazor Server lis kev tso cai li cas?
Cov txheej txheem ntawm kev tso cai txheeb xyuas tias tus neeg siv tau tso cai nkag mus rau cov peev txheej ntawm qhov program.
Hauv lwm lo lus, nws ua rau koj txwv cov neeg siv nkag mus rau cov peev txheej raws li lub luag haujlwm, thov, thiab cov cai. Los ntawm leveraging cwj pwm, built-in Cheebtsam, thiab lub ntsiab txhais ntawm kev tso cai txoj cai, Blazor lub ASP.NET Core tso cai system yuav siv tau.
Blazor's built-in AuthorizeView tivthaiv tuaj yeem tso saib nplooj ntawv cov ntsiab lus nyob ntawm tus neeg siv qhov kev lees paub. Nrog rau kev tso cai raws li lub luag haujlwm, cov khoom siv no kuj tseem muaj kev tso cai raws li txoj cai.
Cov khoom siv no tuaj yeem ua tau zoo heev thaum koj xav tso saib nplooj ntawv cov ntsiab lus raws li tus neeg siv lub luag haujlwm, txoj cai, lossis kev lees paub qhov tseeb.
Lub xeev authentication ntawm tus neeg siv paub ua tsaug rau AuthentizationStateProvider.
17. Yuav ua li cas lub Blazor Server App tsim thiab ua haujlwm siv CLI cov lus txib?
Txhawm rau tsim Blazor server app siv asp.net core CLI, qhib kab hais kom ua thiab nkag mus rau cov lus txib hauv qab no:
18. Yuav ua li cas Blazor WebAssembly App tsim thiab ua tiav siv CLI cov lus txib?
Los ntawm kev siv asp.net core CLI, peb tuaj yeem tsim lub Blazor WebAssembly program los ntawm kev qhib cov kab hais kom ua thiab nkag mus rau cov lus txib hauv qab no:
19. Blazor txoj kev khi cov ntaub ntawv txhais li cas?
Hauv kev sib ntaus sib tua no los ua lub hauv paus loj tshaj plaws kev txhim kho lub vev xaib, Blazor tau muab lwm qhov kev txhim kho lub vev xaib tam sim no sib ntaus sib tua.
Bindings yog tus yuam sij rau kev sib cuam tshuam nrog cov ntaub ntawv lossis tswj cov khoom xws li Textboxes, Xaiv, lossis Cov Khoom Siv.
Nrog Ib-txoj kev, Ob-txoj kev Cov Ntaub Ntawv Binding thiab cov xwm txheej muaj zog khi tus cwj pwm, Blazor muab txoj hauv kev zoo tshaj plaws los siv kev khi.
20. Yuav ua li cas yog ob txoj kev sib khi cov ntaub ntawv nyob rau hauv Blazor?
Hauv qhov no, cov ntaub ntawv ntws ib txhij los ntawm qhov chaw mus rau qhov chaw thiab los ntawm qhov chaw mus rau qhov chaw.
Piv txwv li, cia peb hais tias peb siv cov ntaub ntawv sib txawv ntawm kuv cov chav kawm (es) raws li qhov chaw thiab yuav tsum tau nkag mus rau tus nqi ntawm qhov sib txawv ntawm HTML UI thiaj li tso saib lossis kho qee cov lus.
Peb muaj @bind los ntawm rab chais hauv Blazor los nyeem tus nqi ntawm cov ntaub ntawv sib txawv hauv Blazor tivthaiv.
Thaum tus neeg siv hloov kho cov ntaub ntawv thiab hloov cov xim mus rau lwm lub caij, @bind khaws tus nqi uas nws tau txais los ntawm ref thiab hloov kho cov khoom qub.
21. Puas tuaj yeem Blazor WebAssembly sib txuas lus nrog SQL Server lossis lwm yam databases?
Blazor is.NET code uas khiav ntawm tus neeg siv khoom. IL code yuav raug rub mus rau cov neeg siv khoom-sab, ua rau rov qab engineering yooj yim. Thiab vim li ntawd, koj yuav tsum zam kom tsis txhob suav nrog cov lus zais - zoo li passwords - hauv koj li Blazor WASM code.
Koj daim ntawv thov Blazor yuav xav tau txuas nrog lub chaw khaws ntaub ntawv chaw taws teeb uas siv lub npe siv-tus password ua ke, uas tsuas yog khaws cia hauv app. Tsis txhob ua li ntawd - nws yog ib qho kev nyab xeeb loj heev.
Koj tsuas yog yuav tsum siv ib qho kev pabcuam, uas muaj txheej txheej txwv tsis pub nkag mus rau cov ntaub ntawv nyob deb. Tsim cov kev pabcuam API nyob ib puag ncig koj cov ntaub ntawv uas nthuav tawm cov haujlwm koj xav muab, xws li REST, piv txwv.
Tom qab ntawd koj tuaj yeem siv kev ruaj ntseg tokens ntawm API ntawd kom paub tseeb tias tsuas yog cov neeg siv tau tso cai tuaj yeem nkag mus rau API thiab, yog li ntawd, koj cov ntaub ntawv.
xaus
Blazor yog lub platform zoo heev yog tias koj tab tom nrhiav kev daws teeb meem kom nrawm cov txheej txheem txhim kho thiab ua kom cov nplooj ntawv ua tau zoo me ntsis.
Nws yog cov xov xwm zoo rau cov neeg tsim khoom, txawm tias nws mus dhau qhov uas tus neeg lag luam xav tau los tsim lub vev xaib lossis tsim ib nplooj ntawv tsaws.
Cov neeg siv-phooj ywg lub platform tshem tawm cov lus txwv tsis pub nkag, ua kom yooj yim rau kev ua haujlwm, thiab ua kom yooj yim rau cov pab pawg txhim kho kom ua tiav lawv txoj haujlwm.
Thaum kawg, ntawm no yog 20+ Blazor kev xam phaj cov lus nug kom tsaws koj txoj haujlwm xav tau.
Sau ntawv cia Ncua