[开源]一款底层前端框架,自带低代码平台 低门槛轻松构建各类界面

开源系统流程管理
2026-06-28 06:03 1 次浏览 • 0 次下载 0KB
[开源]一款底层前端框架,自带低代码平台 低门槛轻松构建各类界面

一、开源项目简介

Joker

Joker 是一个旨在为所有开发场景提供支持的框架平台。其中,Joker.front 是 Joker 平台下的前端开发框架,它提供标准化的前端开发标准,采用面向对象、组件化的编程模型,助力您高效开发用户界面。无论是简单还是复杂的界面,Joker.front 都能轻松应对。

二、开源协议

使用MIT开源协议

三、界面展示

可视化开发工具

一个自带可视化工具的前端框架:低代码平台

Joker Platform Joker Platform Joker Platform Joker Platform

四、功能概述

什么是 Joker?

Joker 是一个致力于为所有开发场景提供支持的框架平台。其中,Joker.front 作为 Joker 平台的一部分,是一个前端开发框架。它提供标准化的前端开发规范,并运用面向对象和组件化的编程方式来协助高效构建用户界面。不管界面是简单还是复杂,Joker.front 都能顺利处理。

Joker 是一个基于 TypeScript 构建的全能开发平台。无论是应对简单的界面开发需求,还是处理复杂的用户界面任务,它都展现出卓越的性能与稳定性。它具备以下重要特性:

  • 强大的可扩展性
    :Joker 提供基于组件的框架。其在设计之初就考虑到了扩展性,因此能够轻松集成到现有项目或系统中,支持构建可伸缩的 Web 应用,可根据项目需求进行定制化开发。
  • 丰富的组件库
    :Joker.front 提供了一套完备的前端组件库,包括路由、脚手架等经过精心设计与优化的功能和 UI 组件,能够帮助开发者快速构建出美观且高性能的用户界面。
  • 完善的开发工具
    :为进一步提升开发效率,Joker 还提供了一系列配套的开发工具,包括调试工具、构建工具等。这些精心设计的工具旨在让开发流程更加顺畅,助力开发者准确快速地开发、构建、测试以及更新代码。
  • Class API
    :Joker 以 TypeScript 作为脚本开发标准,并采用标准的 Class API 作为开发规范,更契合面向对象开发的要求。
  • 响应性
    :Joker 会自动追踪 JavaScript 状态,当其发生变化时能即时响应式地更新 DOM,且不存在虚拟 DOM 的差异对比。

五、技术选型

Joker 是底层前端框架,采用面向对象与组件化编程,轻松构建各类界面。扩展性强,适配多元业务。组件库丰富,含实用组件助力搭建界面。开发工具完备,基于 TypeScript 且响应灵敏,自带低代码平台,降低开发门槛。

如何使用

您可以使用 Joker CLI 来创建项目、生成应用和库代码,以及执行各类持续开发任务,如测试、打包和部署。

帮助文档

要安装 Joker CLI,请打开终端/控制台窗口,并运行如下命令:

pnpm i -g @joker.front/cli
1、运行 CLI 命令 joker create 并提供 my-app 名称作为参数,如下所示:
joker create my-app
2、在 my-app 工作目录下,安装依赖项。
cd my-app

pnpm i

CLI 将创建一个新的工作区以及一个简单的欢迎应用,您可以随时运行它。

运行应用

Joker CLI 包含一个服务器命令以及一个构建命令,服务器命令便于您在本地构建并提供应用服务。

我们默认提供了dev和build两个命令,分别代表开发环境和代码构建。

1、导航至工作区文件夹,比如 my-app。
cd my-app
2、运行以下命令:
npm run dev

成功运行后,将会显示一个简单的示例页面。