有的時(shí)候，我們經(jīng)常需要把客戶信息等一些資料發(fā)布到網(wǎng)上以便聯(lián)系，但是隨著客戶資料的越來越多，網(wǎng)上更新是越來越力不從心,這該怎么辦？其實(shí)，除了用asp、php等這些后臺(tái)語言來實(shí)現(xiàn)快捷更新外，Dreamweaver本身就提供了數(shù)據(jù)導(dǎo)入與排序的方法，這對(duì)不懂后臺(tái)的朋友來說絕對(duì)是個(gè)大大的福音，Dreamweaver從版本3到最新的MX一直都保留了該功能，可見它的實(shí)用之處。下面我們就來見識(shí)一下它的功效究竟如何。

注：本文以Dreamweaver MX為例

1、例如我們現(xiàn)在手頭有個(gè)kehu.txt文件，里面是**公司客戶聯(lián)系單，詳細(xì)信息如下所示：

姓名，性別，職位，電話
李明，男，A公司技術(shù)人員，87185900
李巖，男，B公司經(jīng)理，80226888
王強(qiáng)，男，C公司總工程師，83546790
蘇林，女，D公司營銷人員，87556341
陳東東，男，E公司項(xiàng)目主任，87436588

可以看到，這里面的每項(xiàng)都用逗號(hào)進(jìn)行了分離。

2、（1）打開DW MX，新建一個(gè)html頁面，選擇菜單欄insert/table objects/import tabular data這項(xiàng)。

圖1

（2）出現(xiàn)import tabular data窗口，單擊“Browse…”按鈕，選擇存放數(shù)據(jù)的文本文件，在Delimiter該項(xiàng)中要和文本文件里的分隔符相對(duì)應(yīng)，因?yàn)閗ehu.txt文件里用的是逗號(hào)，所以選擇了Comma，其它各項(xiàng)可根據(jù)各位需要進(jìn)行選擇修改。

圖2

（3）最后點(diǎn)擊“OK”，一張包含文本文件數(shù)據(jù)的表格就呈現(xiàn)在了你的面前。

圖3

3、（1）雖然表格是做出來了，不過有時(shí)我們需要對(duì)表格中的數(shù)據(jù)進(jìn)行排序，這DW當(dāng)然也想到了，先選中表格，然后選擇菜單欄commands/sort table。

圖4

（2）出現(xiàn)sort table窗口，sort by項(xiàng)選擇column 1，order項(xiàng)選擇按字母排序Alphabetically和升序排列Ascending，其它各項(xiàng)各位可參照?qǐng)D5根據(jù)需要進(jìn)行選擇。

圖5

（3）單擊“OK”，這樣就完成了對(duì)表格中列1的排序，列1中的姓名均以拼音字母大小來進(jìn)行了升序排列。

圖6

4、（1）現(xiàn)在，我們效果和排序都出來了，最后要做的就是對(duì)表格的美化，愛美之心人皆有之，表格也不例外呀，除了自己手動(dòng)美化外，DW也專門提供了十七種樣式供你選擇。與sort table類似，先選中表格，再選擇commands/format table項(xiàng)。

圖7

（2）出現(xiàn)format table窗口，左上角有各樣式，可根據(jù)你的喜好來選擇，因?yàn)槠溆喔黜?xiàng)都是傻瓜式的操作，在這里就不一一介紹了，只是對(duì)最后一項(xiàng)強(qiáng)調(diào)一下，該項(xiàng)是詢問你是否把各樣式代碼添加到TD標(biāo)記里而非默認(rèn)添加到TR標(biāo)記中，在這里筆者建議你不要勾選，否則會(huì)生成比默認(rèn)設(shè)置多得多的代碼。

圖8

（3）單擊“OK”，大功告成，最后生成的效果圖如下，怎么樣？簡(jiǎn)簡(jiǎn)單單的幾步就能做成這樣，原本需要用后臺(tái)編程才能實(shí)現(xiàn)的功能，用DW就輕松搞定了，它的強(qiáng)大之處也正是在于此。