【文章內(nèi)容簡介】 管理 產(chǎn)品添加 產(chǎn)品管理 查看定單 添加管理員 修改密碼 分類管理 添加分類 計算機科學與技術系畢業(yè)設計（論文） 9 結構化設計 這一步是前期策劃中最為關鍵的一步，因為做網(wǎng)站一定是為客戶和用戶服務的，所以收集他們的意見和想法是最為必要的。這一步需要整理成文檔，形成對用戶興趣的調(diào)查報告，同時讓客戶有關部門配合提交一份本部門需 要在網(wǎng)上開辟的欄目計劃書，需要有關部門一定要考慮充分，因為如果要把網(wǎng)站作為一個正式的站點來運營的話，所做的每一項欄目的設置都應該是有規(guī)劃的，如果考慮不充分，會導致以后突如其來的新加內(nèi)容破壞網(wǎng)站的整體規(guī)劃和風格。 收集完商業(yè)網(wǎng)站的手機銷售客戶各部門的相關信息以后，對其進行整理，整理以后找出重點，根據(jù)重點以及客戶業(yè)務的側(cè)重點，結合網(wǎng)站定位來敲定網(wǎng)站的分欄目需要有哪幾項，可能開始時會因為欄目較多進而難以確定最終需要哪幾項，我們的商業(yè)網(wǎng)站的手機銷售設計了主頁框架以及子頁框架 .形成網(wǎng)站欄目的樹狀列 表用以清晰表達站點結構。 我們在其中劃分了 產(chǎn)品管理 ,管理員管理 ,分類管理 ，增加了親和力。 本系統(tǒng)數(shù)據(jù)庫采用 Access數(shù)據(jù)庫，系統(tǒng)數(shù)據(jù)庫名稱為 。數(shù)據(jù)庫 chanpin中包含 4張表。下面分別給出數(shù)據(jù)表概要說明、數(shù)據(jù)表關系概要說明及主要數(shù)據(jù)表的結構。 數(shù)據(jù)庫需求分析系統(tǒng)的數(shù)據(jù)庫功能主要體現(xiàn)在對各種信息的提供、保存、更新和查詢操作上，包括產(chǎn)品信息的添加、修改、刪除。管理員信息的修改，及管理員信息的存儲 .產(chǎn)品訂購信息的添加、修改、刪除。產(chǎn)品分類的添加、修改、刪除。各個部分 的數(shù)據(jù)又有內(nèi)在的聯(lián)系。針對此系統(tǒng)的數(shù)據(jù)庫特點，并考慮將來所要涉及 的應用，數(shù)據(jù)庫設計如下的數(shù)據(jù)項： 管理員：包括管理員編號、用戶名和密碼信息。 產(chǎn)品信息 :id,NAME,IMGAES,FID,GUEIGE,JIAGE,COUNT,TIME. 產(chǎn)品分類 :id,c_name,jiage,shuliang,dianhua,mail,tel,address,fukuan,name,time. 產(chǎn)品訂購信息 :,FOID,time. 數(shù)據(jù)表概要說明從設計角度出發(fā)，對本系統(tǒng)后臺的數(shù)據(jù)庫中數(shù)據(jù)表有一個更清晰 的認識，我設計了一個數(shù)據(jù)結構表，該數(shù)據(jù)結構表包含系統(tǒng)所有數(shù)據(jù)表（如表 33所示）。 數(shù)據(jù)庫表名 說明 計算機科學與技術系畢業(yè)設計（論文） 10 admin 管理員表 chanpin 產(chǎn)品 ding 訂購 fenlei 分類 4. 詳細設計 硬件環(huán)境要求 ? CPU： AMD2800 。 ? 內(nèi)存： 512MB以上。 ? 硬盤： 80GB ： ? 操作系統(tǒng)： Windows XP/ Windows 2020。 ? 數(shù)據(jù)庫： Access 2020。 ? 瀏覽器： ，推薦使用 。 ? Web服務器： 。 ? 分辨率：最佳效果 1024 768像素。 計算機科學與技術系畢業(yè)設計（論文） 11 數(shù)據(jù)庫概念結構設計 對一個數(shù)據(jù)庫管理員來說，為他的數(shù)據(jù)庫所能做的最好的事情就是使之開始于一個合理的邏輯設計。概念模型是用戶和數(shù)據(jù)庫設計人員之間進行交流的工具。根據(jù)上面的設計規(guī)劃出的實體有： 圖 41 管理員信息實體的 ER 圖 圖 42 產(chǎn)品信息實體 ER 圖 管理員 管理員 id 密碼 管理員戶名 產(chǎn)品 id name images time guige FID count 計算機科學與技術系畢業(yè)設計（論文） 12 圖 43 分類實體 ER 圖 圖 44 訂購信息實體的 ER 圖 訂購表 ID 產(chǎn)品名 訂購數(shù)量 產(chǎn)品價格 電話 郵箱 tel address Fukuan name time 分類 ID Fname FOID Time 計算機科學與技術系畢業(yè)設計（論文） 13 數(shù)據(jù)表的結構 以下是較為重要的幾個數(shù)據(jù)表結構： : 圖 45 管理員表 : 圖 46 產(chǎn)品表 : 圖 47 分類表 : 計算機科學與技術系畢業(yè)設計（論文） 14 圖 48 訂購表 常用模塊 了為提高代碼的重要性，在本系統(tǒng)中把經(jīng)常用的代碼單獨做成了單獨文件，用到時只要用 include文件調(diào)用即可，其功能是之頁面建立與數(shù)據(jù)庫的連接。 文件 co .asp的代碼如下。 % set conn=() path=(data/) provider=。 data source=amp。path % 文件 conn. asp的代碼如下。 % set conn=() path=(../data/) provider=。 data source=amp。path % 計算機科學與技術系畢業(yè)設計（論文） 15 文件 adminconn. asp的代碼如下。 % set conn=() path=(../../data/) provider=。 data source=amp。path % 員登錄判定 本系統(tǒng)是一個多用戶系統(tǒng)，中的些頁面需要用戶登錄后才開放功能。為防止非法用戶直接調(diào)用這些頁面的功能，需要在這些頁面中加入用戶登錄判定代碼。 判定代碼如下： % if session(admin_name)= then () end if % 前臺主要功能模塊詳細設計 （ 1）模塊功能介紹 前臺頁面主要包括以下功能模塊： ? 首頁 :方便用戶瀏覽 . ? 所有產(chǎn)品 :展示網(wǎng)站各式商品 ,便于瀏覽 . ? 后臺登陸 :為用戶進 入后臺提供一個入口。 ? 產(chǎn)品分類 :方便擁護查詢相關產(chǎn)品 . ? 產(chǎn)品搜索 :搜索相關所有產(chǎn)品 .極大的方便擁護查詢 . ? 最新產(chǎn)品 :及時公布所有最新產(chǎn)品 . （ 2） 頁面運行結果計算機科學與技術系畢業(yè)設計（論文） 16 圖 49 網(wǎng)站前臺首頁的運行結果圖 （ 3）網(wǎng)站導航設計 導航是網(wǎng)站設計不可缺少的基礎元素之一，它不僅是信息結構的基礎分類，也是瀏覽者的網(wǎng)站路標。網(wǎng)站導航有很多種，如帶圖標的文字導航、按鈕導航、 Flash 導航等。在此設計了發(fā) Flash 導航， 網(wǎng)站導航設計效果頁面如圖所示。 圖 410 網(wǎng)站導航設計效果頁面 : 產(chǎn)品展示能更好的展出本網(wǎng)站的 產(chǎn)品 ,跟人性化 ,方便消費者更直觀的瀏覽 .有著全面 ,直接 ,高效的效果 計算機科學與技術系畢業(yè)設計（論文） 17 圖 411 產(chǎn)品展示設計效果圖 所涉及到的相關程序代碼如下： % if request(fid) = then Set Rs1=() SqlStr=select top 16 * from chanpin else Set Rs1=() SqlStr=select top 16 * from chanpin where fid=amp。request(fid) end if SqlStr,conn,1,1 if not then pages = 8 39。定義每頁顯示的記錄數(shù) = pages 39。定義每頁顯示的記錄數(shù) allPages = 39。計算一共能分多少頁 page = (page)39。通過瀏覽器傳遞的頁數(shù) 39。if 語句屬于基本的排錯處理 計算機科學與技術系畢業(yè)設計（論文） 18 if isEmpty(page) or Cint(page) 1 then page = 1 elseif Cint(page) = allPages then page = allPages end if = page i=1 % : 按照品牌分類 ,點擊相應品牌將列出所有該品牌的各型手機 . 圖 412 分類搜索設計效果圖 所涉及到的相關程序代碼如下： % set rs=() sqlstr=select * from fenlei order by foid desc,id sqlstr,conn,1,1 do while not % table width=70% border=0 align=center cellpadding=0 cellspacing=0 bgcolor=000000 class=a12 計算機科學與技術系畢業(yè)設計（論文） 19 tr td bgcolor=FFFFFFdiv align=centera href=?fid=%=rs(id)%/a div align=left%=rs(fname)%/div /div/td /tr % loop% /table : 圖 413 產(chǎn)品搜索設計圖 所涉及到的相關程序代碼如下： % Set Rss=() sqlstr=select * from fenlei order by foid desc,id sqlstr,conn,1,3 % form name=form2 method=post action=?fl=%=rss(id)% table width=80% border=0 align=center cellpadding=0 cellspacing=0 bgcolor=000000 tr td bgcolor=FFFFFFdiv align=center select name=fl id=fl % do while not 計算機科學與技術系畢業(yè)設計（論文） 20 % option value=%=rss(id)% %=rss(fname)%/option % loop % /select /div/td /tr tr td bgcolor=FFFFFFdiv align=center input name=nr type=text id=nr size=15 /div/td /tr tr td bgcolor=FFFFFFdiv align=center input type=submit name=Submit2 value=搜索 /div/td /tr /table : 每當添加完商品都會在首頁的最新產(chǎn)品中顯示 ,這樣能使瀏覽者及時和有針對性瀏覽網(wǎng)站 ,人性化高一點 . 計算機科學與技術系畢業(yè)設計（論文） 21 圖 414 最新產(chǎn)品設計效果圖 所涉及到的相關程序代碼如下： 最新產(chǎn)品 br % do while not % /p table width=110 border=0 align=center tr td width=100a href=?id=%=rs2(id)%img src=images/%=rs2(images)% width=100 height=80 border=0/a/td /tr tr tddiv align=c