oms 是基于 Vue3, element-plus, vue-admin-template 的配置化后台构建工具, 核心概念是配置化渲染, 页面根据后端下发的 PageSchema 自动渲染, 辅助可视化PageSchema构造工具, 使常见的后台页面可以无代码实现.
设计完数据库即完成了开发
打造一套完整的低代码后台构建工具集, 包含前端和后端的完整链路, 通过可视化搭建, 即可实现常见的后台功能.
yarn create @okiss/app admin
cd admin
yarn
yarn serve建议使用 pnpm 进行工作区管理。
安装依赖
pnpm i开发调试(按包)
# OMS 核心
pnpm -F @okiss/oms dev
# 低代码基础组件 vbtf
pnpm -F @okiss/vbtf dev
# 表单引擎 vform
pnpm -F @okiss/vform dev
# 工具库 utils
pnpm -F @okiss/utils dev
# 模板应用 template
pnpm -F @okiss/template dev
# 开发者工具插件 plugin-devtool
pnpm -F @okiss/plugin-devtool dev构建与类型检查
# 构建对应包
pnpm -F @okiss/oms build
pnpm -F @okiss/vbtf build
pnpm -F @okiss/utils build
# 仅生成类型声明(如有)
pnpm -F @okiss/oms ts
pnpm -F @okiss/vbtf ts
pnpm -F @okiss/utils ts发布(内部脚本)
pnpm -F @okiss/oms release
pnpm -F @okiss/vbtf release
pnpm -F @okiss/utils release
pnpm -F @okiss/plugin-devtool release
# 一键按依赖顺序发布(utils -> vbtf -> vform -> oms)
pnpm release.all升级
pnpm up @okiss/vbtf --latest文档相关
# 本地启动文档站点
pnpm docs:dev
# 构建文档
pnpm docs:build
# 本地预览构建后的文档
pnpm docs:serve预览/服务(示例)
# 模板应用预览
pnpm -F @okiss/template preview
# 插件示例预览
pnpm -F @okiss/plugin-devtool serve为避免重复安装和版本冲突,@okiss/oms 将以下依赖声明为 peer(请在你的项目中同时安装):
pnpm add vue@^3.5 vue-router@^4.5 element-plus@^2.8 @okiss/utils@^0.0.12 @okiss/vbtf@^0.0.106若在项目中直接使用组件库包,需要安装其 peer 依赖:
# vbtf
pnpm add vue@^3.5 vue-router@^4.5 element-plus@^2.8 @okiss/utils@^0.0.12
# vform
pnpm add vue@^3.5 element-plus@^2.8 @okiss/utils@^0.0.12@okiss/plugin-devtool 依赖于 @okiss/oms 与 vue,请在宿主项目中安装:
pnpm add vue@^3.5 @okiss/oms@^0.0.65
# 同时确保已安装 @okiss/oms 所需的 peer 依赖(见上文)核心组件, 用于构建整个后台应用机制, 包括 路由/鉴权/菜单/PageSchema解析等基础能力
辅助开发组件, 注册页面构建工具的菜单及功能实现
Don't Repeat Yourself