简介

什么是 PtahJs?

PtahJs 是一套面向扩展而开发的可视化引擎。其核心提炼自企业级低代码平台，旨在简化开发过程并增强扩展性。

主要特性概览

• 支持Vue3：与流行的 Vue3 框架无缝集成。
• 面向扩展设计：核心引擎经过精心设计，便于扩展和定制。
• 组件化开发：通过编写组件的方式搭建低代码平台，降低了学习成本。
• 支持多种模式：支持嵌套模式、画布模式、3D模式和流程图模式，满足多样化需求。

可视化平台布局与构成

Header

module area

workspace

configuration area

<template>
    <main class="text-white">
        <header class="bg-purple-300 py-1 px-2 mb-1">Header</header>
        <div class="flex">
            <aside class="bg-purple-300 py-1 px-2 mr-1 w-[120px] flex items-center justify-center">
                module area
            </aside>
            <div class="bg-rose-300 py-1 px-2 flex-1 h-[300px] flex items-center justify-center">
                workspace
            </div>
            <div class="bg-purple-300 py-1 px-2 ml-1 w-[120px] flex items-center justify-center">
                configuration area
            </div>
        </div>
    </main>
</template>

<script>
export default {
    name: 'LowcodeLayout',
    setup() {
        return {};
    }
};
</script>

组件嵌套

PtahJs 允许开发者以组件化的方式构建应用，各组件可以相互嵌套，形成复杂的布局结构。这种方式不仅提高了代码复用性，还简化了维护工作。

画布模式

通过内置的画布模式，开发者可以直观地拖拽和放置组件，快速搭建 UI 界面。画布模式支持多种布局和自定义样式，使界面设计更加灵活。

3D 视图

PtahJs 内置 3D 视图模式，支持在平台上构建和展示 3D 模型。此特性特别适用于需要三维展示的应用场景，如虚拟现实、产品展示等。

流程图

平台还支持流程图模式，适合构建流程管理、任务调度等应用。通过流程图，开发者可以直观地展示和管理各类业务流程，提高工作效率。

多媒体编辑

平台还支持多媒体编辑模式，适合构建音视频编辑等应用。