【文章內容簡介】 塊類型表。欄目必須屬于一個模塊類型。合理建議收集，需要一個類似于留言板的信息表。需要記錄網站發(fā)表的文章信息。管理友情鏈接及網站信息。記錄后臺管理上傳圖片信息。經上述系統(tǒng)功能分析和需求總結，考慮到將來功能的擴展，： 數據庫表項 數據庫表格設計管理員信息表，包括的數據有：管理員ID、密碼等。：文章信息表：包括的內容有：編號、標題、內容、時間日期以及瀏覽次數等。： 管理員表 文章新聞列表建議信息：包括的內容有：編號，標題，留言人名稱，留言內容、時間等。： 合理建議表模塊類型：包括內容有：類型編號、類型名稱、CS表類型等。： 模塊類型表上傳圖片信息表：記錄上傳圖片路徑位置、上傳者以及時間等各種信息。：網站信息：包括網站名稱、網址、地址、電話號碼等網站信息。：友情鏈接：管理網頁的友情鏈接。： 圖片信息表 網站信息 友情鏈接5 網站的具體設計與實現一般情況下，網頁都由頁眉區(qū)、主內容區(qū)和版權區(qū)組成，當然也可以采用別的方法來將頁面劃分成更小的版塊，不過這里為了照顧所有的頁面共性，因為站點內的所有網頁一般都具有相同的頁眉和版權聲明，不同的只是主內容區(qū)。對于每個頁面都相同的頁眉和頁腳來說，如果在每個頁面里都分別包含，這樣每個頁面里都包含一樣的代碼，如果需要進行某一部分的更新，則需要更新所有的頁面，這樣的工作不僅容易出錯，而且效率極低，所以一個折中的方法就是將頁眉和頁腳分別制作成一個獨立的頁面，然后在每個頁面里都包含，這樣制作的頁面不僅結構清晰，而且有利于維護。①頁眉區(qū)制作其中，LOGO部分主要用于顯示學校的標識，建議搜索部分用來顯示搜索輸入框，導航部分用來顯示鏈接菜單，最下面的圖片展示，用來展示滾動圖片。頁眉區(qū)的最后效果圖，： 頁眉區(qū) 該頁眉區(qū)相對比較簡單，基本可以劃分為一下幾個部分，：②版權區(qū)制作一般情況下，版權區(qū)必須包括友情鏈接、版權聲明、聯(lián)系方式等模塊，： 頁眉結構LOGO建議、搜索導航圖片展示 頁腳區(qū)該頁腳區(qū)基本可以劃分為一下幾個部分，： 頁腳結構友情鏈接區(qū)版權聲明、聯(lián)系方式等信息學校LOGO友情鏈接用于顯示網站的友情鏈接，可以自定義添加，版權聲明部分用來顯示網站的各種信息，包括網址，地址聯(lián)系方式等。LOGO部分主要用于顯示學校的標識。③主頁面制作主頁面主要展示網站公告，學校領導、教學管理、機構設置、規(guī)章制度、校園動態(tài)。：主頁面是網頁的主要顯示內容，用來顯示網站的各個模塊，從網站眾多模塊中，選取比較有代表性的模塊在首頁進行展示。 主頁面 新聞列表的制作新聞列表頁面，主要是用來顯示本學校各方面的新聞列表，從內容來說，是一個導向性很強的模塊，讓瀏覽者能迅速瀏覽到本學校最近發(fā)生的事情。從功能方面來說，學校網站的新聞模塊，其實同新浪網的新聞頻道一致，不同的只是新聞源和針對的受眾，新浪的新聞頻道包括財經、娛樂、房產、游戲等板塊，所以其頻道下面除了首頁之外，還具有二級頁面，三級頁面等，所以一個網上沖浪者在進入首頁之后，想要查看一條科技新聞，就需要進入新聞首頁，再進入科技首頁，然后進入電信欄目，并在新聞列表中選擇相關的新聞，最終在新聞查看頁面查看詳細內容。而對于一個學校的新聞欄目來說，讓一個受眾單機鼠標4次，并在海量的信息中尋找自己需要的信息，是一個很糟糕的設計。對于一般學校網站來說，最多具有二級頁面就足夠了。所以本網站就采用新聞列表和新聞顯示兩級頁面來組成新聞欄目。： 新聞列表新聞的詳細內容頁面，： 新聞內容 合理建議頁面制作合理建議頁面，用于收集訪問者對于本網站及學校的各種意見或建議，包括兩個方面，一，提交意見或建議，二，查看所有建議，類似于網上的留言板。分為瀏覽建議、發(fā)表建議2個模塊。瀏覽者發(fā)表的建議時，需要填寫詳細的個人信息，如姓名、郵箱等。： 合理建議 后臺管理頁面制作后臺管理主要用于管理網站的各種信息修改、新聞文章的發(fā)表與修改、以及管理登陸用戶，： 后臺管理首頁①新建一個網頁。②在頁面制作里面制作一個簡單的系統(tǒng)登錄表單，：具體表單代碼如下：table width=45% border=1 align=center cellpadding=1 cellspacing=0 bordercolor=B1C3D9 tr td height=90 align=center valign=bottom background=../sc/ bgcolor=00AAE0 amp。nbsp。/td /trtr td height=120 align=center valign=middle bordercolor=FFFFFF bgcolor=F7FBFF form action= method=post p class=style3用　戶： input name=username type=text class=kou size=15 maxlength=50 br 密　碼： input name=password type=password class=kou size=15 maxlength=50 br 　　驗證碼： input name=randm1 type=text class=39。form39。 id=randm1 size=10 maxlength=20 input type=hidden name=randm2 value=%=randm% span class=style2span style=backgroundcolor: 000000amp。nbsp。%=randm%amp。nbsp。/span/span/p p class=style3 input type=submit value=登 錄 name=send class=border input type=reset value=重 填 class=border /p /form/td/tr/table 后臺管理登錄表單6 連接數據庫 創(chuàng)建數據庫在網站根目錄下建立一個Data文件夾用于存放數據庫文件。創(chuàng)建一個Access數據庫。 ，雙擊“使用設計器創(chuàng)建表”，打開創(chuàng)建數據表窗口，在“字段名稱”中輸入id，在數據類型中選擇“自動編號”。單擊快捷菜單中 圖標，設置id字段為主鍵。應用相同的步驟，繼續(xù)添加完相應的字段并創(chuàng)建好其它數據表后。Access數據庫就創(chuàng)建好了。 連接數據庫打開Dreamweaver，選中工具欄上“應用程序”選項，單擊 選項。：圖 應用程序選項在打開的“記錄集”對話框。單擊“定義……”，彈出鏈接到站點的對話框，單擊“新建”按鈕，選中“數據源名稱（ＤＳＮ）”選項。在彈出的“數據源名稱（ＤＳＮ）”對話框中，單擊“數據源名稱（ＤＳＮ）”中選擇右邊的“定義……”。在彈出的“ODBC數據源管理器”對話框中選擇“系統(tǒng)ＤＳＮ”選項卡，選擇“添加……”。： 數據源管理器在彈出的對話框中選擇“Microsoft　Access　Driver（*.mdb）”。確定后在彈出的對話框里選擇錄入數據源名稱，單擊“選擇”在彈出的“選擇數據庫”對話框中找到剛才我們建立的數據庫，單擊“確定”“確定”“確定”。退回到“數據源名稱（ＤＳＮ）”對話框。在“數據源名稱（ＤＳＮ）”對話框中選擇“使用服務器上的ＤＳＮ”，單擊“ＤＳＮ……”選擇剛才新建立的數據源。： 選擇數據源單擊“測試”按鈕，對數據源進行測試，測試成功后彈出成功創(chuàng)建連接腳本的對話框。單擊“確定”、“完成”，退回到“記錄集”對話框。在“連接”里選擇剛才的數據庫。單擊“確定”完成。此時在站點的根目錄下自動創(chuàng)建了一個connections 的文件夾，該文件定義了DSN數據源的連接。： DSN數據源7 系統(tǒng)測試 測試的目的和原則在網站制作完成之后，正式發(fā)布到網絡之前，還有一個很重要的工作要做，就是對網站進行周密的測試，以保證瀏覽者能夠正常地瀏覽和使用網站。 系統(tǒng)測試 頁面鏈接測試鏈接是使用戶可以從一個頁面瀏覽到另一個頁面的主要手段，是Web應用系統(tǒng)的一個主要特征，它是在頁面之間切換和指導用戶去一些不知道地址的頁面的主要手段。鏈接測試需要驗證兩個方面的問題：①點擊鏈接是否可以順利地打開所要瀏覽的內容，即鏈接是否按照指示的那樣確實鏈接到了要鏈接的頁面。②保證Web應用系統(tǒng)上沒有孤立的頁面，所謂孤立頁面是指沒有鏈接指向該頁面，只有知道正確的URL地址才能訪問。 經過檢測，該網站不存在錯誤的鏈接，并且沒有孤立的頁面，可以通過頁面鏈接測試。 配置和兼容性測試①平臺測試 市場上有很多不同的操作系統(tǒng)類型，最常見的有Windows、Unix、Linux等。Web應用系統(tǒng)的最終用戶究竟使用哪一種操作系統(tǒng)，取決于用戶系統(tǒng)的配置。這樣，就可能會發(fā)生兼容性問題，同一個應用可能在某些操作系統(tǒng)下能正常運行，但在另外的操作系統(tǒng)下可能會運行失敗。因此，在Web系統(tǒng)發(fā)布之前，需要在各種操作系統(tǒng)下對Web系統(tǒng)進行兼容性測試。由于硬件環(huán)境的關系，網站僅僅進行了Windows系統(tǒng)的兼容性測試，測試通過，在該系統(tǒng)中完全正常顯示。由于缺少其他系統(tǒng)無法進行其他系統(tǒng)的兼容性測試。②瀏覽器測試瀏覽器是Web客戶端核心的構件，需要測試站點能否使用 Netscape、Internet Explorer 或Lynx 進行瀏覽。來自不同廠商的瀏覽器對Java、JavaScript、 ActiveX或不同的HTML規(guī)格有不同的支持。并且有些 HTML 命令或腳本只能在某些特定的瀏覽器上運行。例如，ActiveX是Microsoft的產品，是為Internet Explorer而設計的，JavaScript是Netscape的產品，Java是Sun的產品等等。另外，框架和層次結構風格在不同的瀏覽器中也有不同的顯示，甚至根本不顯示。不同的瀏覽器對安全性和Java的設置也不一樣。測試瀏覽器兼容性的一個方法是創(chuàng)建一個兼容性矩陣。在這個測試中，使用微軟公司的IE瀏覽器和360公司的360瀏覽器以及谷歌Chrome瀏覽器，測試結果表明，網站的各個頁面，在各個瀏覽器中顯示正常，沒有錯誤出現，通過測試。 數據庫測試①數據庫測試的主要因素數據庫測試的主要因素有：數據完整性、數據有效性和數據操作和更新。②數據庫測試的相關問題除了上面的數據庫測試因素，測試人員需要了解的相關問題有：數據庫的設計概念；數據庫的風險評估；了解設計中的安全控制機制；了解哪些特定用戶對數據庫有訪問權限；了解數據的維護更新和升級過程；當多個用戶同時訪問數據庫處理同一個問題，或者并發(fā)查詢時，確?？刹僮餍?。確保數據庫操作能夠有足夠的空間處理全部數據，當超出空間和內存容量時能夠啟動系統(tǒng)擴展部分。 測試總結Web 測試相對于非 web 測試來說都是更具挑戰(zhàn)性的工作。用戶對 Web 頁面質量有很高的期望。功能測試是檢測網站功能的正確性，其中包括頁面內容測試、鏈接測試、表單測試、Cookies測試和設計語言測試等。性能測試確保網站服務器在規(guī)定的參數內響應瀏覽器的請求。作為性能測試的一部分，負載測試評估網站滿足負載要求的能力。負載測試評估系統(tǒng)在處理大量用戶的并發(fā)要求時的功能如何。壓力測試是使系統(tǒng)能滿足不同的負載。連接速度測試則是對打開網頁的響應速度測試。安全測試是為了確保重要和機密信息的安全性，試圖找到應用程序的安全缺陷。配置和兼容性測試保證了應用程序在各種硬件和軟件環(huán)境下的功能都是正確的。數據庫測試檢查存儲數據的完整性，而存儲數據通常是指網站使用的產品信息。該網站在以上各個測試分項中，初次測試出現了很多問題，經過不斷的查找錯誤，修正錯誤，最終通過了整個測試。目前網站在Windows系統(tǒng)中使用各個瀏覽器均反應正常，數據庫讀取寫入正常，沒有出現數據異?，F象，通過測試。總結在這次畢業(yè)設計中，我們第一次親身嘗試到了作為一個缺乏社會實踐經驗的學生所面臨的困難。通過對本網站的開發(fā)是我對書本上的知識點和理論有了更深一層的了解，使我學會了如何利用所學的知識,把理論結合于實踐中,進一步掌握了管理信息系統(tǒng)開發(fā)的規(guī)律,