?

網站建設的系統設計研究

2014-10-21 19:57許芳
計算機光盤軟件與應用 2014年24期
關鍵詞:前臺后臺網頁

摘 要:信息化時代拓寬了人們的交往途徑與學習手段,同時也對使用者提出了更高的素質要求。網上交流系統可以為大家提供一個公開的交流學習平臺,拓寬知識汲取途徑,相關單位也可以發布各種活動信息,使用者的留言反饋,也利于彼此的互動交流??梢?,計算機網站的系統建設很有必要,這也是本文對網站系統設計做出分析的重要原因。

關鍵詞:網站建設;系統設計

中圖分類號:TP393.092

網站在功能上有前臺與后臺,對應的模塊也就是前臺模塊與后臺模塊。網站建設需要有著自己的目標,此目標可以通過網絡精準測量,如網站中的信息關注度、軟件使用情況等。在網站目標完成率有了準確測量之后才能夠更好地進行網站推廣與完善。

1 主頁HTML設計

網站通常都有自己的LOGO作為標示,在含義上,LOGO能夠將標志圖片、網站性質等加以概括,其中網站上的具體內容可以用Fireworks MX、Flash MX等軟件設計完成。

在前臺網站的主頁設計中,需要注重頁面之間的連貫性與整體醒目,網頁頭部通常Head. asp為主,Foot. asp作為網頁頁腳設計。色調上頭部與頁腳以藍色為主,以便突出重點,中間內容的基色調為白色。

網站分頁通過圖片或標題加以鏈接并進一步展開詳細內容,在網站主頁與一級、二級子頁上的內容、風格也要保持一致,以便網站的整體統一的實現。后臺網站的主頁設計需要與前臺有著相同的技術操作,但頁面風格可以有所變化,如基調色彩用紅色,首頁不顯示各分頁內容,后臺網站需要登錄之后才能夠看到各種內容與操作技巧等。

網頁中的交互式頁面可以將數據庫技術與ASP、Flash等有機結合,以便用戶瀏覽與管理員管理網站。

2 數據庫設計

網站的前臺與后臺采取共同的數據庫Sjhhsjb. asp 來實現各自目標,通過.asp把數據庫封存,確保數據庫安全。在數據庫中整理出前臺與后臺的一定數據庫表格,并獲取上面的數據項與數據結構,進而設計出用戶需要的各種實體,如公告信息、短消息、帖子、用戶信息、版主信息、管理員信息等,為后面的邏輯結構設計鋪墊,這些實體之間的相互作用形成數據流動。

2.1 數據庫的鏈接代碼設計。使用后臺數據庫數據需要數據庫的連接與打開,數據庫連接需要ADO對象群的Connection對象。具體方法可以使用Web應用程序中的DSN與數據庫之間建立ODBC連接;也可以使用Web應用程序中的非DSN與數據庫之間建立連接字符串。

2.2 ASP對象的存取數據庫設計。在ASP中,存取數據庫對象稱為ADO,具體包括Connection(打開與鏈接數據)、Record(存取數據表)與Command(數據庫查詢指令)三個對象。

3 功能模塊設計

3.1 模塊的整體劃分。前臺用戶的注冊登錄、修改個人信息等形成注冊登錄模塊;用戶瀏覽帖子信息、查看圖片等形成瀏覽模塊;用戶按照自己需求發布信息、回復信息等形成發帖回帖模塊;網站管理員管理信息等形成帖子管理模塊。此四類形成前臺功能模塊。與管理員相關的都是后臺模塊,如網站設置參數形成的網站設置模塊;信息創建修改刪除的管理板塊模塊;刪除添加設置權限的管理用戶模塊。

3.2 各模塊之間的關系設計。任何一個模塊功能都是需求的真實反映,在對需求精確分析之后還可以形成更加完善的單獨模塊。在各個模塊中還需要有系統框架的整體把握,以便將零散模塊串聯形成系統。用戶決定了管理用戶模塊與注冊登錄模塊之間的關系,在注冊后獲得用戶資格,登錄后證明身份,所有用戶接受管理員管理等。如此弄清各模塊之間的關系后,便可以清晰地構建出整體框架。

按照系統的不同入口有前臺系統與后臺系統,前者有注冊登錄模塊、發帖回帖模塊、瀏覽模塊、管理帖子模塊;后者有管理板塊模塊與管理用戶模塊。這樣網站系統框架部分設計完成,為以后的數據庫結構做鋪墊。

3.3 信息分類模塊設計。通過樹狀菜單或圖片大小來顯示不同信息,并分別查詢出每個大類所對應的小分類信息,再通過

標記和JavaScript自定義函數實現
結點的顯示和隱藏。

4 網站的發布、瀏覽與調試

4.1 采取Mozilla來調試網站,此軟件在實現網頁瀏覽編輯的同時,還有著強大的調試功能,能夠高效方便地對站點網頁JavaScript糾錯、Cookie管理、源代碼查看、DOM 查看和頁面信息查詢等。在網頁編寫中使用JavaScript是司空見慣的事情了,當JavaScript出現問題時,我們就可以利用Mozilla來解決。Mozilla所擁有的“JavaScript控制臺”,能夠將JavaScript 錯誤提示信息進行記錄,這樣方便找到出現問題的原因,能夠最佳及時有效地修改網頁問題。在“JavaScript控制臺”來快速定位問題過程中,通過Mozilla 瀏覽器做出網站調試,點擊順序依次是工具-Web開發- JavaScript控制臺,然后“JavaScript控制臺”對話框便出現,在對話框中有著網頁JavaScript出錯信息的詳細記錄,并且具體出錯的文件名稱、錯誤所在的具體上下文位置等能夠清晰可見,如此,找到JavaScript出錯位置和錯誤原因便非常容易。與此同時,對于錯誤項目還可以右鍵點擊,再出現的菜單項目中選擇“復制”,將JavaScript出錯信息復制保存到剪貼板中,以便以后使用時方便查詢。需要注意的是:雖然Mozilla有著強的JavaScript控制臺,但也有自身缺陷,一旦不能將出現錯誤項目的所有JavaScript文件保存的話,便需要一句句手工操作存儲。

4.2 網站模式要嚴格管理,確保網頁“流暢”運行。在網頁調試過程中,除了上文分析的JavaScript錯誤信息之外,有時還會出現“嚴格的JavaScript警告”信息之類的出錯信息,這種“JavaScript警告”雖然不像JavaScript錯誤信息那般嚴重,但它的出現也會嚴重地影響到網頁的顯示速度于瀏覽水平,要實現網站的完美運行,此類錯誤警告信息也必須時刻注意,一旦出現,務必解決。通常情況下,Mozilla對“嚴格的JavaScript警告”信息是不記錄的,這就需要我們手工激活該功能。在Mozilla瀏覽器主窗口中,點擊“編輯→首選項”后,便出現首選項對話框,然后進入到“調試”項目欄,點擊“顯示嚴格的JavaScript警告信息”選項,最后“確定”。如此,“JavaScript控制臺”便會將這些警告信息存儲保存,方便用戶查找JavaScript問題所在,優化網頁,提高網頁運行效率。

5 結束語

網站系統設計就是為了方便用戶對信息資源的獲取與管理員對信息與用戶的有效管理,良好的網站系統能夠實現對信息的發布與查詢,網絡管理員也可以進入到網站維護界面來增加刪改信息等以便用戶瀏覽;會員注冊能夠確保用戶享受網站對應服務,確保信息資源安全;帖子的回復交流也有利于用戶之間、用戶與管理員之間的互動合作等,可見,完善的網站系統設計能夠確保網站的高效穩定運行與高質量的瀏覽品質。

參考文獻:

[1]肖志剛.ASP動態網頁設計應用培訓教程[M].北京:電子工業出版社,2004.

[2]苗雪蘭.數據庫系統原理及應用教程[M].北京:機械工業出版社,2001.

作者簡介:許芳(1980.11-),女,河南濟源人,信息中心工程師,碩士研究生,研究方向:信息化建設。

作者單位:武警后勤信息中心,北京 100089

猜你喜歡
前臺后臺網頁
基于CSS的網頁導航欄的設計
公路電助力 從幕后走向前臺
孟晚舟:從前臺打雜到華為副總裁
后臺暗戀
基于URL和網頁類型的網頁信息采集研究
前臺、后臺精彩花絮停不了
網站前臺設計分包合同中應注意的問題
網頁制作在英語教學中的應用
以“后臺”的名義節省電池用量
10個必知的網頁設計術語
91香蕉高清国产线观看免费-97夜夜澡人人爽人人喊a-99久久久无码国产精品9-国产亚洲日韩欧美综合