一、简介
你是否也想构建基于web的在同一网页上运行所有功能的ftp客户端,聊天软件或全功能的电子邮件应用程序?首先,你要对ajax技术有一个很好的了解,学习关于它的属性与方法,然后开发相应的后台与前端,最后非常希望你能够创建出一个至少能够体面地实现既定功能的可工作的http程序。之后,你可以通过逐步地改进它以达到最终把这个程序变成一个强壮的可重用库。 【相关文章:网络协议规范大全(1)】
如今,ajax技术给客户端web应用程序的开发带来巨大的影响。这种构建web应用程序的新方法—在后台发送http请求而不需要页面重载—已经为当今电子邮件软件(它们原来被作为桌面应用程序设计与开发)的开发提供了若干种可能的实现方案。 【扩展阅读:ARP病毒攻击技术分析与防御】
现在,我们开始构建这个客户端。 【扩展信息:ARP协议解码详解】
在本文中,我将创建一个简单的基于web的pop3客户端—它将使用xmlhttprequest对象检索一个给定邮件服务器中的消息。这个应用程序将使用一个简单的前端来连接到邮件主机,显示消息并实现在消息间的来回导航。在服务器端,我将使用php来存取邮件服务器,推入(pushing)pop3命令并读取收件箱中的消息。
二、创建应用程序用户接口
第一步是构建基本的用户接口。如果仅考虑框架,这个接口的组成主要包括三个简单的div元素,它们将分别包含这个邮件客户端的相应区域。第一个div框将包含用于显示适当数据域的区域。这允许用户输入常规信息以连接到邮件服务器(通过指定其域名或ip地址,以及名字/口令组合)。下图1是这个客户端程序的用户接口部分构成框架的一个快照。
560)this.style.width=560; onmousewheel = javascript:return big(this) height=400 alt="" src="/files/uploadimg/20060424/0958210.jpg" width=380 border=0>
图1.web pop3客户端程序用户接口快照如上图所示,除了提供一些基本的在消息之间来回导航的控制外,这个基于web的pop3客户端还显示连接到邮件服务器的典型数据域。另外,我又在这个程序中加入了一个“clear”按钮—用于清除消息显示区域。
我的pop3客户端用户接口是易于使用的。当然,后面你将看到,客户端与服务器端应用程序层都会无缝地支持一个改进接口的开发与实现。然而,仅为演示目的,当前这个程序版本的功能还是比较简单的。
现在,你已经了解了这个程序界面的大致规划。下面,让我们接着讨论如何把上面的图像翻译成一些css声明与相应的结构化的(x)html标记。
三、构建程序式样—写css声明
... 下一页