盘古低代码

升级前端 ​

Pangea1.0前端升级到Pangea2.0采用微前端集成的方式，将1.0的页面嵌入到2.0框架中，这样，就可以达到及兼容1.0的页面显示，又能通过2.0赋予的新能力进行页面开发。前端部分升级主要分为以下两个步骤：

  1. 将1.0的前端页面迁移到react版本微应用脚手架中。
  2. 在2.0框架中配置1.0需要展示页面的菜单。

前端页面迁移 ​

Pangea提供react版本微应用脚手架，脚手架地址如下： http://gitlab.hisense.com/Pangea/Pangea-Cloud/frontend/pangea-micro-react.git

迁移前端代码 ​

将1.0框架/src/routes文件夹中的前端代码拷贝到微应用脚手架/src/routes文件夹中。

配置路由 ​

在微应用脚手架/src/common/navData.js文件配置路由信息。

json
export const navData = [
  // path 路由：会在在前面添加 /:appCode
  {
    name: 'group', // 页面英文名称
    path: '/base/group', // 页面路由，生成路由时会在前面添加/:appCode前缀
    folder: 'Base/group', // 页面组件文件夹 /src/routes/Base/group
  }
];

配置菜单 ​

维护微应用 ​

参考微应用管理章节。

配置应用菜单 ​

参考应用管理章节中配置应用菜单部分。配置应用菜单时，选择微应用菜单类型。