/bootx-platform-ui

Bootx-Cloud的单体版，针对单体式应用进行专门设计，包含基础功能、OA、支付、营销等模块，在应用不同业务场景是可以自由组合，致力实现媲美商业版应用框架的目标

Primary LanguageVueApache License 2.0Apache-2.0

Bootx-Platform-UI

star Build Status Build Status Downloads

🍈项目介绍

基于Spring Boot框架打造，针对单体式应用进行专门设计，提供整套服务模块，努力为打造全方位企业级开发解决方案， 致力将开源版打造成超越商业版后台管理框架的项目。

前端项目

基于Antd Vue Pro 前端脚手架

演示地址: 地址

# 安装依赖
yarn install
# 启动
yarn serve
# 打包
yarn build

组件选择

模块 所选组件 备注
整体ui框架 Antd Vue andtv
列表组件 Vxe-table Vxe-table
表单组件 FormModel FormModel

混入组件

Vue混入概念介绍，混入组件在src/mixins目录下，现有以下组件: TableMixin(列表Mixin)、 FormMixin(表单Mixin)、UploadMixin(文件上传Mixin)、WebsocketMixin(WebsocketMixin)等几种

  1. 当组件和混入对象含有同名选项时，这些选项将以恰当的方式进行“合并”。 比如，数据对象在内部会进行递归合并，并在发生冲突时以组件数据优先。
  2. 同名钩子函数将合并为一个数组，因此都将被调用。另外，混入对象的钩子将在组件自身钩子之前调用。值为对象的选项，例如 methods、components 和 directives，将被合并为同一个对象。
  3. 两个对象键名冲突时，取组件对象的键值对。

业务组件

字典翻译组件

引入TableMixin或FormMixin组件后，可以直接调用dictConvert进行组件的字典值的转换，dictConvert (dictCode, code) dictCode：字典值，code：字典项值，返回值为名称，组件所在位置为@/components/Bootx/Dict/DictUtils