普元EOS-微前端的base基座介绍

1 前言

微前端开发的时候要使用base基座。

这个base基座到底是什么?

base基座能提供哪些功能?

本文将进行简单的介绍。

2 高开前端引用base基座

在高开页面引入base基座的语法如下:

  

3 base基座有哪些类库

3.1 基本BaseVue

引用语法:

import { BaseVue } from 'base/lib'

3.2 Ajax类库

引入语法

import { AjaxUtil } from 'base/lib'

使用语法:

const ajax1 = AjaxUtil.headers(AjaxUtil.buildHeaders()).ajax;
ajax1.get('/api2/devops/pcm/dict/dict-entrys',
    { params: { 'dictTypeId': 'DPS_PJM_PROJECT_TYPE' } })
    .then(resp1 => {
        console.log(resp1.data);

    })
    .catch(err => {
        this.resp1Info = 'Api请求' + '出现了异常,请联系管理员解决。';
    });
}

3.3 默认页面组件

在页面使用若干可视化组件,默认可视化组件无须配置,可直接使用。

本节列出所有标签的清单,至于说明和用例不会写很清楚,毕竟这些组件的使用例子不是一个表格能写清楚的,以后我会逐渐单独写一些文章来描述这些标签。

标签名 说明 用例
Dict

DownLoadFile

下载文件,注意只能是下载二进制的文件,并非下载任意Url资源,比如页面、css资源、js文件、图片等,是无法下载的

FloatingPane

IconColorPicker

颜色选择,这个控件感觉不完善,只能固定选择几个颜色。

NoData

PmDialog

3.4 components组件

这些组件需要应用才可以使用。




                    
                    

你可能感兴趣的:(普元EOS,前端开发,vue,基座,前端基座)