10、构建数据收集 Web 应用的基础

构建数据收集 Web 应用的基础

在开发 Web 应用时，我们希望应用具有良好的视觉吸引力，同时具备高效的数据处理和展示能力。本文将详细介绍如何构建一个基于 Google Fusion Table 的数据收集 Web 应用，包括界面设计、组件构建、数据存储和访问等方面。

1. 界面组件构建

为了让应用更具吸引力，我们使用作者设计的图像作为按钮。首先，在“Settings”文件中添加搜索图标 URL：

var searchIcon = 'https://sites.google.com/site/scriptsexamples/searchicon.png';

然后，将图像添加到搜索网格的单元格 (0,1) 中，并添加点击处理程序：

var searchButton = app.createImage(searchIcon)
    .setSize('25px', '25px')
    .setId('searchButton')
    .addClickHandler(app.createServerClickHandler('searchView')
    .addCallbackElement(searchBox));
searchGrid.setWidget(0,1, searchButton);

在“doGet”文件中，将搜索组件加载到头部网格：