开发Web应用程序的结构化过程（2）

2. 设计

在需求定义阶段，你需要明确的规划“设计”你的应用。在这个阶段，可以按照以下步骤：

设计: 应用图

应用图包含对应用有意义的和必要的结构信息：页面（用区块表示）和他们之间的主要关联。你的应用图可以像这样：

通过这种方式，您拥有了有关一些“位置” （页）和“路径” （关系页）的图，您可以非常容易的遵循它，逐页，以执行应用程序的下一阶段。运用这种方式，可以节省大量的时间，并明确什么是你需要执行的。

设计: 数据库

Ok,现在到了设计数据库的时候了。一个简单的实现方法是使用实体关系（ER）模型 。一般来说，你可以俺咋好下面的顺序：定义第一个表确定第一个表，而不是属性和关系的表格。您的ER模型将是这样的：

1:1表示集的关系（在这种情况下，例如1用户只能分派1的任务， 1个用户只生活在一个城市） 。欲了解更多有关这一主题的内容，来看看我的旧文章：

• Define the entities-relationships model 定义实体关系模型

• A correct approach to define relationships between database tables 正确对待，以定义数据库表格关系

• 10 Useful articles about Database design 十篇有用的数据库设计文章

设计: 页面结构

下一步工作是设计大体的页面结构，用名称命名确定所有的主要部分 (例如 #header, #navbar, #mainContent, #sidebar).

设计: 服务端语言

使用面向对象的开发方法进行开发，你可以定义类，函数和所有你所需要的，记住… 那不是“执行”只是下一阶段实施的“指南”.

设计: JS 框架

这一步选择JavaScript 框架(jQuery, Scriptaculous, MooTools…), 通过确定主要的特点和所需实施的效果（拖放，动画效果… ）编制简单的关于在一个或多个网页中有关联的每一个具体功能应用图的列表。
次点设计阶段已完成。让我们实施吧！