【正文】 T、 UPDATE 和 DELETE，生成 SQL 操作 代碼 注意：不能勾選 “使用開(kāi)放式并發(fā) ”項(xiàng) ，這是高級(jí)用法，等水平較高時(shí)再去掌握。 要對(duì)數(shù)據(jù)進(jìn)行操作就必須 在頁(yè)面 生成 INSERT、 UPDATE 和 DELETE 代碼。 點(diǎn)“確定”。 點(diǎn)“確定” ，回到上一頁(yè)。 圖 欄目表 數(shù)據(jù) 要 顯示 的列 —勾選 2. 點(diǎn)“ ORDER BY（ R）” ， 此為對(duì)從數(shù)據(jù)庫(kù)欄目表中選擇出來(lái)的數(shù)據(jù)進(jìn)行排序，在排序方式中，選中 排序 （ 排序列 ） ，即使用欄目號(hào)進(jìn)行從小到大的排序。 圖 指定在頁(yè)面上顯示的字段。 圖 修改連 接字串名 注意：以 后本網(wǎng)站對(duì)數(shù)據(jù)庫(kù)的聯(lián)接就使用 Conn，再也不會(huì)出現(xiàn) 了。 2. 改 ConnectionString 為 Conn，如 圖 。 27 圖 選擇網(wǎng)站中的數(shù)據(jù)庫(kù)連接 注意：第一次進(jìn)行數(shù)據(jù)連接時(shí)會(huì)出現(xiàn) 數(shù)據(jù)庫(kù)名，以后不 會(huì) 出現(xiàn)。 以后要養(yǎng)成改名的好習(xí)慣，因?yàn)槿∫粋€(gè)見(jiàn)名識(shí)意的名字能讓以后的維護(hù)工作少走彎路。 如圖 。 1．啟動(dòng) GriaView 任務(wù) 26 將鼠標(biāo)的箭頭移入 GriaView1 對(duì)象之中，并點(diǎn)擊 GriaView1 對(duì)象右上角的 ，出現(xiàn) GriaView 任務(wù) ?！?GriaView 任務(wù) ”就是進(jìn)行數(shù)據(jù)綁定的工具。 圖 GridView 對(duì)象 GriaView1的 任務(wù) GriaView是專門(mén)用于顯示及操作表格數(shù)據(jù)的對(duì)象 。 進(jìn)入 的設(shè)計(jì)視圖， 在 DIV 框中點(diǎn)一下，讓光標(biāo)進(jìn)入之中（目地是將以后加入的對(duì)象放入此DIV 層中），然后雙擊 “工具箱”中的 GridView，將其 加入 到網(wǎng)頁(yè)中成 GridView1 對(duì)象 （此舉為加入網(wǎng)格，用于顯示數(shù)據(jù)庫(kù)中的數(shù)據(jù)）。 ? 利用模板創(chuàng)建自定義用戶界面 (UI) 元素。 ? 通過(guò)數(shù)據(jù)源控件對(duì)數(shù)據(jù)進(jìn)行選擇、排序、分頁(yè)、編輯和刪除。 要做 好 網(wǎng)站必須學(xué)精 GridView 的使用。 提供了許多工具來(lái)在網(wǎng)格中顯示表格數(shù)據(jù) ，GridView 控件 是其中最常用的一種 ，功能非常強(qiáng)大 。 頁(yè)面中加入 工具箱 對(duì)象的方法有多種，可以 在工具箱中 用 鼠標(biāo) 點(diǎn)住 控件 對(duì)象 將其 拖入 到頁(yè)面 ， 也 可以直接 在工具箱中 鼠標(biāo) 雙擊要加入的 控件 對(duì)象 到光標(biāo)所在點(diǎn) 。 圖 左邊為存放所有 控件 對(duì)象的工具箱，右邊為設(shè)計(jì)視圖 。 要養(yǎng)成修改 頁(yè) 面標(biāo)題的好習(xí)慣。如圖 圖 選 中 母版頁(yè) 4． 在 頁(yè)的 HTML 代碼 頁(yè) 中改 Title=無(wú)標(biāo)題頁(yè) ，如 圖 。 圖 新建欄目操作頁(yè) 2． 選中“ WEB 窗體”，在名稱欄中改名為 “ ”， 勾選中“選擇母版頁(yè)”， 點(diǎn)“添加” 。 1． 在 LMIO 文件夾上右擊，點(diǎn) 擊 “添加新項(xiàng)” 。 23 圖 建立欄目文件夾和新聞文件夾 新 建欄目管理頁(yè) 為統(tǒng)一網(wǎng)站樣式布局，此頁(yè)是建立在母版頁(yè)的基礎(chǔ)之上，由母版頁(yè)決定了 其 基本的布局格式。 建立欄目 及新聞 文件夾 在“解決方案資源管理器”的 F:\WebNews 中右擊，再點(diǎn)新 建文件夾，分別建立 LMIO 和 NEWIO 文件夾，用于存放欄目操作頁(yè)和新聞操作頁(yè) ，如圖 。 建立欄目文件夾 及欄目管理頁(yè) 不同功能的操作放在不同的文件夾中，非常 有 利于網(wǎng)站的權(quán)限管理。這樣的新聞網(wǎng)站才具有適應(yīng)性。 欄目名應(yīng)該是動(dòng)態(tài)的可以隨時(shí)增加或修改調(diào)整的。 3． Flash，圖片，音樂(lè)等是網(wǎng)站之中不缺少的元件，如何使用應(yīng)該掌握。 小結(jié) 1．母版頁(yè)是網(wǎng)站中非常重要的頁(yè)面，可以決定整個(gè)網(wǎng)站或一類頁(yè)面的一致性，必須掌握。 注意：有時(shí) embed 可以不用， flash 文件同樣會(huì)顯示。 看 清 value=../images/ 及 embed src=../images/的值是一樣的。 height: 100px。 1. 點(diǎn)擊 中的源 進(jìn)入 HTML代碼頁(yè)中， 在 logodiv層中輸入下列代碼。 注意：此操作使用為工具箱內(nèi) HTML 項(xiàng)中的 img對(duì)象 。 21 圖 在頁(yè)面上加入圖形顯示控件 2． 進(jìn)入 Image1 屬性窗口，找到 ImageUrl 屬性 （圖片路徑） ， 點(diǎn)擊 ，彈出選擇圖像框 圖 圖形顯示控件加載圖片文件 3． 點(diǎn)擊 images 文件夾，從中選擇所要的圖像文件，點(diǎn)“確定”?？杉尤攵鄠€(gè)圖片控件 在 bodyright 層中 從“工具箱”中 拖入一個(gè) Image 圖像控件（自動(dòng)命名為 Image1）， 再打開(kāi)其屬性窗口，設(shè)置其 Height 為 100px， Width 為 100%。 1 點(diǎn)擊拖動(dòng)此文件 2拖動(dòng)文件至此位置， CSS文件只能放在此處 20 準(zhǔn)備圖片及 flash 文件 1． 在網(wǎng)站所在的文件夾 之 中新建一個(gè)名為 Images 的文件夾， 再 在其中復(fù)制一些圖片及 flash 文件。如未定義 Height 的值，則 DIV 容器的 Height 會(huì)自動(dòng)脹大，這很常用。 引用 CSS 文件 點(diǎn)擊 ”源 ”進(jìn)入母版頁(yè)的 HTML 代碼頁(yè) ， 從“解決方案資源管理器”中 找到剛制作的樣式文件，將其拖入到 title母版頁(yè) /title 至 /head之間 19 圖 頁(yè)面中 引用 CSS 文件 查看 CSS 樣式作用結(jié)果 點(diǎn)擊 “ 設(shè)計(jì) ” ， 進(jìn)入設(shè)計(jì)頁(yè)面后即可看到 布局結(jié)果 。 CSS 文件的引用 就是將樣式文件和網(wǎng)頁(yè)文件相結(jié)合，讓 網(wǎng)頁(yè)文件中對(duì)象能夠引用到 樣式文件中定義的樣式值 ，并相應(yīng)變化 。 刪除高度數(shù)值則會(huì)自動(dòng)脹大以適應(yīng)內(nèi)含的對(duì)象高度，達(dá)到適應(yīng)高度的目地，但此做法有時(shí)會(huì)導(dǎo)致塊與塊之間的高度不一致。 Divall如未設(shè)寬度，則其 默認(rèn) 寬度為 body的寬度（容器的寬度），這樣 body的居中 效應(yīng) 在 divall層 上 就不能看到 ，因?yàn)橐颜紳M了寬度，要看到居中效果，內(nèi)層的寬度要小于容器的寬度 。如果 divall內(nèi)部還包含有 tws層，也設(shè)了屬性，則 tws層的已設(shè)定屬性優(yōu)先起作用， tws層中未設(shè)定的屬性由外層中設(shè)定的屬性起作用，依次外推 。 } 注意： 樣式屬性的優(yōu)先級(jí)問(wèn)題。 width: 1010px。 height: 560px。 float: right。 borderwidth: 1px 0px 0px 1px。 height: 560px。 float: left。 borderwidth: 0px 1px 0px 0px。 borderleftcolor: FF0000。 /* 邊框線寬度 */ width: 100%。 }/*層的高度 */ 18 .bodydiv { borderstyle: none solid none solid。 width: 1010px。 /*層的寬度 */ height: 120px。 } .logodiv { border: 1px dotted FF9966。 /* 字體類型 */ width: 1010px。 /*居中 */ fontsize: 14px。 對(duì)各個(gè)類名進(jìn)行反 復(fù)操作，對(duì) 頁(yè)面中 所有 各 對(duì)象的樣式都 用 此 樣式工具 生成 一個(gè)。 1．輸入樣式類名 （和母版頁(yè)中存在的類名完全一樣，且一一對(duì)應(yīng) ，母版 頁(yè)中 Class=后面的就是類名 ， CSS 文件中 的 類名前要加上一個(gè)“．”） ，啟用“生成樣式”工具 ，如 圖 。在 {}中點(diǎn)擊，讓光標(biāo)進(jìn)入其中，這時(shí)左上角 工具條中 的“生成樣式”變?yōu)榭捎脿顟B(tài)，點(diǎn)擊“生成樣式”，打開(kāi)“修改樣式”，在其中可以定義樣式。 16 圖 建立樣式文件 CSS文件的代碼結(jié)構(gòu) 在 頁(yè)面中，先輸入 .divAll{} 說(shuō)明： .表示類， divAll 為類名， 必須 和 html 頁(yè)中 各對(duì)象中的 class 后面 指定 的類名一致。 如圖 。在添加新項(xiàng)框 中 添加名為 的樣式 文件。 CSS 樣式 文件 建立 CSS 樣式文件 在“解決方案資源管理器”的 F:\WebNews 中右擊，再點(diǎn)新建文件夾，建立 CSS 文件 夾。 看清標(biāo)記說(shuō)明 ，查清和 網(wǎng)站布局的 HTML 代碼 的區(qū)別 。 如圖 15 圖 布局的 HTML 代碼構(gòu)成 注意： ContentPlaceHolder 控件為母版頁(yè)中的內(nèi)容定義一個(gè)相對(duì)區(qū)域，并且呈現(xiàn)在內(nèi)容頁(yè)中發(fā)現(xiàn)的相關(guān) Content 控件內(nèi)的所有文本、標(biāo)記和服務(wù)器控件。 class=后面的類名 要和CSS 文件中類名一致。 本網(wǎng)站各大板塊布局 及大致功能劃分 如 圖 所示。 本網(wǎng)站采用 流 式 布局 ，使用 DIV 加 CSS 完成，要記住的是 DIV 對(duì)象有嵌套包含關(guān)系， 此時(shí)設(shè)計(jì)布局的 DIV，是定位 各個(gè)大的板塊，今后各板塊的 DIV 都是容器對(duì)象， 要在其中包含很多其它對(duì)象。如果要對(duì)重寫(xiě)設(shè)置（該設(shè)置繼承自主題或樣式表）的單個(gè)控件設(shè)置定位選項(xiàng)，則可選擇此選項(xiàng)。例如，在 “源 ”視圖中，可能將某個(gè)按鈕定義為標(biāo)記中的第一個(gè) 對(duì)象 ，但設(shè)置它的定位后，該按鈕可能在呈現(xiàn)的頁(yè)或 “設(shè)計(jì) ”視圖中顯示為最后一個(gè) 對(duì)象 。具有相對(duì)定位并且 top 和 left 都設(shè)置為 0 的 對(duì)象 將在流中正常顯示。 relative： 由 left 和 top 樣式屬性定義 對(duì)象 在網(wǎng) 頁(yè)中 的位置。例如，如果當(dāng)前 對(duì)象 在具有定位信息的 div 對(duì)象 內(nèi)，則將基于 div 對(duì)象 的位置來(lái)計(jì)算絕對(duì)定位信息。 常用的 定位選項(xiàng) ： absolute： 由 left, right、 top 和 bottom 樣式屬性的任意組合定義 對(duì)象在網(wǎng) 頁(yè)中 的位置。也可為添加到頁(yè)中的任何新 對(duì)象 指定定位選項(xiàng)。當(dāng)調(diào)整頁(yè)的大小時(shí)， 對(duì)象 會(huì) 有 移動(dòng)。使用流布局，可以 使用 table 對(duì)象 或使用 div 對(duì)象來(lái) 對(duì)齊 多個(gè)對(duì)象 。任何 Web 瀏覽器都可顯示使用此布局的 HTML 文檔。兩維方式布局是 對(duì)網(wǎng)頁(yè)中的對(duì)象 使用水平和垂直坐標(biāo)在頁(yè)中的 相應(yīng) 位置定位 對(duì)象 。 其布局形式有兩種，一是 流 式 布局 ，二是 兩維方式布局 。母版頁(yè)可以根據(jù) 風(fēng)格需求變化 建立多個(gè)。 圖 建立母版頁(yè)文件夾 master 2． 母版頁(yè) 文件 的建立 在 master 文件夾上右擊，點(diǎn)選“添加新項(xiàng)”， 在添加新項(xiàng)框中，選擇母版頁(yè)，將名稱中的名字改為， 點(diǎn)添加。 1． 在“解決方案資源管理器”的 F:\WebNews 中右擊，再點(diǎn)新建文件夾，建立 MASTER 文件夾 ， 專用于存放母版頁(yè)。 一定要為母版頁(yè) 和 CSS 樣式文件 建立文件夾，由于系統(tǒng)在開(kāi)發(fā)時(shí)和運(yùn)行時(shí)，其絕對(duì)路徑的不同，經(jīng)常會(huì)出現(xiàn)找不到文件的錯(cuò)誤，所以在系統(tǒng)開(kāi)發(fā)時(shí)對(duì) 網(wǎng)頁(yè)各種 文件的操作一定只能使用相對(duì)路徑，這樣可以保證在開(kāi)發(fā)時(shí)和運(yùn)行時(shí)文件路徑的一致性。 ? 使用 CSS 布局更符合現(xiàn)在的 W3C 標(biāo)準(zhǔn) 。瀏覽器就不用去編譯大量冗長(zhǎng)的標(biāo)簽。這樣的頁(yè)面對(duì)搜索引擎更加友好。如需進(jìn)行全局的更新，只需簡(jiǎn)單地改變樣式，然后網(wǎng)站中的所有 相應(yīng)對(duì)象都 會(huì)自動(dòng)地更新。 由于允許同時(shí)控制多重頁(yè)面的樣式和布局， CSS 可稱得上 WEB 設(shè)計(jì)領(lǐng)域的一個(gè)突破。樣式通常保存在外部的 .css 文件中。將內(nèi)容與表現(xiàn)形式分離，不僅可使維護(hù)站點(diǎn)的外觀更加容易，而且還可以使 HTML 文檔代碼更加簡(jiǎn)練，縮短瀏覽器的加載時(shí)間。通過(guò)使用 CSS 樣式設(shè)置頁(yè)面的格式，可將頁(yè)面的內(nèi)容與表現(xiàn)形式分離。 ? 母版頁(yè)提供一個(gè)對(duì)象模型， 使用該對(duì)象模型可以從各個(gè)內(nèi)容頁(yè)自定義母版頁(yè)。例如，可以在母版頁(yè)上使用控件來(lái)創(chuàng)建一個(gè)應(yīng)用于所有頁(yè)的菜單。母版頁(yè)具有下面的優(yōu)點(diǎn)： ? 使用母版頁(yè)可以集中處理頁(yè)的通用功能，以便可以只在一個(gè)位置上進(jìn)行更新。母版頁(yè)為具有擴(kuò)展名 .master（如 ）的 文件，它具有可以包括靜態(tài)文本、 HTML 元素和服務(wù)器控件的預(yù)定義布局。當(dāng)用戶請(qǐng)求內(nèi)容頁(yè)時(shí)，這些內(nèi)容頁(yè)與母版頁(yè)合并以將母版頁(yè)的布局與內(nèi)容頁(yè)的內(nèi)容組合在一起輸出。單個(gè)母版頁(yè)可以為應(yīng)用程序中的所有頁(yè)（或一組頁(yè)）定義所需的外觀和標(biāo)準(zhǔn)行為。 掌握查看表的結(jié)構(gòu)及內(nèi)容。 2．了解 配置工具的使用，掌握安全驗(yàn)證的含義，了解勸角色，用戶的含義。 如圖 右圖 中的“欄目”和“新聞”表，其它 asp_打頭的是系統(tǒng)提供的用于安全操作的表，在你還沒(méi)有成為高手之前不要去動(dòng)它們，否則網(wǎng)站的安全性就不能得到保證 。 運(yùn)行 SQL 代碼建表 只運(yùn)行建立表的 SQL 代碼，先選中如下內(nèi)容，點(diǎn)右鍵，再點(diǎn)“運(yùn)行選定內(nèi)容” 。使用層疊刪除，則刪除欄目表中的某一欄目，新聞表中此欄目名下的新聞會(huì)自動(dòng)被刪除。可減少工作量，并確保惟一性。 CREATE PROCEDURE Create_table 存儲(chǔ)過(guò)程 名字在此處自己生成 AS /* Create table 欄目 (lmid int identity primary key, 欄目編號(hào) 欄目 nvarchar(30), 說(shuō)明 nvarchar(100), 排序 int ) Create table 新聞 ( nwid bigint identity primary key, 新聞編號(hào) lmid int , 本新聞所屬的欄目 標(biāo)題 n