- 相關(guān)推薦
基于HTML5與CSS3的高校新聞發(fā)布系統的設計與實(shí)現論文
隨著(zhù)信息技術(shù)的飛速發(fā)展和高校教育現代化建設的不斷加強，我國各高校同網(wǎng)在提升校同文化、促進(jìn)教學(xué)科研、實(shí)現無(wú)紙化辦公等方面發(fā)揮著(zhù)越來(lái)越重要的作用。網(wǎng)站開(kāi)發(fā)技術(shù)的在快速發(fā)展，網(wǎng)頁(yè)的功能也越來(lái)越豐富。HTML5與CSS3是近年來(lái)興起的一種網(wǎng)頁(yè)計算機技術(shù)，使用HTML5與CSS3來(lái)開(kāi)發(fā)網(wǎng)站，網(wǎng)頁(yè)變得更加動(dòng)感。本文使用HTML5與CSS3技術(shù)為貴州師范學(xué)院二級學(xué)院開(kāi)發(fā)了新聞發(fā)布系統。
1系統概述
高校新聞發(fā)布系統的建設是對展現一個(gè)院校風(fēng)采的平臺、院校師生互動(dòng)、對外聯(lián)系和宣傳的有效媒介。它使學(xué)校的信息更容易公布;使學(xué)生對信息和資源的獲取渠道的方便;使校外人員能夠方便交流和及時(shí)準確地獲取想咨詢(xún)的信息。通過(guò)高校新聞發(fā)布系統可以發(fā)布學(xué)校的新聞資訊、招生政策、黨建生活、重大活動(dòng)安排等與學(xué)校發(fā)展有關(guān)的信息公告，讓教師與學(xué)生能夠及時(shí)掌握學(xué)校最新資訊。并且可以通過(guò)校同網(wǎng)站中的相關(guān)鏈接，打開(kāi)校外宣傳網(wǎng)站、教育廳、數據平臺等網(wǎng)頁(yè)，實(shí)現在網(wǎng)絡(luò )上完成部分校務(wù)，可以提高教師辦事效率，減少人力財力支出。所以建立一個(gè)高校新聞發(fā)布系統是很有必要的。
建設是對展現一個(gè)院校風(fēng)采的平臺、院校師生互動(dòng)、對外聯(lián)系和宣傳的有效媒介。它使學(xué)校的信息更容易公布;使學(xué)生對信息和資源的獲取渠道的方便;使校外人員能夠方便交流和及時(shí)準確地獲取想咨詢(xún)的信息。因此，校同網(wǎng)站的設立無(wú)論對于學(xué)校還是對于社會(huì )都是非常有利的。
2系統設計
2.1系統總體設計
高校新聞發(fā)布系統是一個(gè)基于校同內的新聞發(fā)布査看的系統，在校同新聞發(fā)布網(wǎng)站的平臺上，全校師生可以査看近期校同內的一些相關(guān)信息及公告，能夠及時(shí)了解掌握校同信息。
按照功能模塊設計，高校新聞發(fā)布系統具有七個(gè)功能模塊，大致分為搜索、菜單欄、圖片新聞、文字新聞、公告通知以及聯(lián)系方式和友情鏈接這些模塊。首頁(yè)面的功能模塊如圖1所示：
2.2功能模塊設計
搜索功能模塊分析:在査看新聞或其他信息的時(shí)候，由于大量的數據是査找工作更加困難，有了搜索功能，則可以使人們可以快速便捷地找到自己想要的信息，所以，該模塊的主要功能便是快速準確的査找信息。
菜單欄功能模塊分析:該模塊的功能主要是對一些多級頁(yè)面的功能分類(lèi)及快速鏈接，使頁(yè)面設計更加嚴謹，符合人們的需要
圖片新聞功能模塊分析:本功能模塊主要是對圖片新聞的査看。有些人不喜歡長(cháng)篇大論的文章，而圖片新聞更加形象生動(dòng)、色彩分明，在視覺(jué)上更有沖擊力，符合人們的需求。
文字新聞功能模塊分析:本功能模塊主要是以文字為主題的新聞內容，人們可以更加詳細的閱讀文章內容。
公告通知功能模塊分析:本功能模塊主要是顯示一些通知公告等內容，在首頁(yè)方便人們及時(shí)看到，對特殊情況能夠就及時(shí)發(fā)布顯示出來(lái)。聯(lián)系方式功能模塊分析:本功能模塊提供聯(lián)系方式，人們可以用來(lái)詢(xún)問(wèn)問(wèn)題或反饋問(wèn)題。
友情鏈接功能模塊分析:本功能模塊主要是用來(lái)連接到其他網(wǎng)頁(yè)，方便人們能夠快速便捷地找到需要的相關(guān)頁(yè)面。
2.3數據庫設計
數據是網(wǎng)站的靈魂，數據庫對于大量的信息使用與存儲、站點(diǎn)上的訪(fǎng)問(wèn)者能夠獲得對數據的使用都是非常重要的。高校新聞發(fā)布系統采用關(guān)系數據庫SQLServer2008作為后臺數據庫，所涉及的主要數據表包括：
首頁(yè)內容設置表。自動(dòng)編號、新聞編號、新聞標題、新聞類(lèi)型、公告編號、友情鏈接編號。
新聞搜索表。新聞編號、新聞名稱(chēng)、新聞類(lèi)型。
新聞類(lèi)型表。類(lèi)型編號、類(lèi)型名稱(chēng)、圖片編號、文字編號。
圖片新聞表。圖片編號、圖片新聞名稱(chēng)。
文字新聞表。文字編號、圖片新聞名稱(chēng)。
公告信息表。公告編號、標題、公告內容、日期。
友情鏈接表。友情鏈接編號、標題、地址。
3系統實(shí)現
3.1客戶(hù)端實(shí)現
在客戶(hù)端為了提高開(kāi)發(fā)的效率，避免重復多余的代碼，降低維護的成本。本系統設計了2個(gè)公共類(lèi)，分別為對數據庫進(jìn)行操作的Sql Helper類(lèi)以及對數據進(jìn)行操作的Data Helper類(lèi)。例：
在新聞的顯示界面需要査詢(xún)數據庫的數據，通過(guò)自定義的New Select()方法拼接Sql語(yǔ)句調用Sql Helper類(lèi)的query Execute方法，返回的為一個(gè)自定義的New Model模型集合，然后在需要顯示的界面通過(guò)調用Data Helper的Data Show()方法將已經(jīng)得到的數據集合顯示在界面上。
3.2服務(wù)器端實(shí)現
服務(wù)器根據所需功能對本地的數據進(jìn)行更、刪、査、改等不用Android提供的各種組件對APP界面進(jìn)行優(yōu)化，可有效地支持用戶(hù)體驗要求。
4結束語(yǔ)
目前通過(guò)網(wǎng)站的運行情況，證明了動(dòng)態(tài)的學(xué)習平臺具備實(shí)用的價(jià)值，有利于改善目前傳統學(xué)習的弊端，有利于提升學(xué)習的科學(xué)性。加快了我校信息化建設的步伐，對教師、學(xué)生和管理員帶來(lái)了許多好處，方便教師對教學(xué)資源進(jìn)行交流，還可以實(shí)現網(wǎng)上辦公，提高了辦公效率;學(xué)生不但可以時(shí)時(shí)刻刻了解校內學(xué)生活動(dòng)動(dòng)態(tài)，還可以網(wǎng)上學(xué)習，提高了學(xué)習積極性，還便于管理員對于網(wǎng)站的管理維護，及時(shí)發(fā)現和解決問(wèn)題。而使用HTML5和CSS3編寫(xiě)的網(wǎng)頁(yè)更是在界面效果增加了藝術(shù)的魅力，讓使用者賞心悅目。
【基于HTML5與CSS3的高校新聞發(fā)布系統的設計與實(shí)現論文】相關(guān)文章：
網(wǎng)絡(luò )新聞發(fā)布系統的設計與實(shí)現ASP+SQL10-13
基于Kinect的自主康復系統的設計與實(shí)現05-27