vef framework · react
可组合的 React,逐层构建。
文档聚焦如何使用 `@vef-framework-react/*` 导出的 API 来构建应用,覆盖路由、请求、表单、CRUD 页面以及审批流集成。
@vef-framework-react/starter启动 · 路由 · 布局 · CRUD
@vef-framework-react/components表单 · 选项 · 图表 · 图标
@vef-framework-react/core请求 · 查询 · store · atom
@vef-framework-react/devVite · ESLint · Stylelint · Commitlint
- 应用通过声明式配置统一管理路由、认证和主题。
- 内置 CRUD 构建器、表单引擎和权限系统,消除重复样板代码。
- 约定优于配置:合理的默认值,完整的覆盖能力。
主流程
先建立应用骨架,再在其上构建业务
理解 VEF 最有效的方式,是按真实应用的形状来:先启动骨架、再组装运行时,然后在其上构建页面。
- 01
建立基础层
通过 defineViteConfig、ESLint 和 Stylelint 一次性建立工程基础。
- 02
组装主运行时
创建 apiClient、router 和应用入口,让认证、权限、query 和路由协同工作。
- 03
在其上构建页面
普通页面使用 Page,数据密集页面使用 ProTable,CRUD 流程使用 CrudPage 与 createCrudKit。
核心表面
这些 API 表面最值得先掌握
这些能力覆盖了最常见的应用任务,也是框架中最核心、最稳定的部分。
应用入口与布局
createApp、createRouter、登录路由、无权限路由、Page、ProTable 和 CrudPage 都位于应用主骨架中。
请求、缓存与状态
ApiClient、useQuery、useMutation、createStore、createComponentStore 和 atom 构成页面级数据层。
组件、表单与主题
组件体系已经与主题、通知、表单字段、权限和选项转换深度集成。
可复用 CRUD 页面
为搜索区、表格、表单场景、删除流程和批量操作提供统一 API。
页面级辅助 Hooks
数据字典、选项转换、权限检查、加载态判断和常用交互 hooks 都集中从这里导出。
审批流编辑器
可以独立嵌入,并通过插件扩展用户、角色、部门和表单字段等能力。
推荐入口
一条更实用的阅读路径
这四个页面是理解框架结构并快速进入实现工作的最好起点。