4、构建交互式表单应用：从前端到后端的实现

最新推荐文章于 2025-12-01 11:06:16 发布

peach

最新推荐文章于 2025-12-01 11:06:16 发布

阅读量10

点赞数

CC 4.0 BY-SA版权

分类专栏：玩转Google Apps脚本文章标签： Google Apps Script web app HTML5

本文链接：https://blog.youkuaiyun.com/peach/article/details/155170695

玩转Google Apps脚本专栏收录该内容

15 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

构建交互式表单应用：从前端到后端的实现

在开发应用程序时，构建一个用户友好且功能强大的界面是至关重要的。本文将带领大家逐步实现一个简单的电子邮件订阅表单应用，涵盖从前端界面设计到后端数据处理的整个过程。

界面基础与 doGet 函数

当我们在 Google Apps Script 中构建用户界面（UI）时，有三种呈现方式：在 Google 文档或表格等容器中、作为 Google 网站的小工具，以及作为网页（即 web app）。对于 web app UI，我们需要一个名为 doGet 的函数来返回 HTML 内容，以在页面上显示 UI。

以下是一个简单的 doGet 函数示例：

function doGet() {
  var html = HtmlService.createHtmlOutput('<h2>Hello World</h2>');
  return html;
}

不过，将 HTML 内容写成一长串字符串非常繁琐。幸运的是，Google 允许我们在 Google Apps Script 服务中创建 HTML 文件。若要调用这些文件，可以使用 createTemplateFromFile(<File Name>) 或 createHtmlOutputFromFile(<FileName>) 方法。以下是调用名为 index 的文件的示例：