ดาวน์โหลด net5 react tutorial - net5 react tutorial ดาวน์โหลดซอร์สโค้ด

net5 react tutorial

หมวดหมู่อื่นๆ

1.0.0

ดาวน์โหลด

บทช่วยสอนและโค้ดตัวอย่างสำหรับ ASP.NET 5 SPA พร้อม React

ภาพรวม

ซึ่งเป็นไปตามสิ่งต่อไปนี้เพื่อสร้างรหัสเทมเพลตเริ่มต้น

https://docs.microsoft.com/en-us/aspnet/core/client-side/spa/react?view=aspnetcore-5.0&tabs=netcore-cli

คุณสามารถตรวจสอบสิ่งต่อไปนี้เพื่อดูคำอธิบายโดยละเอียดเพิ่มเติม

https://dev.to/packt/creating-spas-using-asp-net-core-and-react-59a0

โครงสร้างโฟลเดอร์เป็นดังนี้

โฟลเดอร์ my-new-app ClientApp: นี่คือแอป React เอาต์พุต build ในโฟลเดอร์ build จะถูกให้บริการ
โฟลเดอร์ my-new-app Controllers: นี่เป็นเว็บ API จำลองที่แอป React สามารถส่งคำขอไปได้
- หากต้องการส่งข้อมูลใดๆ จากแบ็กเอนด์ไปยังฟรอนต์เอนด์ คุณควรใช้ Web API หากจำเป็นต้องใช้ข้อมูลก่อนการตรวจสอบสิทธิ์ ก็สามารถสร้างเส้นทาง API ได้โดยไม่จำเป็นต้องตรวจสอบสิทธิ์เพื่อส่งข้อมูลที่ไม่จำเป็นต้องได้รับการปกป้อง
โฟลเดอร์ my-new-app Pages: นี่คือหน้า ASP.NET Razor มาตรฐานบางหน้า
my-new-app Program.cs: นี่คือไฟล์ ASP.NET มาตรฐาน
my-new-app Startup.cs: สิ่งนี้ระบุว่ากำลังให้บริการไฟล์คงที่ SPA จากโฟลเดอร์ CilentApp build นอกจากนี้ยังตั้งค่า Web API ด้วย
my-new-app WeatherForcast.cs: นี่คือโมเดลที่ใช้โดย Dummy Web API

หลังจากที่แอปทำงานแล้ว ให้เปิด https://localhost:5001 เพื่อดูเว็บไซต์

รวมการดำเนินการ GitHub

การสร้างและทดสอบ DOTNET
รหัสQL

ส่วนขยายโค้ด Visual Studio ที่เป็นประโยชน์

https://marketplace.visualstudio.com/items?itemName=ms-dotnettools.csharp
https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory

การอ้างอิงโค้ด Visual Studio ที่เป็นประโยชน์

https://docs.microsoft.com/en-us/dotnet/core/tutorials/with-visual-studio-code#debug
https://docs.microsoft.com/en-us/dotnet/core/tools/
https://stackoverflow.com/questions/34275209/xml-auto-commenting-c-sharp-in-visual-studio-code
https://stackoverflow.com/questions/47995468/vscode-c-sharp-go-to-definition-f12-not-working
https://www.strathweb.com/2019/04/roslyn-analyzers-in-code-fixes-in-omnisharp-and-vs-code/