太仓人才网面向对象的用户界面设计.docVIP

太仓人才网面向对象的用户界面的设计与实现 太仓人才网 阳光浪子 摘要：本文通过对面向对象编程思想的发展，提出了“面向对象的用户界面”的新思想，并阐述了在这个指导思想在太仓人才网开发过程中的具体实现。指出了面向对象的用户界面设计的主要思想：网页上任意信息，如果能确定为某个类的实例，那么就将具有相应的事件和方法。 关键词：面向对象 用户界面 太仓人才网 HTML 超文本 引言 面向对象编程思想是继面向过程编程思想的发展，这一思想将程序开发的过程和认识事物的过程结合了起来。程序中的类，就好比现实世界中的各种事物，就是对象，每个对象有自己的属性，方法。程序可以通过向封装的类发送消息来控制各个对象，从而实现整个程序的运作。 面向对象的思想，使得程序开发过程更加人性，程序的可读性更强，代码的重用度更高，程序的维护更简便。但是这个面向对象的思想通常只是被用作开发过程，所谓的对象和类，也常常只是隐藏在源代码中的各种抽象数据类型。因此，我提出了一个将面向对象的思想应用于用户界面设计的办法，并通过太仓人才网的设计过程来阐述这一思想的具体实现。 面向对象技术的基本概念 所谓对象（Object）可以是任何的具体事物。例如，现实生活中的计算机、电话机、电视等和Windows中的窗口、命令按钮、标签等均可视为对象。对象包括数据和过程。每个对象都有对应的属性和方法。一个Windows应用程序的外观也是由对象（界面元素）组成的，我们编写Windows应用程序就应该掌握各种对象的使用方法。面向对象的编程思想与我们认识现实世界的过程很吻合，因此使得编程非常直观，可大大提高软件开发效率。 面向对象技术认为客观世界是由各种各样的对象组成，每种对象都有各自的内部状态和运动规律，不同对象间的相互作用和联系就构成了各种不同的系统，构成了客观世界。 面向对象技术是一种以对象为基础，以事件或消息来驱动对象执行处理的程序设计技术。 面向对象的用户界面设计思想的提出 面向对象的程序设计技术，有着很多的优势，就不再重复了。但是在开发程序的时候应用面向对象的思想，受益的是开发者。而面向对象的用户界面设计，是为了让程序的最终用户受益于面向对象的思想。 首先，看一下面向对象的程序设计的图示（图3.1） 图3.1 面向对象的程序设计图示 图中可见，面向对象的整个系统的运作是通过各个被定义类的实例的动作的组合来完成的。而动作的流程主要是由：主程序流程，事件触发 这两个因素来决定的。 而面向对象的用户界面设计，是以用户的操作为程序主线，以响应用户操作为主要事件的一种面向对象的设计。如图3.2 图 3.2 面向对象的用户界面设计 面向对象用户界面在人才网的实现 太仓人才网是一个B/S架构的网站，它的用户界面主要是HTML及Javascript代码组成的网页。 图4.1 B/S架构的网站 整个网站可以供用人单位发布招聘信息，查询人才库，或者供求职者发布自己的简历。 4.1 人才网中的对象的归纳和类的定义 人才网的服务可以说主要是处理：求职者，职位，用人单位 这三者的关系。因此，主要的3个对象就是这三个（网站中涉及的其它对象有相同的设计思想）。根据网站的功能的要求，在设计用户界面的时候，需要这样定义类： 类名 求职者 属性 姓名，年龄，学历 等个人基本属性 及 是否毕业生，是否登录等网站状态 事件 点击，提交 方法 开放，关闭，新增，编辑，更新，删除，登录，查看，联系方式查看，面试通知，关注 类名 职位 属性 职位名称，要求，待遇等基本属性 及 是否过期等状态 事件 点击，提交 方法 查询，开放，关闭，新增，编辑，更新，删除，查看，应聘 类名 用人单位 属性 单位名称，地址，电话等基本信息 及 是否会员单位，是否登录等网站状态 事件 点击，提交 方法 开放，关闭，新增，更新，删除，登录，查看，联系方式查看，关注 表 4.1 人才网三大对象的定义 4.2 人才网中对象的工作方式 虽然用于实现的人才网程序部分是使用了PHP+mySQL 技术，但是我认为面向对象的用户界面的设计应该是与技术细节无关的。因此对人才网中类的工作方式并不使用具体代码来描述。在程序设计的时候建议使用但不局限于面向对象的程序设计方法。 我们很容易在网站的用户界面设计完成之前，就在一个假象的用户界面上描述一次用户交互的过程。假设是一个个人用户登陆网站，并且查找合适的职位，然后应聘该岗位的过程。 操作流程 事件 方法 属性变化 登录个人会员 提交用户名密码 求职者-登录() 确认实例，更新状态 查询职位 提交查询条件 职位-查询() 查看某职位 点击“查看” 职位-查看() 应聘该职位 点击“应聘” 职位-应聘() 表 4.2 由对象方法的组合实现的网站功能