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