IntraWeb 使用 HTML 模板_杯具橙子の自言自语

查看文章

IntraWeb 使用 HTML 模板

2007-08-14 10:47

一、创建 IntraWeb 工程
新建一个 VCL Web Application，一切都用默认值创建。将 unit1.pas 重命名为 IWIndex.pas，主窗体的 Name 设为 FIndex。

二、在工程中放置控件

放置一个 IWTemplateProcessorHTML 和 6 个 IWButton，名称分别改为 Button1~Button6，位置随便放，放得很乱也行。

三、建立文件夹

在工程的保存目录下建立一个名为 Template 的文件夹，然后设置 ServerController 的 TemplateDir 属性为 Template 目录。

四、新建 Html 文件

在 Delphi 中新建一个 Html 文件，Delphi2007 拥有 Html 的可视化设计功能，非常强大。

如图所示设计好 HTML，并保存在 Template 目录下，文件名为 FIndex.html

注意：下图中右边是 HTML 控件栏，可以将页面控件直接拖到 HTML 中来完成设计。

五、设置 IWTemplateProcessorHTML 控件的属性

将 Template 属性展开，将下面所有的属性都设为 FIndex.html

将主窗体的 LayoutManager 属性设为 IWTemplateProcessorHTML

六、运行程序

如图所示，原本排列混乱的按钮已经排得很整齐了。

也许你会问，下面怎么多出一个长条形的按钮，那是我在 HTML 中写入的。

七、扩展

通过使用 HTML 模板，可以方便的扩展 IntraWeb 的可用性，使其变得更强大，更美观。

由于 IntraWeb 本身不带有 Table 一类的控件，因此要完成页面布局，使用 HTML 是必然的

如果你觉得页面不好看或是功能不够强，也可以在 HTML 中加入 CSS 或 JavaScript，以完成更多的功能。