基于ASP_NET與AJAX的天氣預(yù)報(bào)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

1、 基于ASP.NET與AJAX的天氣預(yù)報(bào)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)鄒 鋒(廣州康大職業(yè)技術(shù)學(xué)院 廣東 廣州 511363摘 要: 本系統(tǒng)介紹在A 中使用Web Service 與Ajax 技術(shù)實(shí)現(xiàn)天氣預(yù)報(bào)的查詢,本系統(tǒng)由于采用Web Service 與Ajax 技術(shù),因而可以實(shí)現(xiàn)實(shí)時(shí)無(wú)刷新的訪問(wèn)某個(gè)城市最近三天的天氣狀況。關(guān)鍵詞: 天氣預(yù)報(bào);A ;Ajax ;Web Service中圖分類號(hào):TP311.52 文獻(xiàn)標(biāo)識(shí)碼:A 文章編號(hào):1671-7597(20111210114-01隨著生產(chǎn)技術(shù)的不斷發(fā)展,準(zhǔn)確可靠的氣象預(yù)報(bào)預(yù)測(cè)產(chǎn)品將對(duì)社會(huì)經(jīng) 3 系統(tǒng)實(shí)現(xiàn)濟(jì)發(fā)展、國(guó)家安全和可持續(xù)發(fā)展提供重要的保障。重大

2、氣象災(zāi)害的預(yù)警、 3.1 省/洲查詢的實(shí)現(xiàn)氣象相關(guān)災(zāi)害和突發(fā)公共事件的預(yù)警和應(yīng)急、農(nóng)業(yè)生產(chǎn)和糧食安全、航天省/洲查詢主要是通過(guò)get Support Data Set 來(lái)調(diào)用asmx 文件中相關(guān)飛行與航空、氣候變化影響預(yù)估、地面交通、重點(diǎn)工程建設(shè)、旅游等涉及省/洲信息,并且設(shè)置了默認(rèn)為廣東省(代號(hào)為:24,默認(rèn)城市為廣州人們生產(chǎn)生活的重要領(lǐng)域無(wú)不需要天氣預(yù)報(bào)系統(tǒng)準(zhǔn)確可靠的預(yù)報(bào)預(yù)測(cè)結(jié)論市(代號(hào)為:59287,具體實(shí)現(xiàn)如下:和建議。便,隨著Web 技術(shù)的發(fā)展,采用B/S 架構(gòu)開(kāi)發(fā)基于A 與Ajax 的天氣預(yù)WeatherWebService(; /實(shí)例化報(bào)系統(tǒng)成為相關(guān)應(yīng)用的首選。1 系統(tǒng)架構(gòu)本系統(tǒng)

3、以B/S 為架構(gòu)、以Microsoft Visual Studio 2005作為開(kāi)發(fā)平臺(tái)、以C#作為開(kāi)發(fā)語(yǔ)言、以Ajax 技術(shù)實(shí)現(xiàn)無(wú)刷新頁(yè)面技術(shù)、以Web Service 實(shí)時(shí)獲取中國(guó)氣象局天氣狀況數(shù)據(jù),從而實(shí)現(xiàn)天氣的預(yù)報(bào),本系統(tǒng)結(jié)構(gòu)圖如圖1所示。 圖1 基于ASP.NET 與AJAX 的天氣預(yù)報(bào)系統(tǒng)的結(jié)構(gòu)圖2 系統(tǒng)分析與設(shè)計(jì)2.1 系統(tǒng)功能需求分析本系統(tǒng)分為省/洲查詢模塊與城市查詢模塊。其中省/洲查詢查詢模塊主要包括中國(guó)各個(gè)省、直轄市以及世界其他的幾大洲;城市查詢模塊主要構(gòu)據(jù)所選的省/洲后自動(dòng)生成相對(duì)應(yīng)的各個(gè)城市,當(dāng)選擇相應(yīng)的城市后會(huì)自動(dòng)顯示相關(guān)城市的天氣信息。2.2 XML設(shè)計(jì)可擴(kuò)展的標(biāo)記

4、語(yǔ)言XML 是Web Service 平臺(tái)中表示數(shù)據(jù)的基本格式。除了易于建立和易于分析外,XML 主要的優(yōu)點(diǎn)在于它既與平臺(tái)無(wú)關(guān),又與廠商無(wú)關(guān)。Web Service 平臺(tái)是用XSD 來(lái)作為數(shù)據(jù)類型系統(tǒng)的,如想讓它使用在不同平臺(tái)和不同軟件的不同組織間傳遞,可以利用SOAP 在HTTP 上實(shí)現(xiàn)實(shí)時(shí)遠(yuǎn)程調(diào)用數(shù)據(jù),比如省洲與城市的相關(guān)信息。2.3 界面設(shè)計(jì)本系統(tǒng)用到的控件有DropDownList 控件、Image 控件、Label 控件、Script Manager 與Update Panel 控件。其中DropDown List 控件是產(chǎn)生省與城市的下拉列表選擇、Image 控件是顯示相關(guān)天氣狀況

5、的圖片、Label 控件是顯示相關(guān)的文字信息、Script Manager 主要管理Web 窗體頁(yè)上的腳本,以及基于ASP.NET Ajax 的服務(wù)器端和客戶的控件;Update Panel 控件在本系統(tǒng)中作為一個(gè)容器使用,主要實(shí)現(xiàn)局部更新功能,而不需要刷新整個(gè)Web 窗體頁(yè)。protected void Page_Load(object sender, EventArgs e try DataSet ds = myobj.getSupportDataSet(; if (!Page.IsPostBack DataTable provinceTable = ds.Tables0;DataView

6、 provinceView = new DataView(ds.Tables 0;Province.DataSource = provinceView; Province.DataBind(; CityDataBind(24;/默認(rèn)為省Weather(59287;/默認(rèn)為廣州市 catch (Exception ex Title .Text =城市數(shù)據(jù)有錯(cuò)誤!;3.2 城市查詢的實(shí)現(xiàn)城市查詢主要是經(jīng)過(guò)省/洲相關(guān)設(shè)置,再通過(guò)getSupport DataSet 來(lái)調(diào)用asmx 文件中相關(guān)省/洲對(duì)應(yīng)的城市信息,具體實(shí)現(xiàn)如下:protected void CityDataBind(string zo

7、neID DataSet ds = myobj.getSupportDataSet(;DataView cityView = new DataView(ds.Tables 1; cityView.RowFilter = ZoneID = + zoneID; City.DataSource = cityView;City.DataBind(;,0;(下轉(zhuǎn)第58頁(yè) 應(yīng)力的影響,這是由于在測(cè)量時(shí),長(zhǎng)周期光柵只是作為參考光柵,僅僅感 2 總結(jié)應(yīng)溫度。本文設(shè)計(jì)了兩種溫度分離和補(bǔ)償方案,設(shè)計(jì)目的是解決光纖Bragg 光當(dāng)環(huán)境溫度變化 ,外部應(yīng)變變化 時(shí),所引起的Bragg 光柵中心柵對(duì)溫度和應(yīng)變交叉敏感的

8、問(wèn)題,使其能對(duì)某一單一的物理量進(jìn)行有效反射波長(zhǎng)的漂移量為:的,準(zhǔn)確的測(cè)量,進(jìn)一步促進(jìn)光纖光柵應(yīng)變傳感器的快速發(fā)展。(5本文兩種方案的基本理論原理是相同的,但是在系統(tǒng)的結(jié)構(gòu)布局上卻同時(shí)長(zhǎng)周期光柵的諧振波波長(zhǎng)變化為:截然不同,方案一采用Bragg 光柵與長(zhǎng)周期光柵并聯(lián)的形式,而方案二是 (6串聯(lián)的形式。兩種方案都避免了在同一光纖同一位置處寫(xiě)入兩個(gè)光柵技術(shù)聯(lián)立(5式和(6式便可得出測(cè)試部位的應(yīng)變變化為:難、要求高、且成本高的問(wèn)題,且都采用了長(zhǎng)周期光柵對(duì)溫度具有高靈敏度的特性。 此式即為Bragg 光柵所要測(cè)量的應(yīng)變變化值的數(shù)學(xué)表達(dá)式,式中參考文獻(xiàn):分別為Bragg 光柵的溫度、應(yīng)變靈敏度系數(shù)和長(zhǎng)周期

9、光柵的溫度1Rao Y J.Recent progress in applications of in-fiber Bragg 靈敏度系數(shù);只要通過(guò)光譜儀準(zhǔn)確的測(cè)量出Bragg 光柵中心反射波長(zhǎng)的漂grating sensorsJ.Opticals and Lasers in Engineering,1999,31:297-324.移量 及長(zhǎng)周期光柵諧振波波長(zhǎng)的漂移量 ,就可以直接得出應(yīng)變變2秦玉文、陳根樣、趙玉成等,光纖光柵制作及其溫度穩(wěn)定性研究化量,進(jìn)而得出所要測(cè)量的應(yīng)變值。J.光電子,激光,1998,9(3:173-176.比較式(4和式(7,可以看出兩式完全相同,所以方案一和方案3王海

10、平、陳榮、林斌等,雙光纖Bragg 光柵用于FBG 型傳感器的溫度補(bǔ)二兩者的基本原理是相同的,但是在系統(tǒng)的結(jié)構(gòu)布局上卻完全不同,這也償J.激光與紅外,2003,33(3:218-220.導(dǎo)致了所適用的測(cè)量環(huán)境大不相同。方案一適用于表面粘貼的傳感器,且4姜德生、何偉,光纖光柵傳感器的應(yīng)用情況,光電子激光,2002,所測(cè)量的應(yīng)變是某一確定方向的應(yīng)變;而方案二不僅可以用于表面粘貼的13(4:420-421.傳感器,還可以用于埋入待測(cè)結(jié)構(gòu),不足之處是需要對(duì)長(zhǎng)周期參考光柵進(jìn)5郭子學(xué)、閆衛(wèi)平、杜國(guó)同、張玉書(shū),光纖Bragg 光柵溫度補(bǔ)償方法的研行很好的封裝保護(hù),以免受到壓力的影響。究,光電子技術(shù),2006

11、,26(1:48-52.利用該方案不僅可以準(zhǔn)確的得出需要測(cè)量的應(yīng)變值,同時(shí)還可以很容6李維善、陳琛、王海林等,基于Bragg 光柵交叉法在溫度補(bǔ)償中的研易的得出環(huán)境溫度的變化情況。所用光源是一套寬帶光源,這避免了雙參究,儀表技術(shù)與傳感器,2011,6:87-92.量同時(shí)測(cè)量需要兩套光源及解調(diào)系統(tǒng)的問(wèn)題,同時(shí)對(duì)于兩光柵的寫(xiě)入技術(shù)7黃銳、蔡海文、瞿榮輝等,一種同時(shí)測(cè)量溫度和應(yīng)變的光纖光柵傳感也簡(jiǎn)單易行,消除了在光纖同一位置寫(xiě)入兩個(gè)光柵技術(shù)難、要求高的問(wèn)器,中國(guó)激光,2005,32(2:232-235.題。8曾祥楷、饒?jiān)平?、余般梅?光纖應(yīng)變、溫度、振動(dòng)同時(shí)測(cè)量新技術(shù)設(shè)計(jì)本方案時(shí),采用的參考光柵是長(zhǎng)

12、周期光柵,是因?yàn)?常用的長(zhǎng)周的研究J.光子學(xué)報(bào),2001,30(10:1254-1257.期光柵具有遠(yuǎn)大于Bragg 光柵的溫度敏感系數(shù),測(cè)量的溫度變化值 會(huì)更作者簡(jiǎn)介:加準(zhǔn)確、可靠,更重要的是長(zhǎng)周期光柵的諧振波波長(zhǎng)的變化量 能夠真徐振華(1985-,男,碩士,助理工程師,主要從事光電測(cè)試等方面的實(shí)、準(zhǔn)確的反應(yīng)溫度的變化量 ,這樣Bragg 光柵測(cè)量的應(yīng)變變化值 會(huì)研究工作。更加真實(shí)、有效,從而使最終所測(cè)量的應(yīng)變值更加接近實(shí)際應(yīng)變值。(7City.SelectedIndex = 0;ASP.NET 與AJAX 的天氣預(yù)報(bào)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)提供了較為詳細(xì)的依據(jù),給 出了系統(tǒng)開(kāi)發(fā)的關(guān)鍵技術(shù),為進(jìn)一步

13、開(kāi)發(fā)提供了依據(jù)。3.3 實(shí)時(shí)天氣預(yù)報(bào)實(shí)現(xiàn) 當(dāng)把省/洲與城市設(shè)置好了,再通過(guò)get Weather by City Name 來(lái)調(diào)用asmx 文件中未來(lái)三天內(nèi)天氣情況、現(xiàn)在的天氣實(shí)況和生活指數(shù),具體實(shí)現(xiàn)如下:protected void Weather(string cityCode string wa = myobj.getWeatherbyCityName(cityCode.Trim(; Label1.Text =wa10;Label2.Text = wa6 + + wa5 + + wa7;Label8.Text = wa0 + / + wa1;圖2 查詢天氣實(shí)現(xiàn)圖Image1.ImageUrl = /images/weather/ + wa8;參考文獻(xiàn):1明日科技等,ASP.NET 開(kāi)發(fā)典型模塊大全,北京:人民郵電出版社,2010:656-663.3.4 系統(tǒng)運(yùn)行界面天氣信息。(見(jiàn)圖22唐俊等,Ajax 程序開(kāi)發(fā)經(jīng)典實(shí)例教程,北京:電子