資源描述：
《前邊兩節(jié)學(xué)完后,前臺(tái)工作基本上完成了,下邊的任務(wù)該程》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫。
1、前邊兩節(jié)學(xué)完后，前臺(tái)工作基本上完成了，下邊的任務(wù)該程序員添加程序了。為什么說是基本完成呢？因?yàn)橐龅墓ぷ鬟€很多，不但要把首頁做出來，其它的列表頁詳細(xì)頁等頁面也得做。還要配合程序員把整個(gè)網(wǎng)站完成，這樣才能呈現(xiàn)給用戶。應(yīng)部分同學(xué)的要求，講解一下程序怎么添加的，這樣和程序員配合起來也更默契，還有怎么連接FTP上傳下載，后期出現(xiàn)問題怎么調(diào)試等等。添加程序部分只需要了解就行了，連接ftp上傳下載，頁面調(diào)試查找問題這部分一定要掌握喲?！靹?chuàng)建服務(wù)器環(huán)境§建立數(shù)據(jù)庫§本地和遠(yuǎn)程服務(wù)器連接§php讀取數(shù)據(jù)§頁面調(diào)試及瀏覽器兼容?一、創(chuàng)建服務(wù)器環(huán)境程序語言有多種，常用的有asp、php、jsp等，之前
2、做的html頁面，可以直接在瀏覽器上運(yùn)行，因?yàn)閔tml是客戶端語言，而這些是服務(wù)器端語言，也就說你所看到的頁面是經(jīng)過服務(wù)器加工之后傳輸過來的，不管使用哪種語言環(huán)境，最終目的就是把數(shù)據(jù)庫的數(shù)據(jù)讀取出來展示到網(wǎng)頁上。不同的語言有不同的運(yùn)行環(huán)境，要想運(yùn)行這些語言，首先要?jiǎng)?chuàng)建一個(gè)適應(yīng)他們的環(huán)境，下邊以php為例，講解一下php環(huán)境的搭建。點(diǎn)擊下載：WampServer5集成環(huán)境下載wamp安裝完成后，php運(yùn)行所需的Apache、MySQL、PHP5等都具備了，安裝完成后需要啟動(dòng)WampSeaver，啟動(dòng)后會(huì)在托盤區(qū)顯示一圖標(biāo)（如上圖），當(dāng)它正常運(yùn)行后，說明服務(wù)器環(huán)境已經(jīng)創(chuàng)建成功了。接下來
3、打開如上圖中的php.ini文件，找到short_open_tag，把值改為On，作用是開啟短標(biāo)簽支持，以免后邊教程中使用短標(biāo)簽時(shí)報(bào)錯(cuò)。有關(guān)軟件的安裝，及服務(wù)器環(huán)境問題本站不做過多介紹，如想詳細(xì)了解，請(qǐng)百度相關(guān)文章，asp環(huán)境的搭建更簡(jiǎn)單了，如想知道，也請(qǐng)百度。二、建立數(shù)據(jù)庫php的作用是從數(shù)據(jù)庫讀取數(shù)據(jù)，下面我們就先創(chuàng)建一個(gè)數(shù)據(jù)庫，并錄入部分?jǐn)?shù)據(jù)。點(diǎn)擊如上圖的phpMyAdmin，然后會(huì)在瀏覽器中打開數(shù)據(jù)庫。創(chuàng)建一個(gè)名為：jiaocheng的數(shù)據(jù)庫和news的表設(shè)置表結(jié)構(gòu)如下：注意將ID字段設(shè)置為主鍵并在額外中選擇auto_increment選項(xiàng)。表結(jié)構(gòu)創(chuàng)建完后，選擇插入，插入一
4、條數(shù)據(jù)：依次插入更多條數(shù)據(jù)，為后面程序調(diào)用做準(zhǔn)備，選擇性將某些數(shù)據(jù)插入形象圖片，以便在幻燈處調(diào)用。三、本地和遠(yuǎn)程服務(wù)器連接只有本地和遠(yuǎn)程服務(wù)器連接后，才能把我們做的頁面上傳到服務(wù)器上來運(yùn)行。連接的前提是你知道服務(wù)器的地址及網(wǎng)管給你分配的用戶名和密碼，有了這些后，在dw的站點(diǎn)——管理站點(diǎn)中，選中jiaocheng，然后編輯，在彈出的對(duì)話框中選擇服務(wù)器選項(xiàng)，然后填寫ftp地址，用戶名和密碼，如果一切正常應(yīng)該可以順利連接了，點(diǎn)擊測(cè)試按鈕一下吧，如果無法連接，就需要查找問題了（下面的截圖是dwcs5的界面，其它版本略有不同）。剛才我們?cè)谧约弘娔X上創(chuàng)建了服務(wù)器環(huán)境，那么這里的連接就用本地網(wǎng)絡(luò)
5、了。設(shè)置完后，在文件面板站點(diǎn)上點(diǎn)擊右鍵，選擇上傳，將文件上傳到服務(wù)器文件夾中。完了之后打開瀏覽器，在地址欄中輸入http://localhost/index.html，就可以訪問，或者直接在dw中點(diǎn)擊地球圖標(biāo)，也可以直接打開瀏覽器預(yù)覽。如果能正常打開頁面，說明本地和服務(wù)器連接成功，修改完文件后，把文件上傳到服務(wù)器上就可以了。如果是協(xié)同辦公，修改文件之前一定要先下載，這樣才能保證本地的文件為最新，如果你上次修改完之后，別人又修改了，你沒下載，直接修改本地的文件又上傳了，那么別人的修改將被覆蓋掉，所以一定要養(yǎng)成好習(xí)慣，修改前先下載。四、php讀取數(shù)據(jù)以上的工作都完成后，下面就該用程序讀
6、取數(shù)據(jù)了。首先需要?jiǎng)?chuàng)建一個(gè)數(shù)據(jù)庫連接文件，讓php程序可以訪問數(shù)據(jù)庫，這樣才能讀取里邊的數(shù)據(jù)，在根目錄下創(chuàng)建一個(gè)inc文件夾，并創(chuàng)建一個(gè)conn.php文件，然后打開文件，在源代碼里插入如下代碼：?之所以單獨(dú)創(chuàng)建一下文件，是因?yàn)楹筮吅芏囗撁娑家茫@樣只需包含這個(gè)頁面即可，不用每個(gè)頁面再寫這段代碼了。數(shù)據(jù)
7、庫連接文件創(chuàng)建好后，下面就該在index.html調(diào)用了。注意：這里要將后綴改為php才行，如果還是html的話，那么它將直接輸出，不會(huì)經(jīng)過服務(wù)器加工。接下來打開index.php，在源代碼的最頂部插入如下代碼，把conn.php文件包含進(jìn)來：記得要把inc文件夾上傳到服務(wù)器上喲。下面就先做“熱門新聞”列表吧，把原來做的#news_list下的ul列表改為如下形式：
