หน้าแรก>ซอร์สโค้ด ASP>หมวดหมู่อื่นๆ
ดาวน์โหลด

เชิงมุม-aspnetcore-เมล็ด

Angular 7.2.7 / ASP.NET Core 2.2 Seed Project พร้อมการแก้ไขข้อบกพร่อง VS Code เต็มรูปแบบ

การติดตั้ง

  1. โคลนโครงการลงในโฟลเดอร์ที่คุณเลือก - git clone https://github.com/wesleygrimes/angular-aspnetcore-seed.git
  2. ลบโฟลเดอร์ .git - rm -rf .git
  3. เริ่มต้นพื้นที่เก็บข้อมูลใหม่ในไดเร็กทอรี - git init
  4. ติดตั้งแพ็คเกจ NPM - (cd ClientApp && npm install)
  5. กู้คืนแพ็คเกจ NuGet - dotnet restore
  6. เปิดตัว Visual Studio Code - code .
  7. การดีบักเซิร์ฟเวอร์และรหัสไคลเอ็นต์สามารถทำได้โดยการกด F5

โครงสร้างของโครงการ

แบ็คเอนด์

ส่วนแบ็คเอนด์คือแอปพลิเคชัน ASP.NET Core 2.2 WebAPI

  • Controllers - เพิ่มจุดสิ้นสุดใหม่โดยการสร้างหรืออัปเดตตัวควบคุมในไดเร็กทอรีนี้
  • Models - เพิ่มโมเดลข้อมูลในโฟลเดอร์นี้
  • Interfaces - เพิ่มอินเทอร์เฟซใด ๆ ที่จะนำไปใช้ในไดเร็กทอรีนี้
  • Services - เพิ่มบริการใดๆ ในไดเร็กทอรีนี้ โดยทั่วไปบริการจะทำการโต้ตอบโดยตรงของ HttpClient และฐานข้อมูล
  • Startup.cs - การกำหนดค่าการเริ่มต้นอยู่ที่นี่ เช่นเดียวกับการลงทะเบียนบริการข้อมูลใดๆ ที่จะถูกฉีดเข้าไปในคอนโทรลเลอร์ขณะรันไทม์

ส่วนหน้า

คุณจะพบโค้ดส่วนหน้าในไดเร็กทอรี ClientApp นี่คือแอปพลิเคชัน Angular 7.2.0 CLI ที่เข้ากันได้อย่างสมบูรณ์ ซึ่งหมายความว่าจากภายในโฟลเดอร์ ClientApp ความสามารถ ng generate แบบเต็มพร้อมใช้งานและสนับสนุน

ดำเนินโครงการ

นี่คือโปรเจ็กต์ ASP.NET Core 2.2 ที่มีส่วนหน้า Angular 6 โครงการ dotnet ได้รับการกำหนดค่าให้สร้างโครงการ Angular โดยอัตโนมัติเมื่อมีการดำเนิน dotnet run ซึ่งหมายความว่าคุณไม่จำเป็นต้องกังวลเกี่ยวกับการรัน ng serve -o ด้วยตนเอง นอกจากนี้ยังทำงานในโหมดรีโหลดด่วน ดังนั้นการเปลี่ยนแปลงใดๆ ที่เกิดขึ้นกับโค้ดดอทเน็ตและ/หรือโค้ดเชิงมุมจะทำให้เกิดการโหลดและรีเฟรชอัตโนมัติในเบราว์เซอร์

การดีบักจาก Visual Studio Code

สิ่งที่รวมอยู่ในโปรเจ็กต์นี้คือไฟล์ .vscode/launch.json และไฟล์ . .vscode/tasks.json ซึ่งหมายความว่าโดยค่าเริ่มต้น คุณสามารถเรียกใช้ F5 และ Hit เบรกพอยต์ทั้งในโค้ดฝั่งเซิร์ฟเวอร์และไคลเอ็นต์ หวาน!!

หากคุณมีปัญหาเมื่อใช้งานครั้งแรก ตรวจสอบให้แน่ใจว่าได้เลือกเป้าหมายการแก้ไขข้อบกพร่อง Full stack

ผลงานยินดีต้อนรับ

นี่เป็นโครงการที่ไม่เป็นทางการมากและคำขอดึงข้อมูลที่มีการปรับปรุงทั้งหมดจะได้รับการยอมรับ ฉันหวังว่าจะได้รับความคิดเห็นของคุณ!

การฝึกอบรมเชิงมุม

หากคุณยังใหม่หรือมีประสบการณ์กับ Angular ฉันขอแนะนำให้คุณไปที่ Ultimate Angular และสมัครเรียนหลักสูตร Angular Framework ตามลิงก์ในแบนเนอร์เพื่อดำเนินการดังกล่าว

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด