เครื่องมือรายงานภาพ AJ-Report v1.4.2

AJ-Report เป็นแพลตฟอร์ม BI แบบโอเพ่นซอร์สเต็มรูปแบบพร้อมจอแสดงผลขนาดใหญ่ที่สามารถควบคุมการเปลี่ยนแปลงทางธุรกิจได้ทุกที่ทุกเวลา เพื่อให้ทุกการตัดสินใจได้รับข้อมูลสนับสนุน

รองรับแหล่งข้อมูลหลายแหล่ง ไดรเวอร์ mysql, elasticsearch และ kudu ในตัว รองรับชุดข้อมูลที่กำหนดเองและขจัดความจำเป็นในการพัฒนาอินเทอร์เฟซข้อมูล ปัจจุบันรองรับส่วนประกอบ/แผนภูมิหน้าจอขนาดใหญ่ 25 ประเภท หากคุณไม่ทราบวิธี ในการพัฒนาคุณสามารถสร้างหน้าจอขนาดใหญ่ตามแบบร่างการออกแบบได้

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

ภาพรวมฟังก์ชั่น

การแนะนำส่วนประกอบ

การออกแบบหน้าจอขนาดใหญ่ (AJ-Report) เป็นโปรเจ็กต์โอเพ่นซอร์สเต็มรูปแบบสำหรับการแก้ไขด้วยการลากและวางด้วยภาพ ใช้งานง่าย เจ๋ง และเชี่ยวชาญด้านเทคโนโลยี ฟังก์ชันพื้นฐานในตัวประกอบด้วยแหล่งข้อมูล ชุดข้อมูล และการจัดการรายงาน

เทคโนโลยีหลัก

พึ่งพา

[มายเอสคิวแอล] 5.7

[เจดีเค] 1.8

ด้านหลัง

Spring Boot2.3.5.RELEASE: Spring Boot เป็นเฟรมเวิร์กที่พร้อมใช้งานทันทีที่ทำให้แอปพลิเคชัน Spring ของเราเบาลงและเร็วขึ้นในการเริ่มต้น สามารถรันได้โดยการรันฟังก์ชันหลักในโปรแกรมหลัก คุณยังสามารถจัดทำแพ็กเกจแอปพลิเคชันของคุณเป็น jar และรันเว็บแอปพลิเคชันของคุณโดยใช้ java -jar;

Mybatis-plus3.3.2: MyBatis-plus (เรียกสั้น ๆ ว่า MP) เป็นเครื่องมือเพิ่มประสิทธิภาพสำหรับ MyBatis (เปิดหน้าต่างใหม่)

flyway5.2.1: ใช้เพื่ออัปเกรดโครงสร้างฐานข้อมูลและข้อมูลภายในเป็นหลักในขณะที่แอปพลิเคชันของคุณได้รับการอัปเกรดอย่างต่อเนื่อง

ส่วนหน้า

npm: เครื่องมือการจัดการแพ็คเกจ node.js ใช้เพื่อจัดการแพ็คเกจ ปลั๊กอิน เครื่องมือ คำสั่ง ฯลฯ ที่จำเป็นในโปรเจ็กต์ส่วนหน้าของเราเพื่ออำนวยความสะดวกในการพัฒนาและบำรุงรักษา

webpack: เครื่องมือรวมโมดูลแบบคงที่สำหรับแอปพลิเคชัน JavaScript สมัยใหม่

ES6: JavaScript ย่อมาจาก ECMAScript6 การใช้ ES6 ช่วยให้โค้ด JS ของเราง่ายขึ้น ในขณะเดียวกันก็ใช้ประโยชน์จากฟีเจอร์อันทรงพลังที่มีให้เพื่อนำตรรกะ JS ไปใช้ได้อย่างรวดเร็ว

vue-cli: เครื่องมือนั่งร้านของ Vue ใช้เพื่อสร้างไดเร็กทอรีและไฟล์สำหรับโปรเจ็กต์ Vue โดยอัตโนมัติ

vue-router: เครื่องมือกำหนดเส้นทางส่วนหน้าที่ Vue มอบให้ เราใช้มันเพื่อควบคุมการกำหนดเส้นทางหน้า การรีเฟรชบางส่วนและการโหลดตามความต้องการ สร้างแอปพลิเคชันหน้าเดียว และตระหนักถึงการแยกส่วนหน้าและส่วนหลัง

element-ui: ชุดของส่วนประกอบ UI ส่วนหน้าแบบโอเพ่นซอร์สตามเฟรมเวิร์ก MVVM Vue

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

vue-echarts: vue-echarts เป็นปลั๊กอิน vue แบบห่อหุ้ม พัฒนาขึ้นจาก ECharts v4.0.1+

vue-superslide: Vue-SuperSlide (Github) เป็น Vue wrapper ของ SuperSlide

vuedraggable: เป็นปลั๊กอินแบบลากและวาง vue ที่ใช้ Sortable.js

luckysheet: Luckysheet เป็นรูปแบบออนไลน์ที่เหมือนกับส่วนหน้าของ Excel ล้วนๆ พร้อมด้วยฟังก์ชันอันทรงพลัง การกำหนดค่าที่เรียบง่าย และโอเพ่นซอร์สโดยสมบูรณ์

แผนภาพการไหลของข้อมูล