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

    注:本文以Dreamweaver MX為例

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

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

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

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

用Dreamweaver進(jìn)行數(shù)據(jù)庫(kù)操作
圖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)行選擇修改。

用Dreamweaver進(jìn)行數(shù)據(jù)庫(kù)操作
圖2

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

用Dreamweaver進(jìn)行數(shù)據(jù)庫(kù)操作
圖3

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

用Dreamweaver進(jìn)行數(shù)據(jù)庫(kù)操作
圖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)行選擇。

用Dreamweaver進(jìn)行數(shù)據(jù)庫(kù)操作
圖5

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

用Dreamweaver進(jìn)行數(shù)據(jù)庫(kù)操作
圖6

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

用Dreamweaver進(jìn)行數(shù)據(jù)庫(kù)操作
圖7

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

用Dreamweaver進(jìn)行數(shù)據(jù)庫(kù)操作
圖8

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

隨機(jī)推薦