最新畢業論文基于web的網上花店網站設計終稿精品終稿(編輯修改稿)

　

【文章內容簡介】 表 admin，表52 商品信息表goods，表53留言表leaveLanguage，表54訂單表orders，圖55訂單詳細信息表ordersDetails，表56商家信息表produce，表57 商家詳細信息表produceDetails，表58 商品類別表sort，表59 用戶信息表users。天簌之心網上花店的數據庫設計共涉及到9個表，在此對每個表做詳細說明。a）admin（管理員信息表）用來記錄管理員信息，對于此表， adminId為主鍵。admin（管理員信息表）。 admin（管理員信息表）表項數據類型說明adminIdInt自動編號adminNameVarchar用戶名adminPassVarchar密碼b）orders（訂單表）用來記錄訂單信息，對于此表ordersId為主鍵。orders（訂單表）。 orders（訂單表）表項數據類型說明ordersIdInt自動編號usersNameVarchar用戶名ordersPriceVarchar訂單價格ordersDatetimeVarchar 訂單時間c）goods（商品信息表）用來記錄商品信息，對于此表，goodsId為主鍵。goods（商品信息表）。表3. 3 goods（商品信息表）表項數據類型說明goodsIdInt自動編號goodsNameVarchar商品名稱goodsmaterialVarchar花束材料goodsPackageVarchar花束包裝goodsLanguageVarchar話語goodsPriceFloat價錢goodsCentVarchar積分goodsScopeVarchar銷售方向goodsPlaceVarchar適用場合goodsHabitusVarchar是否上架sortNameVarchar分組名稱d）leaveLanguage（留言表）用來記錄用戶留言信息，對于此表， leaveLanguageId為主鍵。leaveLanguage（留言表）。 leaveLanguage（留言表）表項數據類型說明leaveLanguageIdInt自動編號nameVarchar用戶名稱qqVarcharqq號VarcharEmail地址leaveLanguageVarchar留言內容dateTimeVarchar留言時間e）ordersDetails（訂單詳細信息表）用來記錄訂單詳細信息，對于此表，ordersId為主鍵。ordersDetails（訂單詳細信息表）。 ordersDetails（訂單詳細信息表）表項數據類型說明ordersIdInt自動編號goodsNameVarchar商品名goodsPrice Varchar商品價格goodsCountInt商品數量f）produce（商家信息表）用來記錄商家信息，對于此表，produceId為主鍵。produce（商家信息表）。 produce（商家信息表）表項數據類型說明produceIdInt 自動編號produceNameVarchar商家名稱g）produceDetails（商家詳細信息表）用來記錄商家詳細信息。produceDetails（商家詳細信息表）。 produceDetails（商家詳細信息表）表項數據類型說明produceIdInt自動編號produceNameVarchar商家名稱sortIdInt分類編號goodsIdInt商品編號h）sort（商品類別表）用來記錄商品類別。sort（商品類別表）。 sort（商品類別表）表項數據類型說明sortIdInt自動編號sortNameVarchar類別名稱i） users（用戶信息表）用來記錄用戶信息，對于此表usersId為主鍵。users（用戶信息表）。 users（用戶信息表）表項數據類型說明usersIdInt自動編號usersNameVarchar用戶名usersPassVarchar密碼usersRepassVarchar重復密碼usersPassQuestionVarchar提問問題usersPassReplyVarchar答案usersTrueNameVarchar真實姓名usersAddressVarchar用戶地址usersPhoneVarchar電話usersE_mailVarcharEmail4 詳細設計這一章介紹各個功能模塊的詳細設計。 站點的建立首先打開Dreamweaver開發工具，點擊菜單欄的站點，點擊管理站點選項在彈出的對話框中點擊新建－站點，新建一個站點，命名為“flowershop”。然后就可以在站點中新建網頁文件。 頁面的設計 網站首頁頁面設計在剛建立的站點中新建一個文件，命名為“”，作為網站首頁，為了讓網站不管是在800*600還是1024*768的顯示分辨率的時候都能很好的顯示，可以將所有設計的布局和界面的控件都放在表格里。在Dreamweaver開發工具中選擇其設計視圖點擊菜單欄上的插入，選擇表格，插入一個表格。在下面的屬性欄里將其寬度設置成812將其對其方式選擇為居中對齊，將其邊框寬度設置為0。通過拆分合并單元格，調整單元格的高度，把網頁拆分成不同的模塊，將其布局調整成提前設計的布局的樣子。接下來對首頁的內容進行設計。網站首頁的頂部主要是顯示網站logo，及常用的購物車等功能的圖標，通過超級鏈接使用戶可以方便的跳轉到相應的頁面。另外還有網站的banner及導航欄。接下來就是會員注冊及登錄模塊，會員通過這里登錄網站然后購買商品。這里還有商品導購功能，將鮮花按用途或價格等不同關鍵詞分類，用戶可通過這里的導航直接找到自己想要的類型的商品。另外用戶還可以通過商品搜索直接尋找感興趣的內容。在此還設置了最新公告功能，顯示網站的一些新的公告。首頁上顯示的主要內容是一些網站最新推薦的特價商品，還有一些最新上架的商品。在首頁的底部顯示和其他各個網站的友情鏈接，通過鏈接，用戶可以很方便的瀏覽其他網站。首頁的foot部分還有管理員登錄后臺的鏈接，以便管理員登錄。設計中發現頁面的樣式并不理想中的樣式，可以通過來添加樣式來使的頁面的樣式效果更漂亮。HEAD…/HEAD中添加如下的語句：STYLETD { FONTSIZE: 9pt。 COLOR: 353535。 LINEHEIGHT: 120%}//表格字體的大小、顏色、行距BODY {FONTSIZE: 9pt。 LINEHEIGHT: 120%} //網站字體屬性A:link {COLOR: 000000。 TEXTDECORATION: none} //鏈接字體的樣式A:visited {COLOR: 000000。 textderation: none} //訪問過的鏈接顏色A:hover {RIGHT: 0px。 COLOR: 336699。 POSITION: relative。 TOP: 1px。 TEXTDECORATION: none} //鼠標經過鏈接的顏色A:active {COLOR: 000000。 TEXTDECORATION: none} //鼠標點擊時的顏色/STYLE這樣用戶界面的首頁就設計完成了。 商品的詳細頁面設計商品信息的顯示頁面左側顯示花束的圖案。右邊顯示鮮花的詳細信息，包括編號、名稱。話語等。這些詳細信息都是管理員傳進數據庫的。在頁面的下部是添加至購物車按鈕，登錄的會員可以點擊這里將鮮花添加至購物車。通過在HEAD……/HEAD中插入LINK href=”” type=text/css rel=stylesheet來控制頁面樣式。通過從其他頁面傳過來的goodsId的值，通過SQL語句操作數據庫，從數據庫中提取需要的該商品號對應的商品的數據顯示在網頁中。 會員注冊頁面設計如果用戶還不是會員則提示用戶進行注冊，用戶提交信息之后，系統開始判斷用戶的注冊信息是否有效，首先是用戶名是否為空，用戶輸入的兩次密碼是否一致，然后依次往后判斷用戶所填寫的各項信息是否符合要求，直到所有信息均正確無誤，系統將該用戶注冊信息寫入會員表并提示用戶注冊成功，用戶登陸后，就可以進行有效的購物了。注冊頁面要實現對所填寫的內容進行驗證，只有完全符合條件后才能注冊成功。部分驗證代碼如下：function checkuserinfo(){ …… if(checkspace() || 6 || 20) { ()。 alert(密碼長度不能不能這空，在6位到20位之間，請重新輸入！)。 return false。 } if( != ) { ()。 = 39。39。 = 39。39。 alert(兩次輸入的密碼不同，請重新輸入！)。 return false。 } if(!=0) { if ((0)==. || (0)==@|| (39。@39。, 0) == 1 || (39。.39。, 0) == 1 || (@)=