Ajax和PHP技术

Ajax和PHP技术（共3篇）

Ajax和PHP技术 篇1

中国天气网四季摄影大赛是由中国天气网、《气象知识》杂志主办, 全国专业报新闻摄影学会、腾讯图片、中国网图片中国共同协办, 活动内容为面向公众征集天气新闻和天气风光两大类优秀摄影作品并开展评选, 每年举办四期。据中国互联网络信息中心 (CNNIC) 发布的《第35次中国互联网络发展状况统计报告》显示, 截至2015年6月, 我国网民规模达6.68亿, 较2013年年底增加1 442万人, 呈现出逐年增长的态势, 因此, 设计和开发网络摄影大赛系统不但能够大大地扩大投票的人群范围, 又能让公众了解此项活动, 提升公众参与的积极性, 充分满足了摄影作品评选的公开性、公平性、高效性需求。

1技术背景

1.1 Ajax技术

Ajax全称为“Asynchronous Java Script and XML”, 是一种创建交互式网页应用的网页开发技术。 Ajax应用与传统的Web应用的区别主要在三个方面:1) 不刷新整个页面, 在页面内与服务器通信; 2) 使用异步方式与服务器通信, 不需要打断用户的操作, 具有更加迅速的响应能力;3) 应用仅由少量页面组成。

1.2 PHP技术

PHP是一种服务器端解释的脚本语言, 其代码一般嵌入在HTML页面中, 服务器端通过执行PHP解释程序, 将其运行结果放入到HTML页面中, 传送给客户的浏览器中。PHP是跨平台的脚本语言, 功能强大, 支持面向对类编程, 可完成复杂的服务器端脚本运算, 并且支持与Oracle、SQL-SERVER、 My SQL等数据库的连接。

2需求分析

在摄影大赛期间通过网络征集摄影作品, 征集结束后, 由工作人员对作品进行初选审核, 之后针对摄影大赛期间网络上传的通过审核的作品, 在网站上以专题的形式进行展示, 作品投票系统将分为天气新闻和天气生活两类。网友可为自己喜欢的摄影作品投票。每一个参赛作品可以是多张也可以是单张图片, 上传时必须具有参赛人姓名、邮箱地址、 电话、地址、邮编、作品名称、作品介绍、上传日期、 参赛类别等属性。

用户角色划分为管理员和参赛用户两类。管理员可进行图片管理系统后台操作, 参赛用户可通过本人姓名和联系电话登录指定页面查看个人参赛作品是否审核通过等信息。

3系统设计与实现

3.1系统功能设计

前台主要包括专题页面、上传作品页面、作品展示页面、作品投票页面。其中专题页面包括摄影大赛参赛举办情况和参赛说明等信息, 并分别设置按钮链接到其他前台页面。上传作品页面包括上传作者个人信息填写和上传作品模块, 同一作者可同时上传一张或者多张图片。作品展示页面主要对通过审核的摄影作品进行展示。作品投票页面是在同一个页面上展示不同类别的图片信息, 可实现对图片的检索和投票。

后台主要包括作品管理、作品检索、作品审核、作品投票统计和系统管理等功能。其中作品管理包括对作品的审核流程和图片存储的管理。作品检索主要是通过作者信息、作品说明信息对图片进行检索。作品审核是对已上传的作品进行初步审核, 审核通过的作品将会展示到网站前台的作品展示页面。作品投票统计是对作品的公众投票数实时统计更新并排序。系统管理是对作者信息、作品信息、 用户信息进行的综合管理。

3.2数据库设计

本系统采用Oracle数据库, 建立摄影大赛数据库, 负责记录作者信息、上传图片信息、每张图片投票信息。具体结构如表1所示。

3.3关键技术

系统采用Windows+Apache+PHP+Oracle的配置方案, 需要安装和配置PHPSmarty模板, 运用Smarty模板技术实现了分离业务逻辑和表现逻辑, 用户能够访问到的所有页面全部采用SMARTY模板引擎实现。当专题需要修改时, 程序设计人员和页面设计人员可同时独立工作, 提高开发效率。

运用Ajax技术, 在不提交整个页面的情况下, 就能很快地和远程服务器进行数据交互, 采用Ajax无刷新翻页技术实现翻页勾选效果。

在html文件里每张参赛图片下面设置check复选框

通过数组参数的方式传递多个checkbox选中值, 选中值包括选框编号和图片编号两部分, 中间用“-”连接, 每一项之间使用“, ”分隔, 后台使用Request[“info[]”] 方式得到选中多选框 “1-201501101131453, 2-201503231300349, ……” 的值, 使用Split (‘, ’) 分隔后, 遍历得到的数组, 再用Split (‘-’) 分隔处理即可。

4结束语

本文基于对网络摄影大赛的实际需求, 提出了基于Ajax+PHP的技术通过网页专题的形式建立了天气摄影大赛系统, 实现了网络在线摄影作品征集、作品上传、作品投票和作品评选等功能, 为摄影大赛活动的开展提供了平台。

摘要：针对中国天气网春、夏、秋、冬四季摄影大赛网络专题活动的需求, 提出基于Ajax和PHP技术的互联网摄影大赛专题设计思路, 在此基础上搭建了网络摄影大赛系统, 满足了用户上传图片、管理员后台图片管理、网络在线投票等功能, 该系统具有运行高效、操作简单的特点。

关键词：摄影大赛,Ajax和PHP技术,网络在线投票

参考文献

[1]中国互联网络信息中心.第35次中国互联网络发展状况统计报告[EB/OL]. (2015-02-03) http://www.cnnic.net.cn/hlwfzyj/hlwxzbg/201502/P020150203551802054676.pdf.

[2]曹红.基于Ajax和Servlet实现无刷新动态Web应用[J].福建电脑, 2007 (8) :86-87.

[3]扎卡斯, 姆克皮克.Ajax高级程序设计[M].徐锋, 译.北京:人民邮电出版社, 2008.

[4]袁群峰, 邵永年.Ajax技术在PHP开发中的应用[J].计算机光盘软件与应用, 2012 (3) :205, 214.

[5]郭红霞, 陈斌, 潘斌, 等.基于Smarty的学科信息管理平台构建[J].成都大学学报:自然科学版, 2012, 34 (4) :408-410.

[7]伍孝金.基于PHP的新闻发布系统的研究与实现[J].计算机应用与软件, 2006, 23 (10) :88, 90.

[8]黄华勤.基于AJax与ASP在线投票系统的设计与实现[J].民营科技, 2011 (8) :33.表1

Ajax和PHP技术 篇2

AJAX即Asynchronous JavaScript and XML[1]的缩写,是Web应用的一种新方法,它综合使用了J a v a S c r i p t、H T M L、C S S、D O M、X M L、XMLHttpRequest等多项技术。Ajax的主要功能在于将浏览器客户端和服务器端的传统同步交互通信方式改变为异步通信交互方式,它的主要贡献是实现了无需重新加载页面即实现数据的更新。如图1[2]所示一个典型的Ajax的调用。

可见,Ajax是一种综合技术,它能够避免烦琐的网页重载,Ajax在执行用户请求时,努力平衡客户端和服务器端功能。在支持Ajax的情形下,Web可以通过调用后台服务器来验证数据,同时用户可继续填写内容。

二、Ajax的特点

Ajax构成的核心要素[3]:

(1)JavaScript:它是内嵌在页面程序中的通用脚本编程语言,为多种浏览器广泛支持。在Ajax模式中,是绑定数据和处理业务逻辑的主体。

(2)CSS(Cascading Style Sheets):它是一种为Web页面元素提供可重用样式定义的语言。在A j a x模式中,可通过CSS定义和修改用户界面的外观风格。

(3)DOM(Document Object Model):它是一组对Web文档对象的节点结构进行操作的A P I。在A j a x模式中,可通过D O M动态地改变用户界面的布局层次。

(4)XMLHttpRequest对象:它为客户端程序提供了在后台与服务器交换数据的能力,是异步交互式W e b应用开发的关键。

可见A j a x最主要的特征就是XMLHttpRequest对象的使用和DOM的处理。使用XMLHttpRequest可以用来与后台服务器之间进行交互,它同时支持同步和异步的处理。通过AJA X引擎,只和服务器交换有用的数据,而页面元素、版式等不必要的数据则不再重新从服务器端加载,提高了网络传输效率。而XML文档对象模型(XML DOM)的统一规范,使我们用JavaScript标准的DOM对象就可以解析服务器端传来的数据,减轻了编码和调试的工作量,并能够保证应用跨平台运行[4]。

三、Ajax结合SVG技术关于实时绘制图表的应用

SVG(可缩放矢量制图)是一种新兴的技术,其图像由X M L格式定义,具有可缩放性,包含了字体元素,灵活的可以声明的元素,并允许使用X M L D O M和SVG uDOM子集,以上特点使其有机会成为W e b图形下一代的主要技术。

1、创建chart_svg.php,其生成(x,y)坐标并被客户端显示到图表中:

2、创建ajaxrequest.js,该文件包含了引擎,使用了XMLHttpRequest对象实现了Http的异步请求。

3、创建realtimechart.js,包含了产生S V G图表的所有代码,当页面加载时调用init()函数,对这个图表的坐标轴的进行初始化;而后显示图表中节点的坐标值;接收新的坐标值并将其加入到图表中(代码略)。

四、Ajax目前存在的问题与缺陷

目前存在的问题和缺陷[4]:

Ajax技术使我们能够构建全新的网络应用,但是目前它也确实存在一些问题和缺陷:

(1)由于需要对新版本的JavaScript支持,如果浏览器不支持或者禁用了的JavaScript脚本,AJAX应用将不能被正常工作,同时,使用Ajax的程序必须考虑到各个浏览器的兼容性;

(2)大部分工作是由JavaScript完成的,编码和调试工作难度比较大;

(3)Ajax更新页面内容时并没有刷新整个页面,因此,网页的后退功能是失效的;有时会使用户无法搞清页面提供的数据是否是最新的;

(4)由于AJAX中使用JavaScript作为在客户端执行的脚本,源代码对客户端是可见的,这可能会带来一定的安全问题;

(5)由于页面上的操作通过JavaScript方法调用来完成,使用AJAX开发的页面中几乎没有一个链接,对于现代爬虫式的搜索引擎来说,没有链接就像是失去了路标,无法对网络进行搜索,所以目前使用AJAX技术的页面对搜索引擎的支持不好。

(6)对流媒体的支持没有F l a s h、JavaApplet好,一些手机设备目前还不能很好地支持Ajax。

五、结束语

综上所述,A j a x是多种技术的结合,有利于减少不必要的数据的传输,减少了客户等待时间和服务器的压力。随着Gmail,Google-maps的应用和各种浏览器的支持,Ajax正逐渐被全世界的程序员所认识和使用。它的应用将越来越广泛。

摘要：本文给出了Ajax的概念、特点,列举了目前Ajax技术尚中存在的问题和缺陷,并给出了基于PHP下的AJAX技术结合SVG应用于实时绘制图表的方法。

关键词：PHP,AJAX,实时图表

参考文献

[1]Asleson R.Ajax基础教程[M].北京:人民邮电出版社.2006

[2]Cristian Darie Filip Chereches-Tosa,Bogdan Brinzarea Mihai Bucica.Ajax与PHP Web开发[M].北京:人民邮电出版社.2007

[3]赵永屹,宿红毅,胡韶辉.基于AJAX与J2EE的新型Web应用的设计与实现[J].计算机工程与设计.2007,28(1):189-192.

Ajax和PHP技术 篇3

学院图书馆藏书37.9万册,其中纸质图书30.7万册电子图书7.2万册,中外文期刊290种。大部分图书配套附带光盘资料,尤其是理工类图书,如工程制图类,图形图像类,计算机软件开发类等图书的光盘中含有大量的案例。

学生借阅图书时需要查询配套光盘的资料信息或在电脑上实现相关的案例,这时光盘资料则是最好的导师,但是每种图书光盘数量有限,无法满足大部分学生的借阅需求,所以急需一套电子光盘阅览系统解决问题。

1 流程图

管理员上传流程说明(如图1):

(1)管理员拿到图书后,读取图书信息:书名,出版社,作者,ISBN号,图书馆书号等;

(2)登录电子光盘后台管理系统;

(3)填写第一步的数据信息,并上传到后台数据库;

(4)上传成功后自动发布对外。

学生借阅流程说明(如图2):

(1)打开浏览器,登录电子光盘管理系统;

(2)根据借阅到图书的相关信息,如:书名,ISBN,图书号等,进行查询;

(3)搜索到后进行下载,并完成作业。

2 功能模块图

系统设计功能模块如图3。

有两套信息需要入库:

(1)某套书籍的基本信息:书名,作者,ISBN,出版社,图书编号;

(2)该套书籍配套的光盘内容。

第一种信息需要图书管理员填写至后台管理系统中,第二种信息需要管理员打包后上传至后台磁盘柜中,这两块的信息是同时上传至数据库以及磁盘柜的。数据库是不存储任何光盘资料的,只存储对应在后台系统中文件路径的一条下载地址。

3 系统实现

该套系统采用LAMP平台,采用Suse企业版操作系统,WEB系统采用apache2.2.3,网站开发语言使用PHP,数据库为myslq5.0。采用三层架构的B/S模式:表示层,业务逻辑层,数据访问层。

3.1 表示层

该层用于实现管理员以及用户界面:

管理员界面:给出需要填写的图书信息表格,无刷新上传,这里主要采用基于Jquery项目的ajaxFileUpload上传文件插件类,主要实现两种功能:

(1)在填写表单的时候可以无刷新检查书名,ISBN,图书馆号是否可用;

(2)填写完毕后无刷新页面方式后台上传大量数据文件;

前两步完成后,最终会返回上传结果,成功则为一条存储好的下载地址,失败则会返回错误码可根据错误码排错。

下面为代码的主要部分:

将ajaxFileUpload类与自写的php代码相结合,实现完整的无刷新上传页面。

3.2 业务逻辑层

主要实现师生查询逻辑,该层是整个系统的逻辑处理部分。

实现方法:

(1)通过页面搜索访问数据访问层,获取数据;

(2)完成业务逻辑部分。

3.3 数据访问层

主要实现师生查询逻辑,该层是整个系统的逻辑处理部分。

实现方法:

(1)通过页面搜索访问数据访问层,获取数据;

(2)后台根据搜索量,下载量进行排名统计;

(3)后台根据分类的图书量进行排名统计。

4 总结

电子光盘管理系统将为师生提供了更加方便的资料搜索工具,使学生能够阅读书籍的同时了解相关的案例内容,方便教师教学,提高学习效率。该系统也放大了一张光盘的功能,使所有在校师生都能搜索并下载数据资料。也减轻了图书馆的借阅压力,提高了工作效率。

参考文献

[1]陶国荣.jQuery权威指南[M].北京:机械工业出版社.2011.

[2]吴津津,田睿,李云,刘昊.PHP与MySQL权威指南[M].北京:机械工业出版社.2011.