钱琬婷-基于AJAX技术的Blog发布系统设计doc-本科优秀毕业论文(设.pdf

上海理工大学光电信息与计算机工程学院 第 1 页 共 4 页 本科优秀毕业论文 设计 上海理工大学 光电信息与计算机工程学院 本科优秀毕业论文 设计 基于 AJAX 技术的 Blog 发布系统设计 计算机科学与技术 05 级 钱琬婷 指导教师 陈家琪 教 授 一 内容简介 此设计利用 PHP 和 Ajax技术开发出高效 健壮 实用和美观的 Web2 0 博客 信息系统 在实现日志发布和管理功能的基础上 利用 Ajax技术 使得操作更为 灵活 便捷 利用 Smarty 模板技术 改进后台管理方案 此设计无论在视觉效果 还是易用性上大大改善用户体验 并对信息系统的发展有巨大的推进作用 关键词 Blog AJAX PHP 日志管理 二 问题的提出 Blog 即博客 意为网络日志 是最近几年出现的一个新现象 Blog 的内容丰 富多彩 有对其他网站的超链接和评论 有个人构思 还有新闻日志 照片 诗 歌和散文等 Blog 具有自主性 开放性 互动性和共享性的特点 是一个很好的 交流的渠道 思想展现的舞台和学术探讨的园地 用户以 Blog 的形式简易迅速便 捷地发布自己的信息 及时有效地与他人进行交流并展示自己丰富多彩的个性 Blog 已成为家庭 公司 部门和团队之间越来越盛行的沟通工具 它也逐渐被应 用在企业内部网络 Intranet 中 博客代表着新的生活方式和新的工作方式 更代表 着新的学习方式 具国际统计 2008 年中国 Blog 注册用户数达到 9906 万 Blog 显示出的巨大潜 力 新浪等众多互连网站推出了 Blog 服务 而搜索公司专门推出了 Blog 搜索 风 险投资机构也加大了对 Blog 网站的投资 Ajax理念的出现 揭开了无刷新更新页面时代的序幕 并有代替传统 Web开发 中采用表单提交方式来更新 Web页面的趋势 Ajax是具有变革性的 它使开发者 得以摆脱原有单调的开发模式 从而开发出更易用 交互性更强的 Web 应用程序 Ajax是一个新的编程术语 但决不是一项全新的技术 因为 Ajax是 DHTML JavaScript XML 和 DOM 等几种技术的组合 而这些技术组件都存在已久 并均 已得到了广泛的运用 Ajax 只是把这些各有特色的 老技术 合理地组合起来 上海理工大学光电信息与计算机工程学院 钱琬婷 基于 AJAX技术的 Blog发布系统设计 2 本科优秀毕业论文 设计 从而形成了一个功能强大的 新技术 Ajax 已经成为一股推动力 催生了一系列基于互联网的新服务 包括免费文 字处理程序 Writely 电子数据表制作网站 NumSum 以及人们用于编制日程和工 作时间表的网站Voo2do 目前 Ajax的一些成功应用有 Google主页 Google Maps Gmail等 无论在视觉效果还是易用性上都给人带来强烈的冲击力 这些使用 Ajax 技术的网站的出现 已经促使人们开始重新思考互联网和个人电脑之间的关系 事实上 Ajax 也许会导致许多基于个人电脑的应用软件遭到淘汰 进而导致电脑 业中很多领域出现翻天覆地的变化 因此 Ajax 的出现具有里程碑式的意义 并 在短时间内成为 Web开发领域炙手可热的技术 此设计主旨在于把当今网络时代最热门产物的Blog信息系统与时下Web技术 领域中最流行的 Ajax技术相结合 实现无刷新无跳转更新页面 同时 针对 PHP 平台的特性与 Blog 用户群的泛化特征综合考虑 在后台管理模块中 添加了基于 PHP 的 Smarty模板快速更换技术 使 PHP 程序逻辑与前台美工完全分离 即使是 不懂程式的用户也能利用可视化网页编辑器自己制作出符合自己个性的网页模 板 在视觉上和易用性上大大改善用户体验 使操作更加便捷 从而使 Blog 的使 用群体更广 对未来 Web信息系统的发展有着巨大的意义 三 Blog 发布系统的实现 博客系统界面风格简洁 美观大方 操作简便 分为前台显示模块和后台管 理模块 用户群为访客和管理员 基于 Div CSS的构架可以使信息系统结构清晰 易于维护 便于搜索 当然更重要的是符合 Web 2 0 标准 兼容性比较好 可以方 便地在各种浏览器下浏览 前台模块主要完成日志显示 日志搜索和 RSS 订阅功 能 后台管理模块主要完成博客管理 其中包括博客系统的基本设置功能 侧边 栏管理功能和博客模板快速更换功能 日志管理中包括日志编辑与发布功能 评 论 分类 标签的管理功能 数据管理中主要是数据库的备份功能 其中 最主要的功能设计为基于 Ajax技术的日志显示与编辑功能 多样性的 日志搜索功能 基于Smarty技术的一键式更换模板功能为系统特色功能 JavaScript 与 XMLHttpRequest 对象是 Ajax的核心部分 在 Ajax技术中起着关键作用 一 Ajax处理过程 一个 Ajax交互从一个称为 XMLHttpRequest 的 JavaScript对象开始 如同名字 所暗示的 它允许一个客户端脚本来执行 HTTP 请求 并且将会解析一个 XML 格 式的服务器响应 Ajax处理过程中的第一步是创建一个 XMLHttpRequest 实例 使 用 HTTP 方法 GET 或 POST 来处理请求 并将目标 URL 设置到 XMLHttpRequest 对象上 那么 Ajax如何首先处于异步处理状态 当你发送 HTTP 请求 你不希望 浏览器挂起并等待服务器的响应 取而代之的是 你希望通过页面继续响应用户 上海理工大学光电信息与计算机工程学院 钱琬婷 基于 AJAX技术的 Blog发布系统设计 3 本科优秀毕业论文 设计 的界面交互 并在服务器响应真正到达后处理它们 要完成它 你可以向 XML Http Request 注册一个回调函数 并异步地派发 XMLHttpRequest 请求 控制权马上就 被返回到浏览器 当服务器响应到达时 回调函数将会被调用 回到客户端 注 册在XMLHttp Request 上的回调函数现在会被调用来处理由服务器返回的XML文 档 最后 通过更新用户界面来响应服务器传输过来数据 使用 JavaScript来操纵 页面的 HTML DOM 二 日志显示与编辑 关于日志显示功能 客户端通过 AJAX引擎向服务器发送日志 ID 参数 服务 器端读取数据库的日志 ID 通过 ID 在数据库中找到对应的日志内容和 tags 将 XML 数据返回给 AJAX 引擎 AJAX 经过一系列转换将处理好的 HTML 和 CSS 文档返回给客户端显示 关于日志编辑功能 主要的设计在于载入了可视化编辑器 FCKeditor 以及基于 AJAX的日志自动保存草稿功能 在用户写日志过程中 用 AJAX设置一个定时器 定时保存日志草稿 以防日志在编辑过程中的数据突然丢失现象 三 日志搜索 系统提供了四种不同的搜索方式 分别通过关键字 分类 标签和日志列表 四种搜索方式分别列在前台侧边列表中 易于查找 在数据库设计中 分别在数 据库的各个关联表中取得关键字 keyword 分类 sort 标签 tag 和日志列表 gid 通 过 AJAX取得参数与指令传递给服务器处理 服务器调用 SQL 语言进行相关功能 的操作 四 模板一键式更换 运用基于 PHP 的 Smarty 模板技术 目的就是要使 PHP 程序员同模板设计者 分离 也就是说当程序员改变程序的逻辑内容时 不会影响到美工的页面设计 当 美工修改页面也不会影响到程序逻辑 用户只要利用可视化网页编辑器 制作简 易的 HTML 网页文档 将其载入 Smarty 引擎 它会自动转换为 PHP 代码后在客 户端显示 四 小 结 此系统主要采用 Apache PHP MySQL方案来实现 此方案是一个非常理想的 网站解决方案 它占用的空间小 兼容性好 基于 Web 开发的系统 使用方便 有效 不受到地理位置的限制 系统基本功能完善 大量使用流行的 Ajax技术 全站无刷新 无跳转 用户体验良好 一键式更换模板 提供了方便 迅速的后 台管理方案 在系统设计上 还略有欠缺 比如没有充分考虑系统的安全性 对于恶意 URL 和敏感字词不能充分过滤 在功能上 还没有实现网络相册和背景音乐等功能 上海理工大学光电信息与计算机工程学院 钱琬婷 基于 AJAX技术的 Blog发布系统设计 4 本科优秀毕业论文 设计 五 主要参考资料 1 Rasmus Lerdorf Kevin Tatroe PHP 程序设计 M 邓云佳 等译 北京 中国电力出 版社 2007 3 2 Hugh E Williams PHP MYSQL Web数据库应用开发指南 M 谢君英 欧阳宇译 北京 中国电力出版社 2004 9 3 吕林涛 万经华 周红芳 基于 AJAX 的 Web 无刷新页面快速更新数据方法 J 计 算机应用研究 2006 23 11 4 哥特兰 高伯瑞斯 艾米亚 Ajax 修炼之道 Web 2 0 入门 M 徐 锋 胡 冰译 北京 电子工业出版社 2006 4 5 麦克法兰 CSS 实战手册 M 俞黎敏译 北京 电子工业出版社 2007 9 6 宋尚平 李兴保 PHP 模板引擎 Smarty的安装配置及应用实现 J 现代教育技术 2007 17 9 7 王 嘉 Ajax 经典案例开发大全 M 北京 清华大学出版社 2007 6 8 叶新伟 PHP Ajax Web2 0 编程技术与项目开发大全 M 北京 电子工业出版社 2008 6 9 Ryan Asleson Nathaniel T Schutta Foundations of Ajax M New York Apress 2005 10 10 Jo o Prado Maia Hasin H Sm