在本快速入门中，我们将了解一个最小的 ASP.NET Core 应用程序，该应用程序承载 Elsa Dashboard 组件并将其连接到 Elsa Server。

ElsaDashboard + Docker

尽管能够设置您自己的 Elsa Dashboard 项目以自定义某些方面很有用，但在许多情况下，您可能会发现基本仪表板是连接到 Elsa 服务器所需要的。

Elsa 附带了一个名为 ElsaDashboard.Web 的预制项目，您可以将其配置为与现有的 Elsa 服务器通信。此外，您还可以构建和运行一个 Dockerfile。

有关更多信息，请查看 ElsaDashboard + Docker 快速入门。

我们会：

  • 创建 ASP.NET Core 应用程序。
  • 安装 Elsa Dashboard 组件。

项目

创建一个名为 ElsaQuickstarts.Server.Dashboard 的新的空 ASP.NET Core 项目：

dotnet new web -n "ElsaQuickstarts.Server.Dashboard"

CD 到创建的项目文件夹中：

cd ElsaQuickstarts.Server.Dashboard

添加以下包：

dotnet add package Elsa.Designer.Components.Web

Startup

打开 Startup.cs 并将其内容替换为以下内容：

using Microsoft.AspNetCore.Builder;

using Microsoft.AspNetCore.Hosting;

using Microsoft.Extensions.DependencyInjection;

namespace ElsaQuickstarts.Server.Dashboard

{

    public class Startup

    {

        public void ConfigureServices(IServiceCollection services)

        {

            services.AddRazorPages();

        }

        public void Configure(IApplicationBuilder app, IWebHostEnvironment env)

        {

            app.UseStaticFiles();

            app.UseRouting();

            app.UseEndpoints(endpoints => { endpoints.MapFallbackToPage("/_Host"); });

        }

    }

}

_Host.cshtml + _ViewImports.cshtml

请注意，该应用程序将始终提供 _Host.cshtml 页面，我们接下来将创建该页面。

  1. 创建一个名为 Pages 的新文件夹。
  2. 在 Pages 中，创建一个名为cshtml 的新文件。
  3. 在 Pages 中，创建一个名为cshtml 的新文件。

将以下内容添加到 _ViewImports.cshtml：

@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers

并将以下内容添加到_Host.cshtml：

@page "/"

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="utf-8"/>

    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <title>Elsa Workflows</title>

    <link rel="icon" type="image/png" sizes="32x32" href="/_content/Elsa.Designer.Components.Web/elsa-workflows-studio/assets/images/favicon-32x32.png">

    <link rel="icon" type="image/png" sizes="16x16" href="/_content/Elsa.Designer.Components.Web/elsa-workflows-studio/assets/images/favicon-16x16.png">

    <link rel="stylesheet" href="/_content/Elsa.Designer.Components.Web/elsa-workflows-studio/assets/fonts/inter/inter.css">

    <link rel="stylesheet" href="/_content/Elsa.Designer.Components.Web/elsa-workflows-studio/elsa-workflows-studio.css">

    <script src="/_content/Elsa.Designer.Components.Web/monaco-editor/min/vs/loader.js"></script>

    <script type="module" src="/_content/Elsa.Designer.Components.Web/elsa-workflows-studio/elsa-workflows-studio.esm.js"></script>

</head>

<body>

<elsa-studio-root server-url="https://your-elsa-server-url" monaco-lib-path="_content/Elsa.Designer.Components.Web/monaco-editor/min">

    <elsa-studio-dashboard></elsa-studio-dashboard>

</elsa-studio-root>

</body>

</html>

运行

运行程序并打开 Web 浏览器到主页（如果您不更改 launchSettings.json，通常会自动发生）：

在您确保将组件指向正在运行的 Elsa 服务器之前，所有菜单项都不会正常工作。

elsa-core：4.ASP.NET Core Server with Elsa Dashboard的更多相关文章

  1. .NET Core：在ASP.NET Core WebApi中使用Cookie

    一.Cookie的作用 Cookie通常用来存储有关用户信息的一条数据,可以用来标识登录用户,Cookie存储在客户端的浏览器上.在大多数浏览器中,每个Cookie都存储为一个小文件.Cookie表示 ...

  2. NET Core：部署项目到Ubuntu Server

    NET Core:部署项目到Ubuntu Server 概述 基于上一篇成功安装Ubuntu Server 16.10的基础上,接下来继续我们ASP.NET Core项目的部署之旅! 只是对于这些年整 ...

  3. 探索ASP.Net Core 3.0系列四：在ASP.NET Core 3.0的应用中启动时运行异步任务

    前言:在本文中,我将介绍ASP.NET Core 3.0 WebHost的微小更改如何使使用IHostedService在应用程序启动时更轻松地运行异步任务. 翻译 :Andrew Lock   ht ...

  4. List多个字段标识过滤 IIS发布.net core mvc web站点 ASP.NET Core 实战：构建带有版本控制的 API 接口 ASP.NET Core 实战：使用 ASP.NET Core Web API 和 Vue.js 搭建前后端分离项目 Using AutoFac

    List多个字段标识过滤 class Program{  public static void Main(string[] args) { List<T> list = new List& ...

  5. ASP.NET Core-Docs：在 ASP.NET Core 中启用跨域请求（CORS）

    ylbtech-ASP.NET Core-Docs:在 ASP.NET Core 中启用跨域请求(CORS) 1.返回顶部   2.返回顶部   3.返回顶部   4.返回顶部   5.返回顶部 1. ...

  6. 探索ASP.Net Core 3.0系列二：聊聊ASP.Net Core 3.0 中的Startup.cs

    原文:探索ASP.Net Core 3.0系列二:聊聊ASP.Net Core 3.0 中的Startup.cs 前言:.NET Core 3.0 SDK包含比以前版本更多的现成模板. 在本文中,我将 ...

  7. 任务21 ：了解ASP.NET Core 依赖注入，看这篇就够了

    DI在.NET Core里面被提到了一个非常重要的位置, 这篇文章主要再给大家普及一下关于依赖注入的概念,身边有工作六七年的同事还个东西搞不清楚.另外再介绍一下.NET  Core的DI实现以及对实例 ...

  8. ASP.NET Core Identity 配置 - ASP.NET Core 基础教程 - 简单教程，简单编程

    原文:ASP.NET Core Identity 配置 - ASP.NET Core 基础教程 - 简单教程,简单编程 ASP.NET Core Identity 配置 上一章节我们简单介绍了下 Id ...

  9. ASP.NET Core Identity 框架 - ASP.NET Core 基础教程 - 简单教程，简单编程

    原文:ASP.NET Core Identity 框架 - ASP.NET Core 基础教程 - 简单教程,简单编程 ASP.NET Core Identity 框架 前面我们使用了 N 多个章节, ...

随机推荐

  1. SQL SERVER Date列和Time列合并成一列处理报表数据

    问题原由: intouch项目中,利用intouch脚本来存储数据时,存入的时间格式为:date,time分开存储.在报表需求中,有需要利用查询两个时间段之间的数据. 问题解决: 1.直接写脚本(写出 ...

  2. 类加载机制+JVM调优实战+代码优化

    类加载机制 Java源代码经过编译器编译成字节码之后,最终都需要加载到虚拟机之后才能运行.虚拟机把描述类的数据从 Class 文件加载到内存,并对数据进行校验.转换解析和初始化,最终形成可以被虚拟机直 ...

  3. phpmyadmin error:#2002 - 服务器没有响应 (或者本地 MySQL 服务器的套接字没有正确配置)

    1. 将 "phpMyAdmin/libraries"文件夹下的config.default.php文件中的$cfg['Servers'][$i]['host'] = 'local ...

  4. #使用C#winform编写渗透测试工具--子域名挖掘

    使用C#winform编写渗透测试工具--子域名挖掘 这篇文章主要介绍使用C#winform编写渗透测试工具--子域名挖掘.在渗透测试中,子域名的收集十分重要,通常一个网站的主站的防御能力特别强,而他 ...

  5. DC-7靶机

    仅供个人娱乐 靶机信息 下载地址:http://www.five86.com/downloads/DC-7.zip 一.主机扫描 二.信息收集 或者 python3 cmseek.py --url h ...

  6. java获取日出日落时间

    import java.math.BigDecimal; import java.text.ParseException; import java.text.SimpleDateFormat; imp ...

  7. 媒体应用视频超分AI神器！360P视频一键转换HD

    作为多媒体应用的开发者,你是否想为媒体播放器快速开发创新AI功能?例如: 在播放低画质视频过程中对其进行逐帧超分 让满屏飘飞的弹幕自动绕过画面的主体人物 HMS Core 6.0.0开放的多媒体管线服 ...

  8. 身边好几个技术一般的程序员都面上了，阿里P7门槛降低？

    经常在网上的论坛里看到讨论程序员的级别,尤其在跳槽类的信息里可以看到对标阿里P7,百度T6,腾讯3.1等字眼,似乎大厂的级别俨然可以成为业内的通用货币,类似于高考分数一样,哪一档就对应着什么样的待遇. ...

  9. 812考试总结(NOIP模拟37)[数列·数对·最小距离·真相]

    前言 考得挺憋屈的... 先是搞了两个半小时的 T1 后来发现假了,又没多想跳了.. 然后一看 T2 这不是队长快跑嘛... 先是根据自己的想法打了一遍(考完之后发现是对的..) 然后回想了一下之前的 ...

  10. Java编程中经典语句收录

    1.spring系列:约定优于配置(习惯大于配置): 2.Java:一次编译,处处运行 3.Unix:没有消息就是好消息