探索Web开发：从经典模式到现代应用

### 探索Web开发：从经典模式到现代应用 #### 1. Web开发概述 Web开发的内容可分为两大部分。第一部分更具“学术性”，涵盖了Ajax、RPC以及现代富互联网应用（RIAs）的介绍。第二部分则是一系列项目实践，包含了多个不同类型的应用开发示例。 #### 2. 第一部分：学术性内容 - **Ajax简介**：介绍了Ajax在现代Web应用开发中的应用，包括其发展历史、在Web上的演变过程，还涉及一些基本的Ajax代码。 - **DWR正式介绍**：阐述了DWR是什么、其工作原理（高层次）以及一些基本用法。 - **DWR深入探讨**：深入介绍DWR，包括反向Ajax等更高级的功能。 #### 3. 第二部分：项目实践 |章节|项目名称|项目描述|使用技术| | ---- | ---- | ---- | ---- | |第4章|InstaMail|基于Ajax的网络邮件客户端|Ajax| |第5章|Wiki应用|使用DWR开发的Wiki应用|DWR、Freemarker模板库、Derby数据库| |第6章|文件管理器应用|类似Windows资源管理器的文件管理器|dhtmlx GUI组件、Jakarta Commons库| |第7章|企业报告门户|企业级报告门户|DataVision开源报告工具、script.aculo.us、Spring、Derby数据库| |第8章|游戏开发|使用DWR开发的游戏|DWR、反向Ajax（Comet）| |第9章|时间跟踪系统|用于项目管理和时间预订的系统|Ext JS库、Hibernate、HSQLDB数据库| #### 4. 代码获取与更新 - **源代码获取**：可以从Apress网站（www.apress.com）下载本书所有项目的源代码以及WAR文件。具体操作步骤为：点击“Source Code/Download”链接，在列表中找到“Practical DWR 2 Projects”，从书籍主页下载包含所有代码、WAR文件及其他所需内容的单个ZIP文件，每个章节都有独立的目录，方便查找。 - **更新获取**：Apress网站上的书籍主页提供了当前的勘误列表，以及如何提交发现问题报告的信息。作者非常感谢读者提供的反馈。 #### 5. 联系作者 如果需要联系作者，可以发送电子邮件至[email protected]。但请避免发送垃圾邮件，否则作者保留采取相应措施的权利。 #### 6. Web开发历史回顾 - **“经典”模式**：早期的Web应用类似于在“大型主机”上托管的应用，通过分时共享方式访问。用户界面简单，多为文本界面，数据输入能力有限。例如3270大型机的“绿屏”终端显示，操作时主机会重新绘制整个屏幕，即使部分内容不会因操作而改变，且客户端几乎没有本地处理能力。 ```mermaid graph LR A[用户操作] --> B[主机会重新绘制整个屏幕] B --> C[返回给用户] ``` - **PC时代**：随着PC的出现，本地处理能力大幅提升，应用开始本地托管，至少部分应用在本地执行。“胖客户端”成为应用开发的事实标准，用户界面更加丰富和友好，操作时通常只需更新屏幕的部分区域，效率更高。 - **Web时代的到来**：互联网和万维网的兴起，使Web应用变得普遍。最初的Web界面类似于旧的大型机世界，用户交互时需要重新绘制整个屏幕。不过，Web发展迅速，视觉效果和UI组件不断改进，但在一段时间内，用户交互仍以重新绘制整个屏幕为主。后来出现了客户端脚本，一定程度上缓解了这一问题，但整体仍为两层架构。 #### 7. 3270终端介绍 - **起源与特点**：TN3270（通常简称为3270）由IBM在1972年创建，是一种哑终端或显示设备，用于与IBM大型机系统通信。因其通常只显示单一颜色（绿色）的文本，被非正式地称为“绿屏”。它能接受大数据块（数据流），减少了I/O中断次数，在当时是一种高速的专有通信接口。 - **现状**：虽然3270终端实体已多年未生产，但3270协议通过仿真软件得以延续。在许多大型企业的呼叫中心等地方，绿屏界面仍被广泛使用，因为在某些情况下，这种简单的界面比基于Web的界面更高效。 #### 8. CGI协议说明 - **定义与作用**：CGI（Common Gateway Interface）是一种用于将外部软件应用与信息服务器（通常是Web服务器）进行接口的协议。它允许将客户端（如Web浏览器）的请求传递给服务器，服务器再将CGI应用程序的执行结果返回给客户端。 - **发展历程**：CGI起源于www - talk邮件列表的讨论，由Rob McCool编写了初始规范并为NCSA HTTPd Web服务器提供了首个“参考”实现。早期的实现使用系统环境变量存储客户端传递的参数，并为执行CGI应用程序创建新线程，效率较低。后来的版本通过各种创新方式解决了这一问题。目前，CGI的使用频率已远不如从前。 ### 探索Web开发：从经典模式到现代应用 #### 9. 不同时代Web开发特点对比 |时代|用户界面|处理方式|优势|劣势| | ---- | ---- | ---- | ---- | ---- | |经典模式（大型机时代）|文本界面，简单且数据输入能力有限|所有操作在主机上进行，客户端无本地处理能力，每次操作重绘全量屏幕|界面简单，在特定场景下效率高|用户体验差，缺乏交互性，无本地处理能力| |PC时代（胖客户端）|丰富、友好，有多种交互组件|部分或全部应用在本地执行，操作时通常只更新部分屏幕区域|用户体验好，操作效率高|存在DLL冲突问题，应用分发不便| |Web时代（早期）|初期类似大型机界面，后逐渐丰富|用户交互需服务器重绘全量屏幕，后期有客户端脚本但仍为两层架构|避免DLL冲突，便于应用分发，开发相对简单|用户交互体验差，重绘全量屏幕性能低| |Web时代（现代）|视觉效果和UI元素介于胖客户端和早期Web之间|不断引入新技术，提升用户交互体验|结合了多种优势，可实现高效交互|部分UI元素不如胖客户端强大| #### 10. 现代Web开发的发展趋势 随着技术的不断进步，现代Web开发正朝着更加高效、交互性更强的方向发展。以下是一些主要的发展趋势： - **Ajax技术的广泛应用**：Ajax允许在不刷新整个页面的情况下与服务器进行异步通信，从而实现更流畅的用户体验。例如，在InstaMail网络邮件客户端中，可以使用Ajax技术实现邮件的实时加载和发送，而无需刷新整个页面。 - **RPC（远程过程调用）的优化**：RPC使得在不同系统之间调用远程方法变得更加方便。通过优化RPC的实现，可以提高系统之间的通信效率和性能。 - **富互联网应用（RIAs）的兴起**：RIAs结合了桌面应用的丰富交互性和Web应用的便捷性，为用户提供了更加沉浸式的体验。例如，在企业报告门户中，可以使用RIAs技术实现数据的可视化展示和交互操作。 #### 11. 技术工具在现代Web开发中的应用 在现代Web开发中，各种技术工具发挥着重要的作用。以下是一些常见的技术工具及其应用场景： - **DWR**：DWR可以让Java代码在浏览器中被调用，简化了Web开发中的客户端 - 服务器通信。它可以用于开发各种Web应用，如Wiki应用、文件管理器应用等。 - **Freemarker模板库**：Freemarker是一个模板引擎，用于生成动态的HTML页面。在Wiki应用中，可以使用Freemarker模板库来生成页面的布局和内容。 - **Derby数据库**：Derby是一个纯Java嵌入式数据库，适用于小型到中型的应用。它可以在Web应用中作为数据存储的解决方案，如Wiki应用和企业报告门户。 - **dhtmlx GUI组件**：dhtmlx提供了一系列丰富的GUI组件，用于创建美观、功能强大的用户界面。在文件管理器应用中，可以使用dhtmlx GUI组件来实现类似Windows资源管理器的界面。 - **DataVision开源报告工具**：DataVision可用于生成各种类型的报告，如企业报告门户中的数据报表。它可以与其他技术工具结合使用，实现数据的可视化展示。 - **script.aculo.us**：用于实现UI效果，增强用户界面的交互性和视觉效果。在企业报告门户中，可以使用script.aculo.us来实现数据的动态展示和动画效果。 - **Spring**：Spring是一个轻量级的Java开发框架，用于简化企业级应用的开发。在企业报告门户中，可以使用Spring来实现数据库访问和业务逻辑的管理。 - **Ext JS库**：Ext JS提供了丰富的UI组件和功能，可用于创建具有原生感觉的用户界面。在时间跟踪系统中，可以使用Ext JS库来创建直观、易用的界面。 - **Hibernate**：Hibernate是一个Java持久化框架，用于简化数据库访问。在时间跟踪系统中，可以使用Hibernate来实现数据的存储和查询。 - **HSQLDB**：HSQLDB是一个小型的关系型数据库，适用于嵌入式应用。在时间跟踪系统中，可以使用HSQLDB作为数据存储的解决方案。 #### 12. 现代Web开发的操作流程示例 以开发一个简单的Web应用为例，介绍现代Web开发的操作流程： ```mermaid graph LR A[需求分析] --> B[设计架构] B --> C[选择技术工具] C --> D[编写代码] D --> E[测试调试] E --> F[部署上线] F --> G[维护优化] ``` 1. **需求分析**：明确应用的功能需求和用户需求，例如确定应用是一个网络邮件客户端还是一个Wiki应用。 2. **设计架构**：根据需求设计应用的整体架构，包括前端和后端的架构设计。例如，确定采用两层架构还是多层架构。 3. **选择技术工具**：根据架构设计选择合适的技术工具，如选择DWR实现客户端 - 服务器通信，选择Derby数据库作为数据存储。 4. **编写代码**：按照设计和选择的技术工具进行代码编写。例如，使用HTML、CSS和JavaScript编写前端界面，使用Java编写后端逻辑。 5. **测试调试**：对编写的代码进行测试，确保应用的功能正常，性能良好。可以使用单元测试、集成测试等方法进行测试。 6. **部署上线**：将应用部署到生产环境中，让用户可以访问。可以使用WAR文件将应用部署到Servlet容器中。 7. **维护优化**：上线后，对应用进行维护和优化，及时修复出现的问题，提升应用的性能和用户体验。 #### 13. 总结 Web开发经历了从经典模式到现代应用的演变，每个时代都有其独特的特点和优势。现代Web开发结合了多种技术工具和方法，朝着更加高效、交互性更强的方向发展。通过了解不同时代的特点和发展趋势，可以更好地把握Web开发的方向，开发出更加优秀的Web应用。在实际开发中，需要根据具体的需求和场景选择合适的技术工具和操作流程，以实现最佳的开发效果。