基于php技術(shù)的深井魚場(chǎng)網(wǎng)站的設(shè)計(jì)與開發(fā)(編輯修改稿)
2025-07-15 16:22 本頁面
【文章內(nèi)容簡(jiǎn)介】 后臺(tái)頁面結(jié)構(gòu)圖 網(wǎng)頁版面規(guī)劃前臺(tái)主頁：為了展示好各個(gè)內(nèi)容，所以會(huì)布置些主要的內(nèi)容放到主頁上?！≈黜撁嬉?guī)劃圖其他前臺(tái)二級(jí)頁面：其他的二級(jí)頁面在大概按照如下進(jìn)行的布局進(jìn)行布局。這樣可以減少布局的困難加快速度進(jìn)行開發(fā)?！《?jí)頁面規(guī)劃圖后臺(tái)：主要是為了界面的友好性，通常后臺(tái)都具有如下的結(jié)構(gòu)。這樣的會(huì)可以提高用戶使用的友好性，界面相對(duì)簡(jiǎn)潔。 后臺(tái)頁面規(guī)劃圖 網(wǎng)頁布局技術(shù)目前網(wǎng)頁布局使用的幾種主要技術(shù):表格技術(shù)、框架技術(shù)、css+div技術(shù),在對(duì)這幾種技術(shù)進(jìn)行比較的基礎(chǔ)上,提出了優(yōu)化應(yīng)用的方案。 網(wǎng)頁布局是開發(fā)網(wǎng)絡(luò)教育資源工作的基礎(chǔ),目前常見的網(wǎng)頁布局技術(shù)有表格技術(shù)，框架技術(shù)和css+div技術(shù)?！ ∫?、表格技術(shù) 表格即＜table＞...＜/table＞標(biāo)簽本來是用于對(duì)數(shù)據(jù)輸出格式進(jìn)行控制,后來被用于網(wǎng)頁布局,表格由于使用簡(jiǎn)單而且靈活,是最早也是使用最廣泛的網(wǎng)頁布局技術(shù)。表格標(biāo)簽主要包含的標(biāo)簽有table、caption、th、tr、td、thead、tfoot、tbody、col、colgroup,通過對(duì)表格單元格的合并與拆分以及表格中套表格等,得到需要的布局,如圖1所示。最后在單元格中添加文字、圖形等元素,完成網(wǎng)頁制作,如圖2所示。 二、框架技術(shù) 框架即＜frame＞...＜/frame＞標(biāo)簽,它可以把屏幕分割開來的“區(qū)域”,如果網(wǎng)頁要布局成圖3的框架集中所提供的樣式,可以使用框架來實(shí)現(xiàn)。三、css+div技術(shù)DIV元素是用來為HTML文檔內(nèi)大塊（blocklevel）的內(nèi)容提供結(jié)構(gòu)和背景的元素。DIV的起始標(biāo)簽和結(jié)束標(biāo)簽之間的所有內(nèi)容都是用來構(gòu)成這個(gè)塊的，其中所包含元素的特性由DIV標(biāo)簽的屬性來控制，或者是通過使用樣式表格式化這個(gè)塊來進(jìn)行控制[12]。并利用css樣式進(jìn)行網(wǎng)頁的布局。css+div布局最大的好處是在頁面加載時(shí)只要有一個(gè)div加載完在網(wǎng)頁上就可以顯示。 第４章 數(shù)據(jù)庫設(shè)計(jì) 數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計(jì)主要有六個(gè)表，分別為：錦魚產(chǎn)品表，會(huì)員表，留言表，友情鏈接表，資訊表，管理員表。錦魚產(chǎn)品表主要是存儲(chǔ)錦魚及相關(guān)信息，其中圖片沒有直接插入到數(shù)據(jù)庫中，而是用fish_image字段來存放圖片的路徑。會(huì)員表用來存儲(chǔ)一些注冊(cè)用戶的信息。會(huì)員的相關(guān)留言信息以及管理員的回復(fù)信息都放在留言表中。錦魚產(chǎn)品表（fish_resource）如下：表 錦魚產(chǎn)品表詳細(xì)信息字段名類型默認(rèn)大小默認(rèn)值是否為主鍵是否為外鍵說明Idint11無是否自動(dòng)增加Fish_namevarchar255null否否魚的名字Fish_short_descvarchar255null否否魚的簡(jiǎn)介Fish_detailvarchar255null否否詳細(xì)描述Fish_pricefloatnull否否價(jià)格Fish_imageString255null否否圖片路徑Fish_creatvarchar255null否否發(fā)布時(shí)間typeint11null否否發(fā)布類型showindexInt 110否否是否在主頁顯示會(huì)員表(meber)如下：表 會(huì)員表詳細(xì)信息字段名類型默認(rèn)大小默認(rèn)值是否為主鍵是否為外鍵說明idint11是否自動(dòng)增加usernamevarchar255Null否否會(huì)員名passwordvarchar255Null否否密碼ageint11Null否否年齡sexvarchar255Null否否性別varchar255Null否否郵址留言表(message)如下：表 留言表詳細(xì)信息字段名類型默認(rèn)大小默認(rèn)值是否為主鍵是否為外鍵說明Idint11是否自動(dòng)增加Meber_idint11null否是會(huì)員序號(hào)mtimevarchar255null否否留言時(shí)間contentvarchar255null否否留言內(nèi)容 Message_idint11null否否對(duì)應(yīng)哪條留言recontentvarchar255null否否回復(fù)內(nèi)容rtimevarchar255null否否回復(fù)時(shí)間Flagint110否否是否前臺(tái)顯示友情鏈接表(friend_link)如下：表 友情鏈接表詳細(xì)信息字段名類型默認(rèn)大小默認(rèn)值是否為主鍵是否為外鍵說明Idint11無是否自動(dòng)增加linknamevarchar255null否否鏈接名linkaddrvarchar255null否否鏈接地址Flagint11否否是否前臺(tái)顯示資訊表(news)如下：表 資訊表詳細(xì)信息字段名類型默認(rèn)大小默認(rèn)值是否為主鍵是否為外鍵說明IdInt11是否自動(dòng)增加News_titlevarchar255null否否標(biāo)題News_contenttextnull否否內(nèi)容News_createvarchar255null否否發(fā)布時(shí)間News_authorvarchar255null否否發(fā)布作者Typeint11null否否發(fā)布類型管理員表(user)如下：表 管理員表詳細(xì)信息字段名類型默認(rèn)大小默認(rèn)值是否為主鍵是否為外鍵說明Idint11無是否自動(dòng)增加Uservarchar255null否否管理員名Passvarchar255null否否密碼 數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計(jì)在此次的數(shù)據(jù)庫結(jié)構(gòu)設(shè)計(jì)中，應(yīng)運(yùn)到的是關(guān)系型數(shù)據(jù)庫。主要所涉及到的有會(huì)員，管理員，產(chǎn)品，以及一些資訊。以下為主要相關(guān)的ER圖的關(guān)系模型。NM瀏覽描述簡(jiǎn)介名字價(jià)格郵址年齡密碼名字產(chǎn)品會(huì)員 會(huì)員與產(chǎn)品的ER圖會(huì)員與產(chǎn)品是多對(duì)多的關(guān)系，其中會(huì)員有名字，密碼，年齡，郵址等屬性。產(chǎn)品有名字簡(jiǎn)介描述，價(jià)格等屬性。其中產(chǎn)品可建一個(gè)表。NM郵址年齡密碼名字留言會(huì)員管理員名字密碼 管理員與會(huì)員的ER圖管理員與會(huì)員的留言是多對(duì)多的關(guān)系，一個(gè)會(huì)員可以留許多條留言，管理員可根據(jù)各各留言進(jìn)行回復(fù)。管理員有名字，密碼等屬性。會(huì)員有名字，密碼，年齡，郵址等屬性?？紤]到這些可以建一個(gè)管理員表，會(huì)員表以及一個(gè)留言的關(guān)系表。NM管理產(chǎn)品管理員價(jià)格描述簡(jiǎn)介名字密碼名字 管理員與產(chǎn)品的ER圖管理員可以發(fā)布多個(gè)產(chǎn)品，并進(jìn)行管理。產(chǎn)品也可以又多個(gè)管理員來發(fā)布，管理。按照每一個(gè)實(shí)體為一個(gè)表，所以建了管理員表，會(huì)員表，產(chǎn)品表，而留言信息為一表作為一個(gè)關(guān)聯(lián)的表，為了增加一些資訊相關(guān)信息以及友情鏈接分別增加了資訊表，友情鏈接表?？偣矠榱鶄€(gè)表。這六個(gè)表已經(jīng)在前一節(jié)進(jìn)行了說明和詳細(xì)的列表。 第５章 人機(jī)界面設(shè)計(jì) 前臺(tái)主頁界面設(shè)計(jì)按照第三間第四節(jié)的網(wǎng)頁版面規(guī)劃建立了頭文件，主要內(nèi)容為魚場(chǎng)的一角做為背景圖片。標(biāo)寫了演進(jìn)魚場(chǎng)的字樣。并有專營(yíng)日本高中檔錦鯉的副標(biāo)題?？紤]到各個(gè)頁面的都要用到一些的共公元素，所以把客服以及導(dǎo)航欄都放到了頭文件。效果如下圖所示： 頭文件設(shè)計(jì)圖首先將客服放到了頭文件中，在這里的布局為divdiv style=”zindex：2”放客服/div div 增加背景圖片透明flash/div div導(dǎo)航條/div/div主要代碼：放置客服的要設(shè)定些div的樣式讓它能在其它div上面顯示?？头?shí)現(xiàn)的主要代碼：A href=tencent://message/?uin=245221519amp。amp。Site=amp。amp。Menu=yes/A增加透明flash時(shí)要設(shè)定param name=wmode value=transparent此參數(shù)，只有這樣才能看到背景圖片與flash的效果?，F(xiàn)在有了頭文件，為了共用共同頁面尾文件將友情鏈接，聯(lián)系方式，以及一些板權(quán)說明都放在了尾文件里。這樣在其他頁面就可以直接引入頭尾文件就行了?！∥参募O(shè)計(jì)圖利用的是div布局：div友情標(biāo)題欄/divdiv讀取數(shù)據(jù)庫中的友情鏈接數(shù)據(jù)/divdiv版權(quán)聲明/div主要代碼是讀取數(shù)據(jù)庫中的友情鏈接數(shù)據(jù)：?phpecho trtd。$rs = mysql_query(select * from friend_link where flag=1)。//查找出相應(yīng)記錄$totle = mysql_num_rows($rs)。for($i = 0 。 $i $totle。 $i++){echo a href=.mysql_result($rs,$i,2). target=39。_blank39。.mysql_result($rs,$i,1)./aamp。nbsp。amp。nbsp。amp。nbsp。amp。nbsp。amp。nbsp。}echo /td/tr。?這樣有了頭尾文件在其它頁面上直接include頭尾文件就可以有客服導(dǎo)航條，友情鏈接等。在主頁的主要內(nèi)容為，左側(cè)的相冊(cè)，熱鬧推薦以及熱賣當(dāng)中欄目。而右側(cè)主要為一些資訊以及新聞?！?
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1