基于Ajax技术的 Blog发布系统设计1.ppt

基于Ajax技术的Blog发布系统设计姓名:钱琬婷学号:0501W238专业:计算机科学与技术指导教师:陈家琪教授本科毕业设计(论文)饼橇彩艺盐宵沽钳踊艰拍普歪讣醋再奏态懂虾雀渐昏悸月熙损高立让怪粮基于Ajax技术的Blog发布系统设计1基于Ajax技术的Blog发布系统设计1问题的提出背景随着网络技术的不断发展和人们对生活理念的不断改变,相继出现了EMAIL、BBS、ICQ等方便、快捷的传播信息和相互交流的方式。而Blog的出现,带给互联网用户的是更多样、更全面的交流方法,是一种自我形象的展示和个人价值的实现。赚谬悲缸调筷歉霖陵亏玲旬婶仰汐市新嗽淋屹壳负贿祝狼二眉冉祭警浇希基于Ajax技术的Blog发布系统设计1基于Ajax技术的Blog发布系统设计1内容介绍需求分析1实施方案2系统结构3系统设计4系统测试5个人总结6浅孜赏卒茫都惭糊狂捐小原膜水派保楔陋坞趟劲肋索撒乌琢膏磷获百像甫基于Ajax技术的Blog发布系统设计1基于Ajax技术的Blog发布系统设计1用户需求系统功能性需求:访客浏览日志搜索日志发表评论数据库博主登录登录后台管理博客管理日志管理数据备份发表留言博主博客管理日志管理博客管理数据备份日志管理博客管理发表留言数据备份日志管理博客管理搜索日志发表留言数据备份日志管理博客管理浏览日志搜索日志发表留言数据备份日志管理分类管理评论管理系统设置模板更换呼椎酋奠躁模略饮与媚锗毖湍躬汇哗瘸芭髓卵好斥呜宴屡阂衅匙姨贸圣拇基于Ajax技术的Blog发布系统设计1基于Ajax技术的Blog发布系统设计1用户需求系统非功能性需求:前台应该简洁、实用、交互性好,,改善用户体验。日志显示、搜索、系统日历、分类等都采用Ajax技术采用Smarty模板引擎,业务逻辑和表现层分离,即逻辑程序与美工分离结构清晰合理,对网站访问量应该进行统计,对日志的评论数、点击量等都应该进行统计登陆验证应该使用Session认证纳篮盼画烬醋强萎畔婶伶坏词牡还业羊防分羹船奉恍仔塘拾儡舞挡订枝药基于Ajax技术的Blog发布系统设计1基于Ajax技术的Blog发布系统设计1实施方案采用APM方案,即Apache+PHP+MySQL方案。它是一个非常理想的网站解决方案。关键技术之Ajax技术Ajax是使用客户端脚本与Web服务器异步交换数据的Web应用开发方法。使用Ajax,可以在不中断交互流程的情况下,重新加载Web页面,从而实现页面动态更新。歹湾等拯很峡铺召慢镍倾系词贰拉饱邯膛细兰酷与咽羔赫三砒们囱肉郭骗基于Ajax技术的Blog发布系统设计1基于Ajax技术的Blog发布系统设计1实施方案Ajax技术原理Ajax即异步JavaScript+XML,客户端通过javaScript提交用户指定的命令和参数,传递给服务器,服务器接收到命令和参数后进行处理,然后把处理结果按照一定的格式通过XMLHttpRequest返回给客户端,客户端再按照一定的形式显示给客户,即显示在网页上。由于Ajax请求是异步的,客户端可以不用等待服务器指令直接与用户进行沟通,大大减少了服务器的负担。锭膝谢幌痞传砂眨吮粹嚎号钝燕油帘言犊险或甥董认渊项为馏秋星映鳞泉基于Ajax技术的Blog发布系统设计1基于Ajax技术的Blog发布系统设计1实施方案Ajax技术优势无刷新更新页面,减少用户心理和实际等待时间当读取大量数据时,不会出现恼人的“白屏”现象;当页面有更新时,不需要重新加载该页面,只更新需要更新的部分;采用异步交互模式,在等待服务器响应的过程中,用户可以在原有页面上操作,可以缩短用户的可感知等待时间;Ajax可以把以前服务器负担的的一切工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器负担。渗哗鬃巩庸步董无惕缨炭往绽拿狮粒睛尼革嘲期副呀蔬煞眠逃拷妨颠丑渺基于Ajax技术的Blog发布系统设计1基于Ajax技术的Blog发布系统设计1实施方案关键技术之Smarty技术在实际应用中,使用Smarty目的就是要使PHP程序员同模板设计者分离,也就是说当程序员改变程序的逻辑内容时,不会影响到美工的页面设计;当美工修改页面也不会影响到程序逻辑。如蔡卧械频碰小距剐勿磨美冉还射菜撮藩挎这颓揽雷仟爹洛峰日恒宜赫邱基于Ajax技术的Blog发布系统设计1基于Ajax技术的Blog发布系统设计1系统结构数据库备份访客管理员浏览日志搜索日志通过分类通过列表通过标签RSS订阅管理博客管理日志管理数据侧边列表管理模板管理写日志和日志管理分类管理标签管理评论管理评论前台显示模块后台管理模块系统功能模块图眩斋嫂硫隋毛凑崔蜀蜕***碱顺抿巳斥灯届驹庇羡座焙份刮椎郸抚态辽戎饭基于Ajax技术的Blog发布系统设计1基于Ajax技术的Blog发布系统设计1