开发Web应用程序的结构化过程(3)
作者:格 来源:译言 时间:2009-06-01 10:52:00
3. 实施
Ok.. 现在是真正的挑战的开始,因为“执行”才是实现应用。您可以划分这一阶段为以下几个步骤:
执行: 数据库
创建一个新数据库,写SQL代码定义表,属性和关系。看看下面的,过去我致力于一些有关此主题的文章的链接,以获取更多信息:
执行: HTML
使用在设计阶段定义的页面结构实施 HTML 代码:
<div id=”header”> </div>
<div id=”navbar”> </div>
<div id=”mainContent”> </div>
<div id=”sidebar”> </div>
<div id=”footer”> </div>
此时添加所有在设计阶段定义的所需要的HTML元素。例如,如果mainContent部分包含一个标题,文字和文章的标签后,添加这些内容:
This is the moment to add all HTML elements you need in sections identified during Design phase. For example if the sections mainContent contains a post with a title, a text body and post tags, add these elements:
<div id=”header”> </div>
<div id=”navbar”> </div>
<div id=”mainContent”>
<h1><!– Post title –></h1>
<p><!– Text body –></p>
<small><!– Post tags –></small>
</div>
<div id=”sidebar”> </div>
<div id=”footer”> </div>
实施: CSS
当主体结构已经准备就绪,开始编写CSS代码添加样式。如果您需要一些如何撰写更好的CSS代码建议,请看看这些文章:
CSS coding: semantic approach in naming convention CSS编码:语义的方法命名惯例
Useful guidelines to improve CSS coding and maintainability 有益的改善的CSS编码和可维护性的指南
实施: 服务器端语言
实施应用类,应用功能,DB互动,查询,以及一切需要服务器端的实现的交互。
实施: JavaScript
使用在设计阶段选择的框架( jQuery , Scriptaculous , MooTools …)来实施Ajax的功能(拖放,动画效果… )
4. 测试
在这一阶段需要“强调”的是。你的应用程序能在各种条件下执行(例如使用不同的浏览器) 。您的目标是在最后释放前检测和修复所有的应用程序错误。
请记住,这一过程需要有条理,需要极大的耐心!试验的每个页面和每个功能(在这种情况下还可以帮助理顺应用图) 。如果您测试过程中发现一个bug ,修复它修改代码并继续进行最后的代码审核(一个不可告人的测试)。
5. 发布
最后你准备好发布了!在测试文件夹中发布并做最后的测试,假如一切都OK的话,那就进行最后的发布吧。
在Scribd上,阅读与下载此篇文章
下载 Woork Papers N1幻灯片 |你需要知道的开发Web应用程序的结构化过程
That’s all. 希望这篇文章能帮助到那些朋友,并要求我对这个主题做补充。
如果您有任何建议,以改善这一过程,请添加评论!谢谢: )
英文原文:Structured process you must know to develop a web application