che-admin-frontend v1.0.1

Ant Design Pro

This project is initialized with Ant Design Pro. Follow is the quick guide for how to use.

Environment Prepare

Initial git sub modules

$  git submodule init
$  git submodule update --recursive --remote

Install node_modules:

npm install

or

yarn

Provided Scripts

Ant Design Pro provides some useful script to help you quick start and build with web project, code style check and test.

Scripts provided in package.json. It's safe to modify or add additional script:

Start project

npm start

Build project

npm run build

Check code style

npm run lint

You can also use script to auto fix some lint error:

npm run lint:fix

Test code

npm test

More

You can view full document on our official website. And welcome any feedback in our github.

开发规范

• 所有列表页面继续使用 dva model, 同时优化 searchForm 组件支持
• 由于存在 tab 分页模式，所有详情页面都不再使用 dva model。

慢慢的补充一下页面、组件、业务逻辑等的相关说明

components 文件夹

Todo List

此列表为将要优化的地方，优化后删除

form-fields

由于之前写的 form-fields 组件分化的较多，其实是过渡设计了，需要进行删减有一些组件可以进行合并，现在只是先完成了功能，随后进行功能的合并，使之用起来更方便这几个组件都支持传 action 参数和 options 参数 action 包括 params 和 method

• Select 下拉选择组件，支持传入 action 或者 options
• Input 文本输入组件
• Cascader 级联选择组件
• Tree 树单选组件
• TreeSelect 树多选组件

SearchForm 功能迭代

现在 searchForm 组件的入参有些不直观，component,label,name 是一定必传的字段，是不是可以优化成

  const searchFields = [
    [component, label, name, fieldProps]
  ]
  可以直观的看到配置的是什么，不需要写那么多父节点了

form-snippet

移动出单参数文件夹中的 form-snippet 到公共区域，同时优化各部分的功能，提高可维护性 0323: 本期先做没有的，复用原来的，下期慢慢移动 0323: 关系人实现的不好，这次把这个组件先行优化到此处，下个版本替换掉出单参数中的同名文件

字段数据进行缓存

目前字段接口都是重复请求的，不好看，所有字典数据都可以进行必要的缓存，可以在项目刚加载时进行缓存

出单页面 form field 组件化

OCR 识别可以抽取成组件品牌型号选择抽取成组件需要脱敏的组件抽取成组件另外寻找 ProFormDependency 组件的替代者，最好把展示层和逻辑层进行分离，减少展示层的冗余代码