基于PHP和Ajax技術(shù)的在線網(wǎng)頁(yè)鬧鈴的設(shè)計(jì)與實(shí)現(xiàn)

周宇舸

（沙洲職業(yè)工學(xué)院，江蘇 張家港 215600）

摘要：該文簡(jiǎn)單介紹了B/S網(wǎng)絡(luò)應(yīng)用開(kāi)發(fā)架構(gòu)，詳細(xì)闡述了網(wǎng)頁(yè)鬧鈴功能設(shè)計(jì)，并對(duì)原理進(jìn)行了詳細(xì)的講解，對(duì)功能做了進(jìn)一步的實(shí)現(xiàn)，展示了運(yùn)行效果。

關(guān)鍵詞：B/S；JavaScript；Ajax

中圖分類號(hào)：TP31 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2014）05-0960-02

The Design and Implementation of Online Webpage Alarm Based on PHP and Ajax

ZHOU Yu-ke

（Shazhou Polytechnical Institute of Technology， Zhangjiagang 215600， China）

Abstract： This paper briefly introduced the B/S network application development framework， detailed design Webpage alarm function， then the principle in detail， the functions of the further implementation， shows the run results.

Key words： B/S； JavaScript； Ajax

1 概述

Internet的迅猛發(fā)展帶來(lái)了人民生活方式的巨大變革，如何運(yùn)用信息化手段，提高人民生活的適意度，實(shí)現(xiàn)人民生活方式的網(wǎng)絡(luò)化和智能化成為社會(huì)發(fā)展的必然趨勢(shì)。

比如每次上網(wǎng)瀏覽信息，有時(shí)感覺(jué)時(shí)間不夠用，幾個(gè)小時(shí)一不留神就過(guò)去了，結(jié)果導(dǎo)致其它重要事情尚未完成，如果能有一個(gè)鬧鐘提醒我們就好了，并且能夠?qū)崿F(xiàn)實(shí)時(shí)在線添加、管理。在任何上網(wǎng)的地方都可以。

2 在線網(wǎng)頁(yè)鬧鈴模塊的系統(tǒng)結(jié)構(gòu)

2.1 系統(tǒng)結(jié)構(gòu)模型

隨著Web應(yīng)用程序的規(guī)模和復(fù)雜性的增加 ，軟件開(kāi)發(fā)體系結(jié)構(gòu)的選擇成為比數(shù)據(jù)結(jié)構(gòu)和算法的選擇更為重要的因素 ，B/S三層結(jié)構(gòu)是伴隨著中間件技術(shù)的成熟而興起的，核心概念是利用中間件將應(yīng)用分為表示層、業(yè)務(wù)邏輯層和數(shù)據(jù)存儲(chǔ)層三個(gè)不同的處理層次，三個(gè)層次的劃分是從邏輯上分的，具體的物理分法可以有多種組合，是建立網(wǎng)絡(luò)信息系統(tǒng)的最佳選擇。本模塊采用標(biāo)準(zhǔn)B/S三層結(jié)構(gòu)開(kāi)發(fā)，三層結(jié)構(gòu)分別為：用戶界面（UI）層、業(yè)務(wù)邏輯層（BLL）和數(shù)據(jù)存儲(chǔ)層（DB），如圖1所示[6]：

圖1 系統(tǒng)結(jié)構(gòu)模型

2.2 功能劃分

本功能包含以下功能模塊。如圖2所示。

3 關(guān)鍵模塊設(shè)計(jì)與實(shí)現(xiàn)

鬧鈴的播放是通過(guò)onclick事件調(diào)用JavaScript腳本中的bgmusic（）方法控制鬧鈴的的播放與停止。具體代碼如圖3和圖4所示。

圖2 系統(tǒng)功能模塊

圖 3 onclick事件

圖 4 bgmusic（）方法

創(chuàng)建一個(gè)XMLHttpRequest對(duì)象，通過(guò)Ajax技術(shù)實(shí)現(xiàn)網(wǎng)頁(yè)鬧鈴的無(wú)刷新提交，Ajax 是Asynchronous JavaScript and XML的縮寫(xiě)。Ajax由HTML，JavaScript，DHTML和DOM組成，它使瀏覽器可以為用戶提供更為自然的瀏覽體驗(yàn)。具體代碼如圖5所示。

圖 5 XMLHttpRequest對(duì)象

4 實(shí)驗(yàn)運(yùn)行效果圖

圖6 運(yùn)行效果圖

（下轉(zhuǎn)第981頁(yè)）

（上接第961頁(yè)）

5 結(jié)束語(yǔ)

通知Ajax技術(shù)實(shí)現(xiàn)的無(wú)刷新提交網(wǎng)頁(yè)鬧鈴，打破了Web是基于“頁(yè)面是傳達(dá)信息的原子單元”這一模式，既減輕Web應(yīng)用負(fù)載的同時(shí)，又提供了更好的用戶體驗(yàn)。作為提醒功能，在許多網(wǎng)絡(luò)應(yīng)用都會(huì)有廣泛的應(yīng)用。

參考文獻(xiàn)：

[1] 陳向輝.即用即查PHP函數(shù)參考手冊(cè)[M].北京：人民郵電出版社，2008.

[2] Hugh E.Williams，David Lane.Web Database Applications with PHP & MySQL[M].O'Reilly，譯.2nd ed.南京：東南大學(xué)出版社，2006.

[3] 梁如軍，叢日權(quán)，周濤.CentOS 5系統(tǒng)管理[M].北京：電子工業(yè)出版，2012.

[4] 劉欣，李慧，等.PHP開(kāi)發(fā)寶典[M].北京：機(jī)械工業(yè)出版社，2008.

[5] 趙鶴芹.設(shè)計(jì)動(dòng)態(tài)網(wǎng)站的最佳：Apache+PHP+Mysql[J].計(jì)算機(jī)工程與設(shè)計(jì)，2007，28（4）.

[6] 李學(xué)明，陳麗.Web服務(wù)組合的安全性研究[J].計(jì)算機(jī)應(yīng)用研究，2009，26（4）.