jeelowcode ui admin vue3

ไปที่คลับเพื่อรับคุณสมบัติสำหรับการทดสอบเบต้าแบบปิด

เชี่ยวชาญความท้าทายในการเขียนโปรแกรมออนไลน์ได้ถึง 99.99% ได้อย่างง่ายดาย

1.บทนำโครงการ

JeeLowCode เป็นเฟรมเวิร์กการพัฒนาโค้ดต่ำระดับองค์กรที่ห่อหุ้มอย่างระมัดระวังโดยอิงจากซอร์สโค้ด ruoyi (ruoyi-vue-pro) เมื่อสำรวจแพลตฟอร์มที่ใช้โค้ดน้อยจำนวนมากในตลาด เราพบว่าแพลตฟอร์มเหล่านี้ไม่เพียงแต่มีราคาแพง แต่ยังมักไม่น่าพอใจในด้านฟังก์ชันการทำงาน ทำให้ยากต่อการตอบสนองความต้องการในการพัฒนาของเราผ่านการกำหนดค่าอินเทอร์เฟซที่เรียบง่าย เมื่อเทียบกับพื้นหลังนี้ การค้นหาแพลตฟอร์มการพัฒนาแบบโอเพ่นซอร์สแบบ low-code เต็มรูปแบบที่ฟรี เสถียร และใช้งานง่ายกลายเป็นเรื่องยากเป็นพิเศษ JeeLowCode เกิดมาเพื่อเติมเต็มช่องว่างทางการตลาดนี้

2. ประสบการณ์ออนไลน์

ที่อยู่ประสบการณ์: http://demo.jeelowcode.com

ที่อยู่ชุมชน: http://doc.jeelowcode.com

เริ่มเอกสาร: http://doc.jeelowcode.com/doc/1-5

วิดีโอสอน: http://doc.jeelowcode.com/doc/1-6

3. โครงสร้างรหัส

 com.jeelowcode  
    ├── jeelowcode-admin                     // 启动模块
    ├── jeelowcode-code                      // JeelowCode核心模块
    ├── jeelowcode-dependencies              // 项目版本依赖模块
    ├── jeelowcode-framework                 // 功能模块
    │       └── jeelowcode-excel             // Excel导入导出模块
    │       └── jeelowcode-exception         // 自定义异常模块
    │       └── jeelowcode-plus              // SQL/DDL 语构建模块
    │       └── jeelowcode-tenant            // 租户模块
    │       └── jeelowcode-utils             // 工具类模块
    ├── jeelowcode-module                    // 个人业务相关
    │       └── jeelowcode-module-api        // 个人业务模块API
    │       └── jeelowcode-module-biz        // 个人业务业务
    ├── yudao-framework                      // 芋道核心模块
    ├── yudao-module                         // 芋道核心模块

4.ความสัมพันธ์ของโครงการ

โครงการแบ็กเอนด์

โครงการ	ดาว	การแนะนำ
จีโลว์โค้ด		อิงตามสถาปัตยกรรมหลายโมดูลของ Spring Boot

โครงการส่วนหน้า

โครงการ	ดาว	การแนะนำ
jeelowcode-ui-admin-vue3		การจัดการแบ็กเอนด์ตาม Vue3 + Element Plus + Avue

5. แผนภาพสถาปัตยกรรมระบบ

6. เริ่มต้นใช้งาน Hello World

ใช้เวลาเพียง 4 ขั้นตอน เพื่อช่วยให้คุณเข้าใจโค้ดต่ำ JeeLowCode

7. การเรนเดอร์สาธิต

7.1 การเรนเดอร์เวอร์ชันมือถือ:

7.2 การเรนเดอร์พีซี:

7.3 การเรนเดอร์แบบไดนามิก:

8. จุดเด่นหลักของกรอบการทำงาน

8.1 หน้าแรก:

8.2 การสร้างตารางออนไลน์:

สร้างตารางข้อมูลอย่างสังหรณ์ใจผ่านอินเทอร์เฟซผู้ใช้แบบกราฟิก เมื่อสร้างแล้ว คุณจะเพลิดเพลินกับฟังก์ชันที่ครอบคลุมในการเพิ่ม ลบ ปรับเปลี่ยน ตรวจสอบ นำเข้าและส่งออกข้อมูลได้ทันที ซึ่งใช้งานง่ายและเพิ่มประสิทธิภาพเป็นสองเท่า

8.3 รายงานสถิติออนไลน์:

เพียงกำหนดค่าคำสั่ง SQL แบบง่ายเพื่อสร้างรายงานทางสถิติที่หลากหลายอย่างรวดเร็ว รวมถึงแผนภูมิแท่ง แผนภูมิเส้น แผนภูมิวงกลม และมุมมองการ์ด เพื่อแสดงผลการวิเคราะห์ข้อมูลอย่างเป็นธรรมชาติ

8.4 การเชื่อมโยงหลายโต๊ะออนไลน์:

ใช้การกำหนดค่าอินเทอร์เฟซที่ยืดหยุ่นเพื่อสร้างการแสดงผลการเชื่อมโยงหลายตารางที่ใช้งานง่าย รับรองประสบการณ์การประมวลผลข้อมูลแบบ WYSIWYG

8.5 การแสดงฟิลด์การจัดรูปแบบออนไลน์:

เพื่อให้เป็นไปตามความต้องการของการรวมและการแสดงผลฟิลด์อินเทอร์เฟซ จึงมีวิธีการประมวลผลง่ายๆ สามวิธี: การต่อฟังก์ชัน SQL ที่ระดับฐานข้อมูล การรวมสตริง SQL ระหว่างการสืบค้น และการประมวลผลโค้ด Java ที่เลเยอร์แอปพลิเคชัน เลือกแนวทางที่เหมาะสมเพื่อเพิ่มประสิทธิภาพและความยืดหยุ่น

8.6 การตั้งค่าการเรียงลำดับออนไลน์:

ด้วยการลากและวาง ผู้ใช้สามารถตั้งค่ากฎการเรียงลำดับสำหรับข้อมูลที่เตรียมใช้งานได้อย่างง่ายดาย

8.7 การกำหนดค่าการอนุญาตข้อมูลผู้เช่าออนไลน์:

มอบเครื่องมือกำหนดค่าออนไลน์เพื่อตั้งค่าการอนุญาตข้อมูลระดับผู้เช่าได้อย่างง่ายดาย รับประกันความปลอดภัยและการปฏิบัติตามข้อกำหนดของการเข้าถึงข้อมูล และปรับปรุงความยืดหยุ่นของแอปพลิเคชันในสถานการณ์ ที่มีผู้เช่าหลายราย ด้วยความยืดหยุ่น ประสิทธิภาพ และความสะดวกในการใช้งานที่ยอดเยี่ยม JeeLowCode จึงกลายเป็นตัวเลือกที่เหมาะอย่างยิ่งในการเร่งการเปลี่ยนแปลงทางดิจิทัลและขับเคลื่อนนวัตกรรมทางธุรกิจ

8.8 ความเข้ากันได้ของฐานข้อมูลอย่างกว้างขวาง:

ฐานข้อมูล	ไม่ว่าจะสนับสนุน.
MySql	สนับสนุน
ออราเคิล11จี	สนับสนุน
PostgreSQL	สนับสนุน
ดาเม็ง	สนับสนุน

8.9 การออกแบบแบบฟอร์มออนไลน์:

ให้การควบคุมที่หลากหลายเพื่อรองรับความต้องการการพัฒนาของเพจทุกประเภทอย่างเต็มที่

8.10 ตัวอย่างที่สมบูรณ์และสมบูรณ์:

ตัวอย่างที่สมบูรณ์และครบถ้วนเพื่ออำนวยความสะดวกให้ผู้ใช้เรียนรู้และเริ่มต้นได้อย่างรวดเร็ว

8.11 100+ เทมเพลตที่ใช้กันทั่วไป:

มีเทมเพลตเพจที่ใช้กันทั่วไปหลากหลายรูปแบบ เพื่อให้นักพัฒนาสามารถนำและนำไปใช้ได้อย่างรวดเร็ว

9.ขั้นตอนการเริ่มต้น

คำเตือนที่อบอุ่น: JDK, Maven, Node ฯลฯ สามารถดาวน์โหลดได้จากที่อยู่ดิสก์เครือข่าย Baidu: https://pan.baidu.com/s/1ICmHRlrRYzBkx87zoRuqvQ?pwd=1234
ที่อยู่ดิสก์คลาวด์ของอาลีบาบา: https://www.alipan.com/s/X4kF7Hshuc2

9.1 ขั้นตอนการทำงานของโค้ด JAVA พื้นหลัง

การกำหนดค่าสภาพแวดล้อม

สภาพแวดล้อมการทำงาน : JDK1.8

เครื่องมือในการพัฒนา: Idea, Maven

มิดเดิลแวร์เริ่มต้นตามค่าเริ่มต้น: (แนะนำให้ใช้ Pagoda) Mysql8.0, Redis, Minio

ขั้นตอนที่ 1: ดาวน์โหลดโครงการ JeelowCode และนำเข้าสู่ IDEA

ขั้นตอนที่ 2: นำเข้าไฟล์ฐานข้อมูลไปยัง mysql และแก้ไขฐานข้อมูลของโปรเจ็กต์และการกำหนดค่า Redis

ขั้นตอนที่ 3: กำหนดค่าฐานข้อมูลที่เกี่ยวข้องตามตัวอย่าง รีเฟรช Maven จากนั้นปฏิบัติตาม และเริ่มโครงการ

9.2 ขั้นตอนการเรียกใช้โค้ด Front-end VUE:

สภาพแวดล้อมการทำงานเบื้องหลัง: node18.0.0

เครื่องมือพัฒนา: VsCode

ขั้นตอนที่ 1: ตรวจสอบสภาพแวดล้อมโหนดในเครื่อง

ขั้นตอนที่ 2: ติดตั้ง PNPM

ขั้นตอนที่ 3: ใช้ PNPM เพื่อติดตั้งการพึ่งพาโครงการ

ขั้นตอนที่ 4: กำหนดค่าที่อยู่แบ็กเอนด์ของโครงการ

ขั้นตอนที่ 5: เริ่มโครงการ

ขั้นตอนที่ 1: ตรวจสอบสภาพแวดล้อมท้องถิ่น: Node.js: 18.0.0

ขั้นตอนที่ 2: ติดตั้ง PNPM เพื่อปรับปรุงความเร็วในการติดตั้งการพึ่งพา

1. กำหนดค่าคลังสินค้า NPM ก่อน

 npm config set registry https://registry.npmmirror.com

2. ติดตั้ง PNPM

 npm install -g pnpm

ขั้นตอนที่ 3: ติดตั้งการพึ่งพา

ป้อนไดเร็กทอรีโครงการและดำเนินการ

 pnpm install

ขั้นตอนที่ 4: กำหนดค่าที่อยู่แบ็กเอนด์

แก้ไขเส้นทางคำขอในไฟล์ .env.dev ในไดเร็กทอรีรากของโปรเจ็กต์เป็นที่อยู่แบ็กเอนด์ในเครื่อง

 VITE_BASE_URL='http://127.0.0.1:48080'

ขั้นตอนที่ 5: เริ่มโครงการ

 pnpm run dev-server

ที่อยู่การเข้าถึง

การแลกเปลี่ยนทางเทคนิค (ไม่มีโฆษณา):

บริการลูกค้า JeeLowCode (หมายเหตุเมื่อเพิ่ม: เข้าร่วมกลุ่ม)	บัญชีสาธารณะ JeeLowCode