npm 包 botbuilder-toybox-prompts 使用教程

概述

在开发聊天机器人时，我们往往需要用到一些模块来帮助我们处理用户的输入和输出，同时提供良好的用户体验。botbuilder-toybox-prompts 就是一个非常优秀的 npm 包，它提供了丰富实用的提示和验证功能，可以大大简化我们的开发流程，提高开发效率。本文将介绍如何使用 botbuilder-toybox-prompts，包括安装、常用 API 详解和示例代码。

安装

我们可以通过 npm 命令来安装 botbuilder-toybox-prompts：

--- ------- -------------------------

常用 API 详解

1. ChoicePrompt

ChoicePrompt 是一种基于选项的提示，用于获取用户在有限选项内的输入。该提示通常用于要求用户从预定义的选项中做出选择的场景中。以下是 ChoicePrompt 的使用方法：

------ - ------------- --------- - ---- ----------------------------

----- ------------ - --- ---------------------------- -
    ---------- ----------------
---

----- ------------- - -
    ------- --------------
    ------------ --------------
    -------- ------ ----- ------
    ----------- --
    ------ ---------------
    --------------- ----
--
  • choices：选项列表
  • prompt：提示消息
  • retryPrompt：当用户第一次选择无效时，提示该消息，方便用户重新选择
  • maxRetries：最高重试次数
  • style：选项列表显示的样式，提供了两种样式可以选择：
    • ListStyle.list：每行一个选项。
    • ListStyle.inline：将选项显示为单行。
  • includeNumbers：是否在选项前面显示数字。

当我们引入 ChoicePrompt 模块，创建数据与选项，我们可以通过下面代码调用它：

----- ---------------------------- ---------------

2. ConfirmPrompt

ConfirmPrompt 是用于获得用户肯定或否定回答的简单 yes/no 提示。以下是 ConfirmPrompt 的使用方法：

------ - ------------- - ---- ----------------------------

----- ------------- - --- -------------------------------

----- ------------- - -
    ------- ------------
--
  • prompt：提示消息。

当我们引入 ConfirmPrompt 模块，创建数据与选项，我们可以通过下面代码调用它：

----- ----------------------------- ---------------

3. DateTimePrompt

DateTimePrompt 是一种用于获取日期和时间的提示。以下是 DateTimePrompt 的使用方法：

------ - -------------- - ---- ----------------------------

----- -------------- - --- ---------------------------------

----- ------------- - -
    ------- -----------
--
  • prompt：提示消息。

当我们引入 DateTimePrompt 模块，创建数据与选项，我们可以通过下面代码调用它：

----- ------------------------------ ---------------

4. NumberPrompt

NumberPrompt 是一种用于获取数字的提示。以下是 NumberPrompt 的使用方法：

------ - ------------ - ---- ----------------------------

----- ------------ - --- -----------------------------

----- ------------- - -
    ------- -----------
    ------------ ----------
--
  • prompt：提示消息。
  • retryPrompt：当用户第一次选择无效时，提示该消息，方便用户重新选择。

当我们引入 NumberPrompt 模块，创建数据与选项，我们可以通过下面代码调用它：

----- ---------------------------- ---------------

5. TextPrompt

TextPrompt 是一种始终继续并获取文本输入的提示。以下是 TextPrompt 的使用方法：

------ - ---------- - ---- ----------------------------

----- ---------- - --- -------------------------

----- ------------- - -
    ------- -----------
    ------------ -------------
--
  • prompt：提示消息。
  • retryPrompt：当用户第一次选择无效时，提示该消息，方便用户重新选择。

当我们引入 TextPrompt 模块，创建数据与选项，我们可以通过下面代码调用它：

----- -------------------------- ---------------

示例代码

以下示例代码演示了如何组合使用以上各种提示：

------ - ------------- ---------- -------------- --------------- ------------- ---------- - ---- ----------------------------

----- ------- - -
    ------------- --- ---------------------------- - ---------- ---------------- ---
    -------------- --- -------------------------------
    --------------- --- ---------------------------------
    ------------- --- -----------------------------
    ----------- --- ------------------------
--

----- ----- - -
    ----- ------ -- -
        ------ ----- --------------------------------------- -
            ------- -----------
        ---
    --
    ----- ------ -- -
        ----- ---- - ------------

        ----- ----------------------------- -------- -------------

        ----- ------ - ----- ----------------------------------------- -
            ------- ------------
            ------------ --------------
            -------- ------ ----- ---------
            ----------- --
            ------ ---------------
            --------------- ----
        ---

        ---------------- - -------------

        ------ ----- ------------------------------------------ -
            ------- ---------
        ---
    --
    ----- ------ -- -
        --------------------- - ------------

        ----- ------ - ----- ------------------------------------------- -
            ------- -----------
        ---

        ---------------------- - -------------------------------------

        ------ ----- ----------------------------------------- -
            ------- -------------
            ------------ ----------
        ---
    --
    ----- ------ -- -
        ------------------- - ------------

        ----- ---------------------------------- -------------------------------------------- - ---- - ------------- ------------------------- ----- ---------------------- -------

        ------ ----- -----------------
    -
--

总结

botbuilder-toybox-prompts 这个 npm 包非常优秀，它提供了丰富实用的提示和验证功能，可以大大简化我们的开发流程，提高开发效率。能够使用该包的基础知识，在实际聊天机器人开发中也将有所收益。

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066c81ccdc64669dde4cd4

阅读全文

猜你喜欢

  • npm 包 bootstrap-hardskilled-extend-select 使用教程

    简介 bootstrap-hardskilled-extend-select 是一个基于 Bootstrap 的扩展选择器，它可以让用户通过多种方式输入并选择项。它支持标签、搜索、分组和异步加载等功能...

    4 年前
  • npm包botbuilder-storage-rethinkdb使用教程

    简介 botbuilder-storage-rethinkdb是一个使用rethinkdb作为botbuilder框架(xmpp, slack, telegram等)的存储服务的npm包。

    4 年前
  • npm 包 bootstrap-help-manager 使用教程

    简介 在前端开发中，使用框架和库来提高开发效率是很常见的做法。其中，Bootstrap 是一个广泛使用的前端框架，可以快速构建出美观、响应式的界面。在使用 Bootstrap 进行开发时，我们可能会碰...

    4 年前
  • npm 包 bootstrap-html5-fallback 使用教程

    在现代前端开发中，使用 HTML5 和 CSS3 已经成为基本常识，但是一些旧版浏览器并不支持这些新技术。为了解决这个问题，我们可以使用 bootstrap-html5-fallback 这个 npm...

    4 年前
  • npm 包 bootstrap-hyperscript 使用教程

    Bootstrap-Hyperscript 是一个借助了 Hyperscript 来渲染 Bootstrap 4 HTML 的 npm 包。它简化了 Bootstrap 4 的使用，可以节省大量的时间...

    4 年前
  • npm包bootstrap-imageupload使用教程

    前言：Bootstrap-imageupload是一种简易的jQuery插件，用于在页面中上传图片。它的使用方法非常简单，无需编写JavaScript或其他脚本，可以直接安装并使用。

    4 年前
  • npm 包 bootstrap-flexbox-static 使用教程

    前言 在前端开发中，经常需要使用到 Bootstrap 框架，而在许多布局场景下，经常需要使用到 Flexbox 样式。那么，有没有一个 npm 包将这两者结合起来，提供灵活方便的布局方式呢？答案是肯...

    4 年前
  • npm 包 boot-in-the-arse 使用教程

    介绍 boot-in-the-arse 是一个非常有用的 npm 包，可以极大地提高前端开发的效率。它可以自动将代码中的多个 console.log 和 alert 语句全部移除，从而使代码更加整洁，...

    4 年前
  • JQuery 错误：无法在初始化对话框之前调用方法；尝试调用方法'close'

    在使用 JQuery UI 的对话框组件时，有时候会遇到这个错误，即“cannot call methods on dialog prior to initialization; attempted ...

    4 年前
  • npm 包 botbuilder-toybox-middleware 使用教程

    简介 botbuilder-toybox-middleware 是一个基于 Bot Framework 的中间件，为聊天机器人提供了一些常见的功能，比如日志记录、用户会话管理、异常处理等。

    4 年前
  • npm 包 botbuilder-wechat-connector 使用教程

    在前端开发中，我们通常会使用一些 npm 包来帮助我们完成一些任务。其中，botbuilder-wechat-connector 是一个非常实用的包，它可以帮助我们快速集成微信公众平台开发，实现自动回...

    4 年前
  • npm包botbuilder-wit 使用教程

    一、前言 在开发一个聊天机器人时，语义分析是一个重要的功能，可帮助我们更好地理解用户所说的话并作出相应的回应。为此，本文介绍了一款使用 Node.js 的 botbuilder-wit npm 包。

    4 年前
  • npm 包 bonaparte-theme-napoleon 使用教程

    简介 bonaparte-theme-napoleon 是一款用于 Bonaparte 前端框架主题的 npm 包。它可以帮助开发者快速搭建一个美观的前端页面，并且支持自定义主题。

    4 年前
  • npm包 `bootstrap-inline-nav-xs` 使用教程

    在前端开发中，经常需要使用前端框架来快速地构建页面，其中 Bootstrap 是在 Web 开发领域广泛应用的前端框架之一。本文将介绍在使用 Bootstrap 框架时，如何使用 npm 包 boot...

    4 年前
  • npm 包 bootstrap-inline-rtl 使用教程

    在日常的前端开发中，我们经常会用到 Bootstrap 样式库来快速搭建网页界面。然而，对于需要支持从右向左展示的语言的网页，如阿拉伯语或希伯来语等，Bootstrap 的默认样式并不能满足需求。

    4 年前
  • npm 包 bootstrap-jquery 使用教程

    在前端开发中，bootstrap 和 jQuery 可谓是必不可少的工具，它们为我们提供了诸多优秀的 UI、交互效果等等。而 bootstrap-jquery 这个 npm 包则把这两个工具结合了起来...

    4 年前
  • npm 包 bootstrap-kit 使用教程

    npm 是一种开放源代码软件包管理工具。随着前端技术的快速发展，很多优秀的前端库都可以通过 npm 包来调用和使用。Bootstrap-kit 是一款基于 Bootstrap 的前端框架，提供了一套丰...

    4 年前
  • npm包Bootstrap-Layout使用教程

    前言 在web前端开发中，常常需要用到界面布局相关的样式工具来辅助开发。而Bootstrap是一个著名的前端开发框架，它提供了大量的样式模板以及组件，包括了常见的布局样式，例如网格系统、响应式布局等。

    4 年前
  • npm 包 Bootie 使用教程

    什么是 Bootie？ Bootie 是一个开源的前端 UI 组件库，提供了丰富的 UI 组件和交互效果，可以帮助更快更高效地开发前端页面。Bootie 基于 Bootstrap3 和 jQuery，...

    4 年前
  • npm 包 bootify 使用教程

    介绍 bootify 是一个轻量级的前端框架，它基于 Bootstrap 构建，可以方便地实现响应式设计、布局管理和组件定制，在快速搭建 Web 页面时非常有用。 npm 是一个包管理器，可以方便地下...

    4 年前

相关推荐

    暂无文章