หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดเดลฟี
ดาวน์โหลด

Full Stack Delphi MVC Framework และ React.js devextreme Project

กลุ่ม Aqui Para Instruções Em Português

ไฟล์แหล่งที่มาของโครงการจากงานนำเสนอ TDC ของฉัน การประชุมนักพัฒนาซอฟต์แวร์ 2018 - บราซิล - Delphi Track

Back-end: Delphi + DMVC Framework + FireDac + PostgreSQL Front-end: JS ES6 + React + DevExpress DevExtreme

ธีมการนำเสนอ

รู้เบื้องต้นเกี่ยวกับเว็บและแพลตฟอร์มคลาวด์

วิธีการสร้างประสิทธิภาพที่เรียบง่ายมีประสิทธิภาพสูงและง่ายต่อการบำรุงรักษาเซิร์ฟเวอร์แบ็คเอนด์ด้วยเฟรมเวิร์ก Delphi MVC

วิธีการสร้าง Web Front-end อย่างรวดเร็วด้วยไลบรารี React.js เพื่อใช้แบ็คเอนด์ที่สร้างขึ้นด้วยเฟรมเวิร์ก Delphi MVC

  • รู้เบื้องต้นเกี่ยวกับเว็บและแพลตฟอร์มคลาวด์
  • เซิร์ฟเวอร์ restful พร้อมเฟรมเวิร์ก DMVC, FireDac และ PostgreSQL
  • รู้เบื้องต้นเกี่ยวกับการพัฒนาส่วนหน้า JavaScript ด้วย React.js

การสาธิตโครงการ

  • Front-end ที่สร้างขึ้นด้วย DevExpress DevExtreme, รหัส, ข้อมูลและจินตนาการจากตัวอย่างที่มีอยู่: https://js.devexpress.com/demos/widgetsgallery/demo/common/dialogsandnotificationsoverview/react/light

หน้าต่างหลักแก้ไขหน้าต่าง

คำแนะนำ

ที่เก็บโคลน

  • git clone https://github.com/cesarliws/full-stack-tdc-poa.git

กู้คืนฐานข้อมูลการสำรองข้อมูล - PostgreSQL

  • dmvc-backend db dmvc-backend-db.backup

ติดตั้งเฟรมเวิร์ก Delphi MVC

  • https://danieleteti.gitbooks.io/delphimvcframework/content/chapter_getting_started.html
  • รวบรวมและเรียกใช้โครงการ "DMVC-Backend ReadStateBackend.dproj" กับ Delphi

ส่วนหน้า

  • ติดตั้ง node.js

    • https://nodejs.org/en/download/

  • CD Full-Stack-TDC-POA DX-REAL-State-Front-end

NPM หรือเส้นด้าย

  • คุณสามารถใช้ NPM หรือเส้นด้ายเพื่อติดตั้งการพึ่งพาและดำเนินการส่วนหน้า
  • เส้นด้ายมีประสิทธิภาพที่ดีขึ้น

NPM

  • ติดตั้งการพึ่งพาโครงการ

    • การติดตั้ง NPM

  • วิ่งไปด้านหน้า

    • NPM เริ่มต้น

หรือเส้นด้าย

  • ติดตั้งเส้นด้าย

    • NPM ติดตั้งเส้นด้าย

  • ติดตั้งการพึ่งพาโครงการ

    • เส้นด้าย

  • วิ่งไปด้านหน้า

    • เริ่มต้นด้วยเส้นด้าย

เรียกใช้เฉพาะส่วนหน้า

  • แก้ไขไฟล์ "dx-real-state-front-end src app.js"
  • เปลี่ยน "remotedatasource" เป็นเท็จภายในตัวสร้าง

state.remotedataSource

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