JavaWeb 第8章 项目实战——使用 Ajax 技术改进新闻发布系统

JavaWeb 应用设计及实战 目录

上一章   下一章

上一个任务/上一节       下一个任务/下一节

目录

任务1   理解项目需求

    8.1.1  项目需求概述

    8.1.2  开发环境要求

    8.1.3   项目覆盖的技能点

    8.1.4  关键问题分析

         1.系统开发步骤

         2.界面交互设计的原则

         3.技术实现

---

任务1   理解项目需求

8.1.1  项目需求概述

      在现有新闻发布系统的基础上，使用Ajax 技术对部分功能的实现进行改造，优化

请求响应过程并提升用户体验。具体要求如下。

1. 使用 Ajax 技术改进系统首页新闻中心，按主题动态显示新闻功能。
2. 使用 Ajax  技术改进添加主题功能。
3. 使用 Ajax 技术改进修改主题功能。
4. 使用 Ajax 技术改进删除主题功能。

8.1.2  开发环境要求

1. 开发工具： MyEclipse 10.7
2. Web 服务器：Tomcat 7.0。
3. 数据库：MySQL 5.5。

8.1.3   项目覆盖的技能点

1. 会使用  jQuery 提供的方法实现 Ajax 请求。
2. 会使用 JSON 封装的响应数据。
3. 会使用 FastJSON 生成 JSON 字符串。
4. 会使用 .load() 方法加载页面的内容。
5. 能够解决 jQuery 和其他脚本库冲突的问题。

8.1.4  关键问题分析

1.系统开发步骤

   （1）明确需求。

   （2）编码顺序。

• 按主题动态显示新闻功能。
• 添加主题功能。
• 修改主题功能。
• 删除主题功能。

    （3）测试。

2.界面交互设计的原则

    统一性原则：界面风格统一，用相同方式展示相同类型的数据，如日期类型。

                          交换风格统一，用相同方式完成相同类型的操作。

    美观性原则：界面简洁、易理解。

    易用性原则：操作方式自然、易理解。

3.技术实现

• 使用 jQuery 的方法实现 Ajax 请求。
• 使用 JSON 封装数据。
• 使用 FastJSON 生成 JSON 字符串。
• 使用 .load() 方法加载服务器端页面内容。