91免费国产在线,国内自拍视频一区二区三区,亚洲青青久久

Apache+php+mysql在windows下的安裝與配置圖解(3)

javabright — Sun, 14 Oct 2007 04:56:00 GMT

三、mysql的安裝，與php、Apache相結(jié)合

打開下載的mysql安裝文件mysql-4.1.14-win32.zip，雙擊解壓縮，運(yùn)行“setup.exe”，出現(xiàn)如下界面

mysql安裝向?qū)?dòng)，按“Next”繼續(xù)

選擇安裝類型，有“Typical（默認(rèn)）”、“Complete（完全）”、“Custom（用戶自定義）”三個(gè)選項(xiàng)，我們選擇“Custom”，有更多的選項(xiàng)，也方便熟悉安裝過程

在“Developer Components（開發(fā)者部分）”上左鍵單擊，選擇“This feature, and all subfeatures, will be installed on local hard drive.”，即“此部分，及下屬子部分內(nèi)容，全部安裝在本地硬盤上”。在上面的“MySQL Server（mysql服務(wù)器）”、“Client Programs（mysql客戶端程序）”、“Documentation（文檔）”也如此操作，以保證安裝所有文件。點(diǎn)選“Change...”，手動(dòng)指定安裝目錄。

填上安裝目錄，我的是“D:\mysql”，也建議不要放在與操作系統(tǒng)同一分區(qū)，這樣可以防止系統(tǒng)備份還原的時(shí)候，數(shù)據(jù)被清空。按“OK”繼續(xù)。

返回剛才的界面，按“Next”繼續(xù)。

確認(rèn)一下先前的設(shè)置，如果有誤，按“Back”返回重做。按“Install”開始安裝。

正在安裝中，請(qǐng)稍候，直到出現(xiàn)下面的界面

這里是詢問你是否要注冊(cè)一個(gè)mysql.com的賬號(hào)，或是使用已有的賬號(hào)登陸mysql.com，一般不需要了，點(diǎn)選“Skip Sign-Up”，按“Next”略過此步驟。

現(xiàn)在軟件安裝完成了，出現(xiàn)上面的界面，這里有一個(gè)很好的功能，mysql配置向?qū)В挥孟蛞郧耙粯樱约菏謩?dòng)亂七八糟的配置my.ini了，將 “Configure the Mysql Server now”前面的勾打上，點(diǎn)“Finish”結(jié)束軟件的安裝并啟動(dòng)mysql配置向?qū)А?/p>

mysql配置向?qū)?dòng)界面，按“Next”繼續(xù)。

選擇配置方式，“Detailed Configuration（手動(dòng)精確配置）”、“Standard Configuration（標(biāo)準(zhǔn)配置）”，我們選擇“Detailed Configuration”，方便熟悉配置過程。

選擇服務(wù)器類型，“Developer Machine（開發(fā)測(cè)試類，mysql占用很少資源）”、“Server Machine（服務(wù)器類型，mysql占用較多資源）”、“Dedicated MySQL Server Machine（專門的數(shù)據(jù)庫(kù)服務(wù)器，mysql占用所有可用資源）”，大家根據(jù)自己的類型選擇了，一般選“Server Machine”，不會(huì)太少，也不會(huì)占滿。

選擇mysql數(shù)據(jù)庫(kù)的大致用途，“Multifunctional Database（通用多功能型，好）”、“Transactional Database Only（服務(wù)器類型，專注于事務(wù)處理，一般）”、“Non-Transactional Database Only（非事務(wù)處理型，較簡(jiǎn)單，主要做一些監(jiān)控、記數(shù)用，對(duì)MyISAM數(shù)據(jù)類型的支持僅限于non-transactional），隨自己的用途而選擇了，我這里選擇“Transactional Database Only”，按“Next”繼續(xù)。

對(duì)InnoDB Tablespace進(jìn)行配置，就是為InnoDB 數(shù)據(jù)庫(kù)文件選擇一個(gè)存儲(chǔ)空間，如果修改了，要記住位置，重裝的時(shí)候要選擇一樣的地方，否則可能會(huì)造成數(shù)據(jù)庫(kù)損壞，當(dāng)然，對(duì)數(shù)據(jù)庫(kù)做個(gè)備份就沒問題了，這里不詳述。我這里沒有修改，使用用默認(rèn)位置，直接按“Next”繼續(xù)

選擇您的網(wǎng)站的一般mysql訪問量，同時(shí)連接的數(shù)目，“Decision Support(DSS)/OLAP（20個(gè)左右）”、“Online Transaction Processing(OLTP)（500個(gè)左右）”、“Manual Setting（手動(dòng)設(shè)置，自己輸一個(gè)數(shù)）”，我這里選“Online Transaction Processing(OLTP)”，自己的服務(wù)器，應(yīng)該夠用了，按“Next”繼續(xù)

是否啟用TCP/IP連接，設(shè)定端口，如果不啟用，就只能在自己的機(jī)器上訪問mysql數(shù)據(jù)庫(kù)了，我這里啟用，把前面的勾打上，Port Number：3306，按“Next”繼續(xù)

這個(gè)比較重要，就是對(duì)mysql默認(rèn)數(shù)據(jù)庫(kù)語(yǔ)言編碼進(jìn)行設(shè)置，第一個(gè)是西文編碼，第二個(gè)是多字節(jié)的通用utf8編碼，都不是我們通用的編碼，這里選擇第三個(gè)，然后在Character Set那里選擇或填入“gbk”，當(dāng)然也可以用“gb2312”，區(qū)別就是gbk的字庫(kù)容量大，包括了gb2312的所有漢字，并且加上了繁體字、和其它亂七八糟的字——使用mysql的時(shí)候，在執(zhí)行數(shù)據(jù)操作命令之前運(yùn)行一次“SET NAMES GBK;”（運(yùn)行一次就行了，GBK可以替換為其它值，視這里的設(shè)置而定），就可以正常的使用漢字（或其它文字）了，否則不能正常顯示漢字。按 “Next”繼續(xù)。

選擇是否將mysql安裝為windows服務(wù)，還可以指定Service Name（服務(wù)標(biāo)識(shí)名稱），是否將mysql的bin目錄加入到Windows PATH（加入后，就可以直接使用bin下的文件，而不用指出目錄名，比如連接，“mysql.exe -uusername -ppassword;”就可以了，不用指出mysql.exe的完整地址，很方便），我這里全部打上了勾，Service Name不變。按“Next”繼續(xù)。

這一步詢問是否要修改默認(rèn)root用戶（超級(jí)管理）的密碼（默認(rèn)為空），“New root password”如果要修改，就在此填入新密碼（如果是重裝，并且之前已經(jīng)設(shè)置了密碼，在這里更改密碼可能會(huì)出錯(cuò)，請(qǐng)留空，并將“Modify Security Settings”前面的勾去掉，安裝配置完成后另行修改密碼），“Confirm（再輸一遍）”內(nèi)再填一次，防止輸錯(cuò)。“Enable root access from remote machines（是否允許root用戶在其它的機(jī)器上登陸，如果要安全，就不要勾上，如果要方便，就勾上它）”。最后“Create An Anonymous Account（新建一個(gè)匿名用戶，匿名用戶可以連接數(shù)據(jù)庫(kù)，不能操作數(shù)據(jù)，包括查詢）”，一般就不用勾了，設(shè)置完畢，按“Next”繼續(xù)。

確認(rèn)設(shè)置無誤，如果有誤，按“Back”返回檢查。按“Execute”使設(shè)置生效。

設(shè)置完畢，按“Finish”結(jié)束mysql的安裝與配置——這里有一個(gè)比較常見的錯(cuò)誤，就是不能“Start service”，一般出現(xiàn)在以前有安裝mysql的服務(wù)器上，解決的辦法，先保證以前安裝的mysql服務(wù)器徹底卸載掉了；不行的話，檢查是否按上面一步所說，之前的密碼是否有修改，照上面的操作；如果依然不行，將mysql安裝目錄下的data文件夾備份，然后刪除，在安裝完成后，將安裝生成的 data文件夾刪除，備份的data文件夾移回來，再重啟mysql服務(wù)就可以了，這種情況下，可能需要將數(shù)據(jù)庫(kù)檢查一下，然后修復(fù)一次，防止數(shù)據(jù)出錯(cuò)。

與Apache及php相結(jié)合，前面已提過，這里再說一下，在php安裝目錄下，找到先前重命名并編輯過的 php.ini，如下圖所示，Ln563，把“;extension=php_mysql.dll”前的“;”去掉，加載mysql模塊。保存，關(guān)閉后，重啟apache就可以了。這里也可以選擇其它要加載的模塊，去掉前面的“;”，就表示要加載此模塊了，加載的越多，占用的資源也就多一點(diǎn)，不過也多不到哪去。所有的模塊文件都放在php解壓縮目錄的“ext”之下，我這里的截圖是把所有能加載的模塊都加載上去了，前面的“;”沒去掉的，是因?yàn)?#8220;ext” 目錄下默認(rèn)沒有此模塊，加載會(huì)提示找不到文件而出錯(cuò)。這里只是參考，一般不需要加載這么多，需要的加載上就可以了，編輯好后保存，關(guān)閉。

同樣，加載了模塊后，就要指明模塊的位置，否則重啟Apache的時(shí)候會(huì)提示“找不到指定模塊”的錯(cuò)誤，這里介紹一種最簡(jiǎn)單的方法，直接將 php安裝路徑、里面的ext路徑指定到windows系統(tǒng)路徑中——在“我的電腦”上右鍵，“屬性”，選擇“高級(jí)”標(biāo)簽，點(diǎn)選“環(huán)境變量”，在“系統(tǒng)變量”下找到“Path”變量，選擇，雙擊或點(diǎn)擊“編輯”，將“;D:\php;D:\php\ext”加到原有值的后面，當(dāng)然，其中的“D:\php”是我的安裝目錄，你要將它改為自己的php安裝目錄，如下圖所示，全部確定。系統(tǒng)路徑添加好后要重啟電腦才能生效，可以現(xiàn)在重啟，也可以在所有軟件安裝或配置好后重啟。

(圖片較大，請(qǐng)拉動(dòng)滾動(dòng)條觀看)

原文：http://www.isblog.cn/user1/1032/archives/2006/3127.html 更多內(nèi)容請(qǐng)看 Apache技術(shù)專題 Apache配置專題專題，或進(jìn)入討論組討論。

javabright 2007-10-14 12:56 發(fā)表評(píng)論

Apache+php+mysql在windows下的安裝與配置圖解(2)

javabright — Sun, 14 Oct 2007 04:55:00 GMT

二、php的安裝、以module方式，將php與apache結(jié)合使你的網(wǎng)站服務(wù)器支持php服務(wù)器腳本程序

將下載的php安裝文件php-5.0.5-Win32.zip右鍵解壓縮。

指定解壓縮的位置，我的設(shè)定在“D:\php”

查看解壓縮后的文件夾內(nèi)容，找到“php.ini-dist”文件，將其重命名為“php.ini”，打開編輯，找到下面圖中的地方， Ln385，有一個(gè)“register_globals = Off”值，這個(gè)值是用來打開全局變量的，比如表單送過來的值，如果這個(gè)值設(shè)為“Off”，就只能用“$_POST['變量名']、$_GET['變量名 ']”等來取得送過來的值，如果設(shè)為“On”，就可以直接使用“$變量名”來獲取送過來的值，當(dāng)然，設(shè)為“Off”就比較安全，不會(huì)讓人輕易將網(wǎng)頁(yè)間傳送的數(shù)據(jù)截取。這個(gè)值是否改成“On”就看自己感覺了，是安全重要還是方便重要？

這里還有一個(gè)地方要編輯，功能就是使php能夠直接調(diào)用其它模塊，比如訪問mysql，如下圖所示，Ln563，選擇要加載的模塊，去掉前面的 “;”，就表示要加載此模塊了，加載的越多，占用的資源也就多一點(diǎn)，不過也多不到哪去，比如我要用mysql，就要把“;extension= php_mysql.dll”前的“;”去掉。所有的模塊文件都放在php解壓縮目錄的“ext”之下，我這里的截圖是把所有能加載的模塊都加載上去了，前面的“;”沒去掉的，是因?yàn)?#8220;ext”目錄下默認(rèn)沒有此模塊，加載會(huì)提示找不到文件而出錯(cuò)。這里只是參考，一般不需要加載這么多，需要的加載上就可以了，編輯好后保存，關(guān)閉。

如果上一步加載了其它模塊，就要指明模塊的位置，否則重啟Apache的時(shí)候會(huì)提示“找不到指定模塊”的錯(cuò)誤，這里介紹一種最簡(jiǎn)單的方法，直接將php安裝路徑、里面的ext路徑指定到windows系統(tǒng)路徑中——在“我的電腦”上右鍵，“屬性”，選擇“高級(jí)”標(biāo)簽，點(diǎn)選“環(huán)境變量”，在“系統(tǒng)變量”下找到“Path”變量，選擇，雙擊或點(diǎn)擊“編輯”，將“;D:\php;D:\php\ext”加到原有值的后面，當(dāng)然，其中的“D:\php” 是我的安裝目錄，你要將它改為自己的php安裝目錄，如下圖所示，全部確定。系統(tǒng)路徑添加好后要重啟電腦才能生效，可以現(xiàn)在重啟，也可以在所有軟件安裝或配置好后重啟。

(圖片較大，請(qǐng)拉動(dòng)滾動(dòng)條觀看)

現(xiàn)在開始將php以module方式與Apache相結(jié)合，使php融入Apache，照先前的方法打開Apache的配置文件，Ln 173，找到這里，添加進(jìn)如圖所示選中的兩行，第一行“LoadModule php5_module D:/php/php5apache2.dll”是指以module方式加載php，第二行“PHPIniDir "D:/php"”是指明php的配置文件php.ini的位置，是當(dāng)然，其中的“D:/php”要改成你先前選擇的php解壓縮的目錄。

還是Apache的配置文件，Ln 757，加入“AddType application/x-httpd-php .php”、“AddType application/x-httpd-php .html”兩行，你也可以加入更多，實(shí)質(zhì)就是添加可以執(zhí)行php的文件類型，比如你再加上一行“AddType application/x-httpd-php .htm”，則.htm文件也可以執(zhí)行php程序了，你甚至還可以添加上一行“AddType application/x-httpd-php .txt”，讓普通的文本文件格式也能運(yùn)行php程序。

前面所說的目錄默認(rèn)索引文件也可以改一下，因?yàn)楝F(xiàn)在加了php，有些文件就直接存為.php了，我們也可以把“index.php”設(shè)為默認(rèn)索引文件，優(yōu)先順序就自己排了，我的是放在第一位。編輯完成，保存，關(guān)閉。

現(xiàn)在，php的安裝，與Apache的結(jié)合已經(jīng)全部完成，用屏幕右下角的小圖標(biāo)重啟Apache，你的Apache服務(wù)器就支持了php。

javabright 2007-10-14 12:55 發(fā)表評(píng)論

Apache+php+mysql在windows下的安裝與配置圖解(1)

javabright — Sun, 14 Oct 2007 04:54:00 GMT

先準(zhǔn)備好軟件：

Apache官方下載地址：apache_2.0.55-win32-x86-no_ssl.msi，更多版本在這里；php官方下載地址：php-5.0.5-Win32.zip，更多鏡像下載地址，更多版本下載；

mysql官方下載地址：mysql-4.1.14-win32.zip，更多鏡像下載地址，更多版本下載。

一、安裝Apache，配置成功一個(gè)普通網(wǎng)站服務(wù)器

運(yùn)行下載好的“apache_2.0.55-win32-x86-no_ssl.msi”，出現(xiàn)如下界面：

出現(xiàn)Apache HTTP Server 2.0.55的安裝向?qū)Ы缑妫c(diǎn)“Next”繼續(xù)

確認(rèn)同意軟件安裝使用許可條例，選擇“I accept the terms in the license agreement”，點(diǎn)“Next”繼續(xù)

將Apache安裝到Windows上的使用須知，請(qǐng)閱讀完畢后，按“Next”繼續(xù)

設(shè)置系統(tǒng)信息，在Network Domain下填入您的域名（比如：goodwaiter.com），在Server Name下填入您的服務(wù)器名稱（比如：www.goodwaiter.com，也就是主機(jī)名加上域名），在Administrator's Email Address下填入系統(tǒng)管理員的聯(lián)系電子郵件地址（比如：yinpeng@xinhuanet.com），上述三條信息僅供參考，其中聯(lián)系電子郵件地址會(huì)在當(dāng)系統(tǒng)故障時(shí)提供給訪問者，三條信息均可任意填寫，無效的也行。下面有兩個(gè)選擇，圖片上選擇的是為系統(tǒng)所有用戶安裝，使用默認(rèn)的80端口，并作為系統(tǒng)服務(wù)自動(dòng)啟動(dòng)；另外一個(gè)是僅為當(dāng)前用戶安裝，使用端口8080，手動(dòng)啟動(dòng)。一般選擇如圖所示。按“Next”繼續(xù)。]

選擇安裝類型，Typical為默認(rèn)安裝，Custom為用戶自定義安裝，我們這里選擇Custom，有更多可選項(xiàng)。按“Next”繼續(xù)

出現(xiàn)選擇安裝選項(xiàng)界面，如圖所示，左鍵點(diǎn)選“Apache HTTP Server 2.0.55”，選擇“This feature, and all subfeatures, will be installed on local hard drive.”，即“此部分，及下屬子部分內(nèi)容，全部安裝在本地硬盤上”。點(diǎn)選“Change...”，手動(dòng)指定安裝目錄。

我這里選擇安裝在“D:\”，各位自行選取了，一般建議不要安裝在操作系統(tǒng)所在盤，免得操作系統(tǒng)壞了之后，還原操作把Apache配置文件也清除了。選“OK”繼續(xù)。

返回剛才的界面，選“Next”繼續(xù)。

確認(rèn)安裝選項(xiàng)無誤，如果您認(rèn)為要再檢查一遍，可以點(diǎn)“Back”一步步返回檢查。點(diǎn)“Install”開始按前面設(shè)定的安裝選項(xiàng)安裝。

正在安裝界面，請(qǐng)耐心等待，直到出現(xiàn)下面的畫面。

安裝向?qū)С晒ν瓿桑@時(shí)右下角狀態(tài)欄應(yīng)該出現(xiàn)了下面的這個(gè)綠色圖標(biāo)，表示Apache服務(wù)已經(jīng)開始運(yùn)行，按“Finish”結(jié)束Apache的軟件安裝

我們來熟悉一下這個(gè)圖標(biāo)，很方便的，在圖標(biāo)上左鍵單擊，出現(xiàn)如下界面，有“Start（啟動(dòng)）”、“Stop（停止）”、“Restart（重啟動(dòng)）”三個(gè)選項(xiàng)，可以很方便的對(duì)安裝的Apache服務(wù)器進(jìn)行上述操作。

好了現(xiàn)在我們來測(cè)試一下按默認(rèn)配置運(yùn)行的網(wǎng)站界面，在IE地址欄打“http://127.0.0.1”，點(diǎn)“轉(zhuǎn)到”，就可以看到如下頁(yè)面，表示Apache服務(wù)器已安裝成功。

現(xiàn)在開始配置Apache服務(wù)器，使它更好的替我們服務(wù)，事實(shí)上，如果不配置，你的安裝目錄下的Apache2\htdocs文件夾就是網(wǎng)站的默認(rèn)根目錄，在里面放入文件就可以了。這里我們還是要配置一下，有什么問題或修改，配置始終是要會(huì)的，如圖所示，“開始”、“所有程序”、“Apache HTTP Server 2.0.55”、“Configure Apache Server”、“Edit the Apache httpd conf Configuration file”，點(diǎn)擊打開。

(圖片較大，請(qǐng)拉動(dòng)滾動(dòng)條觀看)

XP的記事本有了些小變化，很實(shí)用的一個(gè)功能就是可以看到文件內(nèi)容的行、列位置，按下圖所示，點(diǎn)“查看”，勾選“狀態(tài)欄”，界面右下角就多了個(gè)標(biāo)記，“Ln 78, Col 10”就表示“行 78，列 10”，這樣可以迅速的在文件中定位，方便解說。當(dāng)然，你也可以通過“編輯”，“查找”輸入關(guān)鍵字來快速定位。每次配置文件的改變，保存后，必須在 Apache服務(wù)器重啟動(dòng)后生效，可以用前面講的小圖標(biāo)方便的控制服務(wù)器隨時(shí)“重啟動(dòng)”。

現(xiàn)在正式開始配置Apache服務(wù)器，“Ln 228”，或者查找關(guān)鍵字“DocumentRoot”（也就是網(wǎng)站根目錄），找到如下圖所示地方，然后將""內(nèi)的地址改成你的網(wǎng)站根目錄，地址格式請(qǐng)照?qǐng)D上的寫，主要是一般文件地址的“\”在Apache里要改成“/”。

“Ln 253”，同樣，你也可以通過查找“

“Ln321”，DirectoryIndex（目錄索引，也就是在僅指定目錄的情況下，默認(rèn)顯示的文件名），可以添加很多，系統(tǒng)會(huì)根據(jù)從左至右的順序來優(yōu)先顯示，以單個(gè)半角空格隔開，比如有些網(wǎng)站的首頁(yè)是index.htm，就在光標(biāo)那里加上“index.htm ”文件名是任意的，不一定非得“index.html”，比如“test.php”等，都可以。

這里有一個(gè)選擇配置選項(xiàng)，以前可能要配置，現(xiàn)在好像修正過來了，不用配置了，就是強(qiáng)制所有輸出文件的語(yǔ)言編碼，html文件里有語(yǔ)言標(biāo)記（，這個(gè)就是設(shè)定文檔語(yǔ)言為gb2312）的也會(huì)強(qiáng)制轉(zhuǎn)換。如果打開的網(wǎng)頁(yè)出現(xiàn)亂碼，請(qǐng)先檢查網(wǎng)頁(yè)內(nèi)有沒有上述 html語(yǔ)言標(biāo)記，如果沒有，添加上去就能正常顯示了。把“# DefaultLanguage nl”前面的“# ”去掉，把“nl”改成你要強(qiáng)制輸出的語(yǔ)言，中文是“zh-cn”，保存，關(guān)閉。

好了，簡(jiǎn)單的Apache配置就到此結(jié)束了，現(xiàn)在利用先前的小圖標(biāo)重啟動(dòng)，所有的配置就生效了，你的網(wǎng)站就成了一個(gè)網(wǎng)站服務(wù)器，如果你加載了防火墻，請(qǐng)打開80或8080端口，或者允許Apache程序訪問網(wǎng)絡(luò)，否則別人不能訪問。如果你有公網(wǎng)IP（一般ADSL或電話撥號(hào)上網(wǎng)的都是），就可以邀請(qǐng)所有能上網(wǎng)的朋友訪問使用http://你的IP地址（IP地址查詢可訪問http://www.goodwaiter.com，查詢內(nèi)容內(nèi)即是）你的網(wǎng)站了；如果你沒有公網(wǎng)IP，也可以把內(nèi)網(wǎng)IP地址告訴局域網(wǎng)內(nèi)的其它用戶，讓他們通過http://你的內(nèi)網(wǎng)IP地址，訪問你的網(wǎng)站。

javabright 2007-10-14 12:54 發(fā)表評(píng)論

CSS樣式語(yǔ)法基礎(chǔ)

javabright — Tue, 24 Apr 2007 07:39:00 GMT

1. 基本語(yǔ)法

CSS的定義是由三個(gè)部分構(gòu)成：選擇符（selector），屬性（properties）和屬性的取值（value）。
基本格式如下：

selector {property: value}

（選擇符 {屬性：值}）
選擇符是可以是多種形式，一般是你要定義樣式的HTML標(biāo)記，例如BODY、P、TABLE……，你可以通過此方法定義它的屬性和值，屬性和值要用冒號(hào)隔開：

body {color: black}

選擇符body是指頁(yè)面主體部分，color是控制文字顏色的屬性，black是顏色的值，此例的效果是使頁(yè)面中的文字為黑色。

如果屬性的值是多個(gè)單詞組成，必須在值上加引號(hào)，比如字體的名稱經(jīng)常是幾個(gè)單詞的組合：

p {font-family: "sans serif"}

（定義段落字體為sans serif）

如果需要對(duì)一個(gè)選擇符指定多個(gè)屬性時(shí)，我們使用分號(hào)將所有的屬性和值分開：

p {text-align: center; color: red}

（段落居中排列；并且段落中的文字為紅色）

為了使你定義的樣式表方便閱讀，你可以采用分行的書寫格式：

p
{
text-align: center;
color: black;
font-family: arial
}

（段落排列居中，段落中文字為黑色，字體是arial）

2. 選擇符組

你可以把相同屬性和值的選擇符組合起來書寫，用逗號(hào)將選擇符分開，這樣可以減少樣式重復(fù)定義：

h1, h2, h3, h4, h5, h6 { color: green }

（這個(gè)組里包括所有的標(biāo)題元素，每個(gè)標(biāo)題元素的文字都為綠色）

p, table{ font-size: 9pt }

（段落和表格里的文字尺寸為9號(hào)字）
效果完全等效于：

p { font-size: 9pt }
table { font-size: 9pt }

3. 類選擇符

用類選擇符你能夠把相同的元素分類定義不同的樣式，定義類選擇符時(shí)，在自定類的名稱前面加一個(gè)點(diǎn)號(hào)。假如你想要兩個(gè)不同的段落，一個(gè)段落向右對(duì)齊，一個(gè)段落居中，你可以先定義兩個(gè)類：

p.right {text-align: right}
p.center {text-align: center}

然后用不在不同的段落里，只要在HTML標(biāo)記里加入你定義的class參數(shù)：

這個(gè)段落向右對(duì)齊的

這個(gè)段落是居中排列的

注意：類的名稱可以是任意英文單詞或以英文開頭與數(shù)字的組合，一般以其功能和效果簡(jiǎn)要命名。

類選擇符還有一種用法，在選擇符中省略HTML標(biāo)記名，這樣可以把幾個(gè)不同的元素定義成相同的樣式：

.center {text-align: center}

（定義.center的類選擇符為文字居中排列）
這樣的類可以被應(yīng)用到任何元素上。下面我們使h1元素（標(biāo)題1）和p元素（段落）都?xì)w為“center”類，這使兩個(gè)元素的樣式都跟隨“.center”這個(gè)類選擇符：

這個(gè)標(biāo)題是居中排列的

這個(gè)段落也是居中排列的

注意：這種省略HTML標(biāo)記的類選擇符是我們經(jīng)后最常用的CSS方法，使用這種方法，我們可以很方便的在任意元素上套用預(yù)先定義好的類樣式。

4. ID選擇符

在HTML頁(yè)面中ID參數(shù)指定了某個(gè)單一元素，ID選擇符是用來對(duì)這個(gè)單一元素定義單獨(dú)的樣式。
ID選擇符的應(yīng)用和類選擇符類似，只要把CLASS換成ID即可。將上例中類用ID替代：

這個(gè)段落向右對(duì)齊

定義ID選擇符要在ID名稱前加上一個(gè)“#”號(hào)。和類選擇符相同，定義ID選擇符的屬性也有兩種方法。下面這個(gè)例子，ID屬性將匹配所有id="intro"的元素：

#intro
{
font-size:110%;
font-weight:bold;
color:#0000ff;
background-color:transparent
}

（字體尺寸為默認(rèn)尺寸的110%；粗體；藍(lán)色；背景顏色透明）
下面這個(gè)例子，ID屬性只匹配id="intro"的段落元素：

p#intro
{
font-size:110%;
font-weight:bold;
color:#0000ff;
background-color:transparent
}

注意：ID選擇符局限性很大，只能單獨(dú)定義某個(gè)元素的樣式，一般只在特殊情況下使用。

5. 包含選擇符

可以單獨(dú)對(duì)某種元素包含關(guān)系定義的樣式表，元素1里包含元素2，這種方式只對(duì)在元素1里的元素2定義，對(duì)單獨(dú)的元素1或元素2無定義，例如：

table a
{
font-size: 12px
}

在表格內(nèi)的鏈接改變了樣式，文字大小為12象素，而表格外的鏈接的文字仍為默認(rèn)大小。

6. 樣式表的層疊性

層疊性就是繼承性，樣式表的繼承規(guī)則是外部的元素樣式會(huì)保留下來繼承給這個(gè)元素所包含的其他元素。事實(shí)上，所有在元素中嵌套的元素都會(huì)繼承外層元素指定的屬性值，有時(shí)會(huì)把很多層嵌套的樣式疊加在一起，除非另外更改。例如在DIV標(biāo)記中嵌套P標(biāo)記：

div { color: red; font-size:9pt}
……

這個(gè)段落的文字為紅色9號(hào)字

（P元素里的內(nèi)容會(huì)繼承DIV定義的屬性）
注意：有些情況下內(nèi)部選擇符不繼承周圍選擇符的值，但理論上這些都是特殊的。例如，上邊界屬性值是不會(huì)繼承的，直覺上，一個(gè)段落不會(huì)同文檔BODY一樣的上邊界值。

另外，當(dāng)樣式表繼承遇到?jīng)_突時(shí)，總是以最后定義的樣式為準(zhǔn)。如果上例中定義了P的顏色：

div { color: red; font-size:9pt}
p {color: blue}
……

這個(gè)段落的文字為藍(lán)色9號(hào)字

我們可以看到段落里的文字大小為9號(hào)字是繼承div屬性的，而color屬性則依照最后定義的。

不同的選擇符定義相同的元素時(shí)，要考慮到不同的選擇符之間的優(yōu)先級(jí)。ID選擇符，類選擇符和HTML標(biāo)記選擇符，因?yàn)镮D選擇符是最后加上元素上的，所以優(yōu)先級(jí)最高，其次是類選擇符。如果想超越這三者之間的關(guān)系，可以用!important提升樣式表的優(yōu)先權(quán)，例如：

p { color: #FF0000!important }
.blue { color: #0000FF}
#id1 { color: #FFFF00}

我們同時(shí)對(duì)頁(yè)面中的一個(gè)段落加上這三種樣式，它最后會(huì)依照被!important申明的HTML標(biāo)記選擇符樣式為紅色文字。如果去掉!important，則依照優(yōu)先權(quán)最高的ID選擇符為黃色文字。

7. 注釋

你可以在CSS中插入注釋來說明你代碼的意思，注釋有利于你或別人以后編輯和更改代碼時(shí)理解代碼的含義。在瀏覽器中，注釋是不顯示的。CSS注釋以"/*" 開頭，以"*/" 結(jié)尾，如下：

/* 定義段落樣式表 */
p
{
text-align: center; /* 文本居中排列 */
color: black; /* 文字為黑色 */
font-family: arial /* 字體為arial */
}

javabright 2007-04-24 15:39 發(fā)表評(píng)論

Dwr與Spring入門實(shí)例

javabright — Mon, 23 Apr 2007 15:31:00 GMT

下面講一下DWR與Spring的集成：
還是上面那個(gè)例子用Spring搞定大部分和上面一樣
新建類User（包換了）

代碼

package org.li.dwr.spring;
import java.util.List;
import org.li.dwr.Book;
public class User
{
private String welcome;
private String username;
private String address;
private List books;
private int age;
public String getAddress()
{
return address;
}
public void setAddress(String address)
{
this.address = address;
}
public int getAge()
{
return age;
}
public void setAge(int age)
{
this.age = age;
}
public String getUsername()
{
return username;
}
public void setUsername(String username)
{
this.username = username;
}
public String getWelcome()
{
return welcome;
}
public void setWelcome(String welcome)
{
this.welcome = welcome;
}
public List getBooks()
{
return books;
}
public void setBooks(List books)
{
this.books = books;
}
public User getUser(String welcome)
{
this.welcome=welcome;
return this;
}
}

Book還是以前那個(gè)
在src下新建application.xml文件（spring的配置文件）

代碼

xml version="1.0" encoding="UTF-8"?>
>
<beans>
<bean id="user" class="org.li.dwr.spring.User">
<property name="username">
<value>javafishvalue>
property>
<property name="age">
<value>21value>
property>
<property name="address">
<value>北京市海淀區(qū)value>
property>
bean>
beans>

在dwr.xml加入：

代碼

<create javascript="springUser" creator="spring">
<param name="beanName" value="user">param>
<param name="location" value="applicationContext.xml">param>
create><convert match="org.li.dwr.spring.User" converter="bean">convert>

新建springUserInfo.html

代碼

>
<html>
<head>
<title>UserInfo.htmltitle>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type='text/javascript' src='dwr/interface/springUser.js'>script>
<script type='text/javascript' src='dwr/engine.js'>script>
<script type='text/javascript' src='dwr/util.js'>script>
<script type="text/javascript" src="springuserInfo.js">script>
head>
<body>
請(qǐng)輸入你的名字：
<input id="name" type="text"/>
<input id="jbutton" type="button" value="得到j(luò)avafish(spring)的信息"/>
<div id="result">div>
<script>load()script>
body>
html>

新建springUserInfo.js

代碼

function load()
{
var jbutton = $("jbutton");
jbutton.onclick=function(event)
{
bOnClick();
};
var sbutton = $("sbutton");
sbutton.onclick=function(event)
{
sOnClick();
};
}
function bOnClick()
{
springUser.getUser($("name").value,callback);
}
function callback(msg)
{
var user = msg;
DWRUtil.setValue('result',"歡迎你！"+user.welcome+" 姓名："+user.username+",年齡："+user.age+"，住址："+user.address);
}

在web.xml中加入

contextConfigLocation

/WEB-INF/classes/applicationContext.xml

org.springframework.web.context.ContextLoaderListener

運(yùn)行服務(wù)器輸入http://localhost:8080/DWRStudy/springUserInfo.html，可以看到運(yùn)行結(jié)果
主要的區(qū)別是dwr.xml的配置，需要在creator=spring,然后里面的的name用beanName,值是spring的配置文件里的bean的id。Name=location是指定spring的配置文件的路徑（如果不指定DWR可以根據(jù)web.xml自動(dòng)找到spring的主配置文件）。

javabright 2007-04-23 23:31 發(fā)表評(píng)論

Dwr入實(shí)例

javabright — Mon, 23 Apr 2007 05:16:00 GMT

DWR是作為遠(yuǎn)程調(diào)用的ajax框架，將服務(wù)端的java類，方法和瀏覽器的javascript的類，方法對(duì)應(yīng)起來。現(xiàn)在官方最新的版本是DWR2.0，可以在http://getahead.ltd.uk/dwr/download下載到。
我們真對(duì)DWR2.0做一些例子講解一下它的特性：
Hello World：
新建一個(gè)web項(xiàng)目DWRStudy，在項(xiàng)目中構(gòu)建路徑中加入dwr.jar，
新建類Hello如下：

代碼

package org.li.dwr;
package org.li.dwr;
import java.util.Date;
public class Hello
{
public String getHelloWorld()
{
return "現(xiàn)在的時(shí)間為："+new Date();
}
}

在WEB-INF目錄下新建dwr.xml文件：

代碼

xml version="1.0" encoding="UTF-8"?>
>
<dwr>
<allow>
<create javascript="jshello" creator="new" scope="application">
<param name="class" value="org.li.dwr.Hello">param>
create>
allow>
dwr>

在WebRoot目錄里新建hello.js

代碼

function load()//載入的時(shí)候調(diào)用
{
var jbutton = document.getElementById("jbutton");
jbutton.onclick=function(event)//注冊(cè)按鈕點(diǎn)擊事件
{
jbClick();
};
}
function jbClick()//按鈕點(diǎn)擊事件
{
jshello.getHelloWorld(callback);//沒有參數(shù)傳遞，只傳遞回調(diào)函數(shù)就行
}
function callback(msg)//回調(diào)函數(shù)
{
DWRUtil.setValue('jdiv',msg);
}

在WebRoot目錄里新建HelloWorld.html

代碼

>
<html>
<head>
<title>HelloWorld.htmltitle>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type='text/javascript' src='dwr/interface/jshello.js'>script>
<script type='text/javascript' src='dwr/engine.js'>script>
<script type='text/javascript' src='dwr/util.js'>script>
<script type="text/javascript" src="hello.js">script>
head>
<body>
<input id="jbutton" type="button" value="得到Hello World"/>
<div id="jdiv">div>
<script>load()script>
body>
html>

在web.xml中加入一個(gè)dwr的servlet：

代碼

<servlet>
<servlet-name>dwr-invokerservlet-name>
<servlet-class>
org.directwebremoting.servlet.DwrServlet
servlet-class>
<init-param>
<param-name>debugparam-name>
<param-value>trueparam-value>
init-param>
<load-on-startup>1load-on-startup>
servlet>
<servlet-mapping>
<servlet-name>dwr-invokerservlet-name>
<url-pattern>/dwr/*url-pattern>
servlet-mapping>

在運(yùn)行一下服務(wù)器在瀏覽器里輸入http://localhost:8080/DWRStudy/HelloWorld.html，然后點(diǎn)一下按鈕下面就會(huì)顯示服務(wù)端的系統(tǒng)時(shí)間了，而瀏覽器頁(yè)面并沒有被刷新。
下面解釋一下：
1. 新建的Hello類中有一個(gè)getHelloWorld方法這個(gè)方法就是作為遠(yuǎn)程調(diào)用的服務(wù)端方法，這個(gè)Hello類也就是遠(yuǎn)程調(diào)用的類。方法的返回值為服務(wù)端當(dāng)前的時(shí)間
2. dwr.xml是DWR用來配置服務(wù)端類和瀏覽器端javascript類之間的映射。可以下載dtd看一下，在里類配置映射類如：

javascript="jshello"是在瀏覽器端的javascript的映射的類名，（不要用javascript里的關(guān)鍵字）creator="new"是表示這個(gè)類是dwr自己創(chuàng)建的，如果creator="new"那么就必須有下面的，creator還可為spring(與spring集成的時(shí)候),script(與apache的一個(gè)框架BSF集成的時(shí)候用),后來又加入了struts,jsf,ejb3.現(xiàn)在是個(gè)HelloWorld讓大家體驗(yàn)一下，具體后面會(huì)細(xì)講。最后的scope=”application”是說這個(gè)pojo類的范圍，和jsp是一樣的。
3. 創(chuàng)建hello.js和HelloWorld.html都是看自己是怎么發(fā)揮了，注意的是在HelloWorld.html中導(dǎo)入js文件的時(shí)候注意順序和路徑命名規(guī)律，自己發(fā)揮的這個(gè)hello.js一定放在后面，因?yàn)橐{(diào)用其它js文件中的函數(shù)。由于在HelloWorld.html里寫入了所以在html加載的時(shí)候會(huì)調(diào)用hello.js里的load方法(注意這幾個(gè)js文件里的函數(shù)最好不要重名)在load里面做的事情就是注冊(cè)一下id為jbutton的按鈕的點(diǎn)擊事件。當(dāng)我們點(diǎn)擊id為jbutton的按鈕的時(shí)候就開始用與服務(wù)器端的類相對(duì)應(yīng)的javascript類了（jshello），直接調(diào)用jshello類的getHelloWorld方法，可以向函數(shù)傳遞參數(shù)，不過要在最后加一個(gè)回調(diào)函數(shù)。而我們的服務(wù)端的類沒有參數(shù)就直接傳回調(diào)函數(shù)了。在回調(diào)函數(shù)的形參msg是服務(wù)端Hello類中g(shù)etHelloWorld方法返回值。在回調(diào)函數(shù)里面調(diào)用了DWR的工具類DWRUtil類的setValue方法設(shè)置id為jdiv的值。另外我們把doucment.getElementById(“jbutton”);換與$(“jbutton”)也可以得到同樣的效果，這就有點(diǎn)像prototype了。
4. 在web.xml里加入DWRServlet的配置一是為了遠(yuǎn)程調(diào)用，二是自動(dòng)生成了

文件

javabright 2007-04-23 13:16 發(fā)表評(píng)論