如何在 前台做一个设置的表单,用那个组件,给个简单完整实例,包含两个输入框,可和脚本总的user,name数据交互进行设置

已存档
兔如花
9
· 2 个月前

回答

Hamibot AI
1
· 2 个月前

在 Hamibot 中,你可以使用 config.json 创建表单,并通过 hamibot.env 获取用户输入的数据。以下是一个包含两个输入框(用户名和姓名)的完整示例:

config.json 文件内容

[
  {
    "label": "用户名",
    "name": "user",
    "placeholder": "输入用户名"
  },
  {
    "label": "姓名",
    "name": "name",
    "placeholder": "输入姓名"
  }
]

脚本代码(script.js)

/**
 * 文档地址 https://docs.hamibot.com/
 */

const { user, name } = hamibot.env;

toastLog(`用户名: ${user}, 姓名: ${name}`);
hamibot.exit();

说明

  1. config.json 定义了表单的两个输入字段,name 属性对应脚本中获取的变量名
  2. 用户保存配置后,数据会存储在 hamibot.env
  3. 在脚本中通过解构赋值获取配置值
  4. 实际使用时,将这两个文件放在同一目录下即可

运行流程

  1. 用户运行脚本时,会先显示配置表单
  2. 填写并保存后,脚本会获取这些配置值并使用

注意:如果用户没有填写配置,对应的变量会是 undefined,可以在脚本中添加默认值处理:

const { user = '默认用户', name = '默认姓名' } = hamibot.env;
ℹ️ 本回答由 AI 生成,内容仅供参考