低代码项目及设计器概述

项目类型和工作项

SnapDevelop 提供低代码可视化设计器，供您快速创建 EF Core 实体、枚举、模型、逻辑、和 Web 视图。

支持低代码可视化设计器的项目类型包括 后端服务、浏览器端 Web 和 API、以及 移动端 Web 和 API，这些项目也因此被称为“设计器项目”或“低代码项目”。 使用这些项目，您可以自动生成包含 API 服务和 C# 模型的标准 ASP.NET Core Web API 服务端应用、H5应用、UniApp应用/小程序等。

当您想要在 SnapDevelop 中创建低代码设计器项目时，您可以选择菜单 文件 > 新建 > 新建项目，在 新建项目 窗口的 低代码 选项卡中选择以下项目类型：

• 后端 API：创建一个可以生成后端 Web API 的低代码设计项目。后端 Web API 可以在任何 .NET 开发环境（例如 Visual Studio）中打开和维护。

• 浏览器端 Web 和 API：创建一个可以生成后端 Web API 以及前端浏览器 Web 应用的低代码设计项目。

• 移动端 Web 和 API：创建一个可以生成后端 Web API 以及前端 H5 及 UniApp 应用的低代码设计项目。

  • H5 项目可以直接通过 SnapDevelop 发布到文件夹或者 Docker。详情请参考：发布和托管应用程序 。

  • UniApp 项目可以通过 HBuilderX 运行和发布。详情请参考以下 UniApp 官方文档。

    运行操作：https://uniapp.dcloud.net.cn/quickstart-hx.html#%E8%BF%90%E8%A1%8Cuni-app

    发布操作：https://uniapp.dcloud.net.cn/quickstart-hx.html#%E5%8F%91%E5%B8%83uni-app

下面以 浏览器端 Web 和 API 项目为例，简单介绍设计项目的目录结构。

• 本地资源 -- 此目录用于存放项目所需的资源文件，例如图片（当您需要使用图片时，系统将从此目录中读取图片供您选择）。
• 实体设计 -- 此目录用于存放项目的实体设计文件（*.sde）。
• 逻辑设计 -- 此目录用于存放项目的逻辑设计文件（*.sdlg）。
• 视图设计 -- 此目录用于存放项目的视图设计文件（*.sdv）。

在解决方案资源管理器中，右键单击项目或目录节点，然后选择菜单 添加 > 新建项。 在 设计器开发 选项卡中选择创建以下工作项：

• 实体设计（从零开始）：创建一个空的实体元数据文件。
• 实体设计（从数据库导入）：通过从现有数据库导入数据库架构来创建实体元数据文件。
• 逻辑设计（API）：根据实体创建过滤器及方法设计文件。
• 视图设计（基于模板）：根据 API 以及页面模板创建一个视图设计文件。
• 视图设计（从零开始）：创建一个空的视图设计文件。您可以自由关联API，添加页面组件，并设计布局。

设计器

通过低代码可视化设计器，您可以轻松设计实体模型、后台业务逻辑、前端视图。设计器包括以下几种：

• 实体设计器：在 添加新项 中选择 实体设计（从零开始） 或 实体设计（从数据库导入） 后，此设计器将打开。 它允许您创建和配置与 EF Core 兼容的实体。

  关于实体设计器更详细的信息，请参考 实体设计器。

• 逻辑设计器：在 添加新项 窗口中选择 逻辑设计（API） 后，此设计器将打开。 它允许您基于实体创建过滤器以及方法，设计后端服务逻辑。

  关于逻辑设计器更详细的信息，请参考 逻辑设计器。

• 视图设计器：在 添加新项 窗口中选择 视图设计（基于模板） 或 视图设计（从零开始） 后，此设计器将打开。 它允许您从 API 和页面模板创建网页，包括主页（Home.sdv）、布局（Layout.sdv）、详情页面、表单页面、表格页面、树表格页面等。不同的视图页面和模板提供了不同的配置选项。

  关于视图设计器更详细的信息，请参考 视图设计器。