Ajax技术在博客系统中的应用

论文摘要

博客是当今快速发展的互联网的一种新应用,是继电子邮件、论坛和即时通讯后一种新的网络交流方式。博客为个人提供了一个信息发布、交流的平台。用户通过博客可以方便地用文字、链接、影音、图片建立起个性化的空间。博客的发展呈现出个人化、交互化、商业化、富媒体化等特点,在政治、经济、教育等领域中产生了巨大的影响。本文对当前主流商业博客系统进行了详细地分析,发现它们普遍存在更新速度慢、服务器端负担重、交互性差、表现能力单一等缺陷,基本上仍然停留在静态展示同志和图片的阶段。Ajax技术具有异步通信、响应速度快、动态效果丰富、交互能力强等优势。利用此技术来开发博客系统,能够克服上述弊端。本文在对Ajax的开发模式及其核心技术进行系统研究的基础上,设计并开发了基于Ajax技术的博客系统。在系统设计中,根据用户的需要,划分了功能模块并逐步细化,得到了完整的系统功能结构图,为系统实现奠定了良好的基础。本系统采用PHP语言和MySQL数据库实现服务器端功能,在逻辑架构上采用三层架构,即总体上将系统分为数据访问层、业务逻辑层和用户表现层。在系统实现中,详细描述了无刷新表单验证、动态拖放定制主页、搜索提示与自动完成、在线图片浏览以及在线交流等主要功能的实现原理和过程,并给出了部分核心代码。在每个功能的实现中,都分析了Ajax技术的参与为其带来的新特性和优势。另外,在系统的实现过程中利用hash函数、隐藏框架和统一编码等技术,为开发过程中遇到的导航按钮失效和中文输入乱码问题提供了解决方案。博客系统已经在局域网内成功试运行。从运行的效果来看,该系统具有消耗带宽少、响应速度快、按需获取数据、动态局部刷新页面等优点,可用性强,丰富了用户体验。通过此实践,也验证了利用Ajax技术开发的Web应用在可用性和用户体验方面明显优于传统的Web应用。

论文目录

• 摘要
• Abstract
• 第1章 绪论
• 1.1 研究的背景及意义
• 1.2 研究的方向和发展现状
• 1.3 论文的主要工作
• 1.4 论文的内容组织
• 第2章 博客概述
• 2.1 概念的界定
• 2.1.1 博客的定义
• 2.1.2 博客的特点
• 2.1.3 博客与其它网络媒体的比较
• 2.2 博客的发展
• 2.2.1 博客的历史
• 2.2.2 当前主流商业化博客系统分析
• 2.3 本章小结
• 第3章 Ajax技术研究
• 3.1 Ajax技术概述
• 3.1.1 Ajax的含义
• 3.1.2 Ajax应用程序的特点
• 3.2 Ajax的开发模式和工作流程
• 3.2.1 Ajax的开发模式
• 3.2.2 Ajax的工作流程
• 3.3 Ajax关键技术研究
• 3.3.1 XHTML和CSS
• 3.3.2 DOM模型
• 3.3.3 XML和XSLT
• 3.3.4 XMLHttpRequest对象
• 3.3.5 JavaScript脚本语言
• 3.4 Ajax框架简介
• 3.4.1 基于浏览器的应用框架
• 3.4.2 基于服务器的应用框架
• 3.4.3 Atlas框架
• 3.5 本章小结
• 第4章 博客系统设计
• 4.1 系统功能设计
• 4.2 系统模块设计
• 4.2.1 博客来访用户应用模块
• 4.2.2 博客管理模块
• 4.2.3 图片浏览模块
• 4.2.4 在线交流模块
• 4.3 博客系统开发框架
• 4.3.1 系统分层设计
• 4.3.2 系统开发工具和运行环境
• 4.4 系统数据库设计
• 4.4.1 数据库设计
• 4.4.2 数据表之间的关系
• 4.5 本章小结
• 第5章 博客系统的实现
• 5.1 Ajax表单验证
• 5.1.1 表单验证技术的优势
• 5.1.2 Ajax表单验证的实现
• 5.2 基于Ajax的动态拖放
• 5.2.1 Ajax动态拖放的优势
• 5.2.2 Ajax动态拖放的原理及实现
• 5.3 基于Ajax的搜索提示与自动完成
• 5.3.1 Ajax搜索提示与自动完成的优势
• 5.3.2 Ajax搜索提示与自动完成的实现
• 5.4 基于Ajax的在线图片浏览
• 5.4.1 Ajax在线图片浏览功能的优势
• 5.4.2 Ajax在线图片浏览功能的实现
• 5.5 基于Ajax的在线交流
• 5.5.1 Ajax在线交流的优势
• 5.5.2 Ajax在线交流的实现
• 5.6 开发中遇到的问题及解决方案
• 5.6.1 导航按钮失效问题及解决方案
• 5.6.2 乱码问题及解决方案
• 5.7 本章小结
• 第6章 总结与展望
• 6.1 总结
• 6.2 展望
• 参考文献
• 致谢
• 研究生履历