# 第四章 Caché 服务器页面简介 - 通过 html 创建 csp 页面 # 创建基于 `HTML` 标记的 `CSP` 页面 要使用 `HTML` 文件创建 `Hello.World` 页面,请执行以下操作: 1. 启动 `Studio` 并选择 `File` > `New` > `CSP File` > `Caché Server Page`。 2. 将新 `CSP` 文件的内容替换为以下内容: ```html Hello, World! ``` 3. 选择文件 > 保存。 4. 在显示的另存为窗口中,双击默认 `CSP` 应用程序 `csp/user`。 5. 输入文件名 `Hello.csp` 并单击另存为以保存文件。 6. 在 `Studio` 窗口中,选择查看 > 网页。 与前面的示例一样,会看到 `Hello, World!`显示在浏览器中。 `CSP` 应用程序可以由单个 `CSP` 页面或一组页面组成。 `CSP` 应用程序作为一个单元,使用适用于整个应用程序的设置。系统提供 `csp/user` 作为默认的 `CSP` 应用程序。 还可以使用文本编辑器或 `HTML` 编辑器创建 `HTML` 文件。将此文件作为 `Hello.csp` 保存在本地目录 `cachesys/csp/user` 中(其中 `cachesys` 是安装 `Caché` 的位置)。 `Hello.csp` 页面的工作方式如下: 1. 浏览器向本地 `Web` 服务器发送 `Hello.csp` 请求 2. `Web` 服务器将此请求传递给 `CSP` 网关(连接到 `Web` 服务器),`CSP` 网关又将请求传递给 `Caché CSP` 服务器。 3. `Caché CSP` 服务器查找文件 `Hello.csp`,并将其交给 `CSP` 编译器。 4. `CSP` 编译器创建一个名为 `csp.Hello` 的新类,该类具有写出 `Hello.csp` 文件内容的 `OnPage` 方法。 (它实际上生成一组方法,每个方法依次从 `OnPage` 方法调用)。此编译步骤仅在 `.csp` 文件比生成的类更新时发生;随后的请求直接发送到生成的类。 5. `CSP` 服务器调用新生成的 `OnPage` 方法,并将其输出发送到浏览器,如上例所示。 与程序开发的情况一样,这是一个出于教学原因而故意过分简化的示例。 `CSP` 编译器实际上是一个专门的 `XML/HTML` 处理引擎,它可以: - 在 `HTML` 页面中处理服务器端脚本和表达式 - 在识别某些 `HTML` 标记时执行服务器端操作。 与编程示例一样,可以通过添加编程逻辑使此页面更有趣。例如: 与编程示例一样,生成的页面显示 `10` 个项目的无序(项目符号)列表。