Marsview 低代码平台搭建与使用教程

Marsview 低代码平台搭建与使用教程

marsview Marsview 是一款中后台方向的低代码可视化搭建平台，开发者可以在平台上创建项目、页面和组件，支持事件交互、接口调用、数据联动和逻辑编排等，开发者还可通过微服务快速集成到自己的业务系统中。 Marsview is a low code visualization platform for middle and backend direction, supporting event interaction, interface calling, data linkage, and logical orchestration. 项目地址: https://gitcode.com/gh_mirrors/ma/marsview

1. 项目目录结构及介绍

Marsview 项目的目录结构如下所示：

marsview/
├── packages/              # 前端项目目录，包含4个子服务
│   ├── admin/             # 项目访问端
│   ├── editor/            # 编辑器端
│   ├── materials/         # 组件物料，仅供 admin 使用
│   └── ...
├── .github/               # GitHub 工作流和配置文件
├── .vscode/               # VSCode 配置文件
├── docs/                  # 文档目录
├── .editorconfig           # 编辑器配置文件
├── .gitignore             # Git 忽略文件
├── .npmrc                 # npm 配置文件
├── .prettierrc            # Prettier 配置文件
├── CHANGELOG.md           # 更新日志
├── LICENSE                # 开源协议
├── README.en-US.md        # 英文 README 文件
├── README.md              # 中文 README 文件
├── package.json           # 项目配置文件
└── pnpm-lock.yaml         # pnpm 锁文件

• packages/ 目录包含了前端项目，其中 admin 是项目访问端，editor 是编辑器端，materials 是组件物料库。
• .github/ 目录包含了 GitHub 工作流文件，例如自动化测试、构建等。
• .vscode/ 目录包含了 Visual Studio Code 的配置文件。
• docs/ 目录包含了项目的文档。
• .editorconfig、.gitignore、.npmrc、.prettierrc 等文件是项目的配置文件。
• CHANGELOG.md 记录了项目的更新日志。
• LICENSE 是项目的开源协议文件。
• README.en-US.md 和 README.md 分别是项目的英文和中文介绍文件。
• package.json 是项目的 npm 配置文件。
• pnpm-lock.yaml 是 pnpm 的锁文件。

2. 项目的启动文件介绍

项目的启动主要是通过 package.json 中的脚本来实现的。以下是 package.json 文件中的一些关键启动脚本：

"scripts": {
  "start:editor": "pnpm run serve:editor",
  "build:editor": "pnpm run build:editor",
  // 其他脚本...
}

• start:editor 脚本用于启动编辑器服务。
• build:editor 脚本用于构建编辑器端的代码。

要启动编辑器服务，可以在项目根目录下运行以下命令：

pnpm start:editor

这将启动本地开发环境，通常默认使用线上接口。如果需要私有化部署，请参考项目文档中的相关说明。

3. 项目的配置文件介绍

项目的配置主要通过 package.json 和 .prettierrc 等配置文件来完成。

• package.json 文件中的 config 字段可以包含一些项目级别的配置，例如：

"config": {
  "vue": {
    "devtools": true
  }
}

这里配置了 Vue 开发者工具的启用。

• .prettierrc 文件用于配置 Prettier 的代码格式化规则，例如：

{
  "semi": false,
  "singleQuote": true
}

这里配置了不使用分号，并且使用单引号。

确保在开始开发前，仔细阅读这些配置文件，并根据项目需求进行适当的调整。

marsview Marsview 是一款中后台方向的低代码可视化搭建平台，开发者可以在平台上创建项目、页面和组件，支持事件交互、接口调用、数据联动和逻辑编排等，开发者还可通过微服务快速集成到自己的业务系统中。 Marsview is a low code visualization platform for middle and backend direction, supporting event interaction, interface calling, data linkage, and logical orchestration. 项目地址: https://gitcode.com/gh_mirrors/ma/marsview