二、舉例說(shuō)明:制作“產(chǎn)品展示系統(tǒng)”: |
說(shuō)明:由于只是教程,所以我們下面只實(shí)例制作比較簡(jiǎn)單的產(chǎn)品系統(tǒng),用戶(hù)也可以依自己實(shí)際情況增加產(chǎn)品參數(shù)字段。 |
(一)、系統(tǒng)分析: |
通常的產(chǎn)品系統(tǒng)由“產(chǎn)品名稱(chēng)”、“價(jià)格”、“型號(hào)”、“產(chǎn)品縮略圖”、“產(chǎn)品圖片”、“產(chǎn)品介紹”等組成。 |
經(jīng)過(guò)上面分析我們需要的字段如下。(其中“title”、“special.field”、“newstime”、“titlepic”為系統(tǒng)字段,不用設(shè)置) |
產(chǎn)品參數(shù) |
字段名 |
字段標(biāo)識(shí) |
字段類(lèi)型 |
字段長(zhǎng)度 |
表單元素 |
字段順序 |
產(chǎn)品名稱(chēng) |
title |
標(biāo)題 |
--- |
--- |
按默認(rèn)即可 |
0 |
--- |
special.field |
特殊屬性 |
--- |
--- |
按默認(rèn)即可 |
1 |
--- |
newstime |
發(fā)布時(shí)間 |
--- |
--- |
按默認(rèn)即可 |
2 |
型號(hào) |
ptype |
型號(hào) |
字符型0-255字節(jié)(VARCHAR) |
30 |
單行文本框(text) |
3 |
價(jià)格 |
price |
價(jià)格 |
數(shù)值浮點(diǎn)型(FLOAT) |
11,2 |
單行文本框(text) |
4 |
產(chǎn)品縮略圖 |
titlepic |
標(biāo)題圖片 |
--- |
--- |
按默認(rèn)即可 |
5 |
產(chǎn)品圖片 |
productpic |
產(chǎn)品圖片 |
字符型0-255字節(jié)(VARCHAR) |
200 |
圖片(img) |
6 |
產(chǎn)品介紹 |
productsay |
產(chǎn)品介紹 |
中型字符型(MEDIUMTEXT) |
--- |
編輯器(editor) |
7 |
說(shuō)明:紅色字段名為系統(tǒng)字段。 |
|
|
(二)、增加數(shù)據(jù)表:建立存放產(chǎn)品信息的數(shù)據(jù)表 |
1、登錄后臺(tái)->“系統(tǒng)”->“數(shù)據(jù)表與系統(tǒng)模型”->“新建數(shù)據(jù)表”,進(jìn)入如下界面: |
 |
2、提交后,數(shù)據(jù)表即可增加成功,轉(zhuǎn)至“管理數(shù)據(jù)表”會(huì)顯示剛才新建的表,如下圖: |
 |
(三)、增加字段:由于產(chǎn)品名稱(chēng)與產(chǎn)品縮略圖是系統(tǒng)內(nèi)置字段,所以下面我們?cè)黾悠溆嘧侄巍?/td>
|
1、登錄后臺(tái)->“系統(tǒng)”->“數(shù)據(jù)表與系統(tǒng)模型”->“管理數(shù)據(jù)表”->點(diǎn)擊產(chǎn)品數(shù)據(jù)表的“管理字段”->“增加字段”,進(jìn)入如下界面: |
圖1:(增加“型號(hào)”字段)
 圖2:(增加“價(jià)格”字段)
 圖3:(增加“產(chǎn)品圖片”字段)
 圖4:(增加“產(chǎn)品介紹”字段)
|
2、至此,所需字段全部新建完畢,轉(zhuǎn)至“字段管理”會(huì)顯示剛才新增加的字段,如下圖: |
 |
3、現(xiàn)在我們調(diào)整下字段的顯示順序,如下圖: |
 |
修改字段順序后字段列表顯示如下圖: |
 |
|
(四)、增加系統(tǒng)模型:建立錄入數(shù)據(jù)界面的格式 |
說(shuō)明:每個(gè)系統(tǒng)模型都可以有自己的“后臺(tái)信息發(fā)布與管理”、“前臺(tái)會(huì)員投稿與管理”與“信息采集”。 |
1、登錄后臺(tái)->“系統(tǒng)”->“數(shù)據(jù)表與系統(tǒng)模型”->“管理數(shù)據(jù)表”->點(diǎn)擊產(chǎn)品數(shù)據(jù)表的“管理系統(tǒng)模型”->“增加系統(tǒng)模型”,進(jìn)入如下界面: |
 |
2、增加系統(tǒng)模型成功后,轉(zhuǎn)至“管理系統(tǒng)模型”查看已增加的系統(tǒng)模型,如下圖: |
 |
附加說(shuō)明:增加模型后,如果對(duì)顯示表單樣式不滿(mǎn)意,還可以修改“后臺(tái)錄入表單模板”與“前臺(tái)投稿表單模板”輸出樣式:(可用Dreamweaver編輯) |
 |
|
五、至此,“產(chǎn)品展示系統(tǒng)”制作完畢。 |