Skip to content

文件结构

Zova 提供了灵活的文件结构,可以根据业务的复杂度渐进式的调整文件结构,始终保持代码的简洁、优雅,更利于代码的持续迭代与维护

三级迭代

一个组件的文件结构可以参考以下三级迭代:

名称说明
单文件Controller(1)
三文件Controller(1) + Render(1) + Style(1)
多文件Controller(1) + Render(n) + Style(n) + Service(n)

单文件

在业务开发的初始阶段,代码比较少,可以采用单文件

typescript
class ControllerCard {
  protected render() {
    return null;
  }
}

三文件

当代码开始变多时,可以将 Render 和 Style 独立出来

创建第一个Render Bean

先将 Render 独立出来

1. Cli命令

bash
$ zova :refactor:firstRender component/card --module=demo-student

2. 菜单命令

TIP

右键菜单 - [模块路径/src/component/componentName]: Zova Refactor/Create First Render Bean

创建第一个Style Bean

再将 Style 独立出来

1. Cli命令

bash
$ zova :refactor:firstStyle component/card --module=demo-student

2. 菜单命令

TIP

右键菜单 - [模块路径/src/component/componentName]: Zova Refactor/Create First Style Bean

多文件

当代码继续变多时,可以继续调整文件结构,创建更多 Render 文件和 Style 文件,也可以创建多个 Service 文件,将状态管理独立出来

创建更多Render Bean

1. Cli命令

bash
$ zova :refactor:anotherRender component/card another --module=demo-student

2. 菜单命令

TIP

右键菜单 - [模块路径/src/component/componentName]: Zova Refactor/Create Another Render Bean

创建更多Style Bean

1. Cli命令

bash
$ zova :refactor:anotherStyle component/card another --module=demo-student

2. 菜单命令

TIP

右键菜单 - [模块路径/src/component/componentName]: Zova Refactor/Create Another Style Bean

创建更多Service Bean

创建一个 Serviceanother,将状态管理独立出来

1. Cli命令

bash
$ zova :create:bean service component/card/another --module=demo-student

2. 菜单命令

TIP

右键菜单 - [模块路径/src/component/componentName]: Zova Create/Service

基于 MIT 许可发布