钱琬婷-基于ajax技术的blog发布系统设计doc-本科优秀毕

《钱琬婷-基于ajax技术的blog发布系统设计doc-本科优秀毕》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、上海理工大学光电信息与计算机工程学院本科优秀毕业论文（设计）基于AJAX技术的Blog发布系统设计计算机科学与技术05级钱琬婷指导教师：陈家琪教授(一)内容简介此设计利用PHP和Ajax技术开发出高效、健壮、实用和美观的Web2.0博客信息系统。在实现日志发布和管理功能的基础上，利用Ajax技术，使得操作更为灵活、便捷；利用Smarty模板技术，改进后台管理方案。此设计无论在视觉效果还是易用性上大大改善用户体验，并对信息系统的发展有巨大的推进作用。关键词：Blog;AJAX;PHP;日志管理(二)问题的提出Blog,即博客,意为网络日

2、志。是最近几年出现的一个新现象。Blog的内容丰富多彩，有对其他网站的超链接和评论，有个人构思，还有新闻日志、照片、诗歌和散文等。Blog具有自主性、开放性、互动性和共享性的特点，是一个很好的交流的渠道，思想展现的舞台和学术探讨的园地。用户以Blog的形式简易迅速便捷地发布自己的信息，及时有效地与他人进行交流并展示自己丰富多彩的个性。Blog已成为家庭、公司、部门和团队之间越来越盛行的沟通工具，它也逐渐被应用在企业内部网络(Intranet)中。博客代表着新的生活方式和新的工作方式，更代表着新的学习方式。具国际统计2008年中国Blo

3、g注册用户数达到9906万，Blog显示出的巨大潜力，新浪等众多互连网站推出了Blog服务，而搜索公司专门推出了Blog搜索，风险投资机构也加大了对Blog网站的投资。Ajax理念的出现,揭开了无刷新更新页面时代的序幕，并有代替传统Web开发中采用表单提交方式来更新Web页面的趋势。Ajax是具有变革性的，它使开发者得以摆脱原有单调的开发模式，从而开发出更易用、交互性更强的Web应用程序。Ajax是一个新的编程术语，但决不是一项全新的技术，因为Ajax是DHTML、JavaScript、XML和DOM等几种技术的组合，而这些技术组件都

4、存在已久，并均已得到了广泛的运用。Ajax只是把这些各有特色的“老技术”合理地组合起来，上海理工大学光电信息与计算机工程学院第1页共4页本科优秀毕业论文（设计）上海理工大学光电信息与计算机工程学院钱琬婷：基于AJAX技术的Blog发布系统设计从而形成了一个功能强大的“新技术”。Ajax已经成为一股推动力，催生了一系列基于互联网的新服务，包括免费文字处理程序Writely，电子数据表制作网站NumSum，以及人们用于编制日程和工作时间表的网站Voo2do。目前，Ajax的一些成功应用有：Google主页、GoogleMaps、Gmail

5、等，无论在视觉效果还是易用性上都给人带来强烈的冲击力。这些使用Ajax技术的网站的出现，已经促使人们开始重新思考互联网和个人电脑之间的关系。事实上，Ajax也许会导致许多基于个人电脑的应用软件遭到淘汰，进而导致电脑业中很多领域出现翻天覆地的变化。因此，Ajax的出现具有里程碑式的意义，并在短时间内成为Web开发领域炙手可热的技术。此设计主旨在于把当今网络时代最热门产物的Blog信息系统与时下Web技术领域中最流行的Ajax技术相结合，实现无刷新无跳转更新页面。同时，针对PHP平台的特性与Blog用户群的泛化特征综合考虑，在后台管理模块

6、中，添加了基于PHP的Smarty模板快速更换技术，使PHP程序逻辑与前台美工完全分离，即使是不懂程式的用户也能利用可视化网页编辑器自己制作出符合自己个性的网页模板。在视觉上和易用性上大大改善用户体验，使操作更加便捷。从而使Blog的使用群体更广。对未来Web信息系统的发展有着巨大的意义。(三)Blog发布系统的实现博客系统界面风格简洁、美观大方、操作简便，分为前台显示模块和后台管理模块。用户群为访客和管理员。基于Div+CSS的构架可以使信息系统结构清晰，易于维护，便于搜索，当然更重要的是符合Web2.0标准，兼容性比较好，可以方便

7、地在各种浏览器下浏览。前台模块主要完成日志显示、日志搜索和RSS订阅功能。后台管理模块主要完成博客管理，其中包括博客系统的基本设置功能，侧边栏管理功能和博客模板快速更换功能；日志管理中包括日志编辑与发布功能，评论、分类、标签的管理功能；数据管理中主要是数据库的备份功能。其中，最主要的功能设计为基于Ajax技术的日志显示与编辑功能，多样性的日志搜索功能。基于Smarty技术的一键式更换模板功能为系统特色功能。JavaScript与XMLHttpRequest对象是Ajax的核心部分，在Ajax技术中起着关键作用。一、Ajax处理过程一个

8、Ajax交互从一个称为XMLHttpRequest的JavaScript对象开始。如同名字所暗示的，它允许一个客户端脚本来执行HTTP请求，并且将会解析一个XML格式的服务器响应。Ajax处理过程中的第一步是创建一个XM