【導(dǎo)讀】功能，適合創(chuàng)建新聞內(nèi)容網(wǎng)站、大型文章網(wǎng)站。頁，各頁面均可自由設(shè)置頁面布局，可自由輸出新聞文章列表、圖文新聞等版塊?？梢杂脕斫⒏挥袑哟?。1)分類文章型欄目：訪問欄目直達(dá)檢索頁、適合建立小型文章欄目。2)章節(jié)文章型欄目：用于大篇幅的手冊、論文、作品、法律法規(guī)等，按章節(jié)分頁顯示。版塊內(nèi)容或插入顯示模塊。系統(tǒng)自帶功能強(qiáng)大的會員系統(tǒng)，可以自由設(shè)定會員類型，自由分配每一類、每一位會員的權(quán)限。支持彈出窗口、旗幟廣告、通欄廣告、浮動廣告、對聯(lián)廣告、掛角廣告等廣告類型。載顯示到網(wǎng)站資源之中。任何中型企業(yè)對網(wǎng)站的基本要求。每種角色定義了在站點(diǎn)中擁有不同的特權(quán)，同時具有兩種角色的用戶將可同時使用。勾選中“為此網(wǎng)站啟用角色”，點(diǎn)“下一步”。操作），點(diǎn)“下一步”。注意：用戶密碼最少長度為7位，且要含有字母，數(shù)字，符號等多種，否則系統(tǒng)不承認(rèn)。

　　

【正文】 閉屬性窗口。 如 圖 。 圖 默認(rèn)顯示模式設(shè)為插入 InsertItemTemplate 模板 Table布局 1． 點(diǎn) FormView1 對象的 按鈕，點(diǎn)“編輯模板”，選擇“ InsertItemTemplate” 模板 ，將光標(biāo)點(diǎn)擊到“取消”按鈕的后面，按幾次回車鍵，再點(diǎn)插入表格，表格數(shù)據(jù)如下。 圖 用 Table 進(jìn)行局部布局。 44 圖 插入一行 6 列的表 2． 將標(biāo)題、 作者及對應(yīng)的文本框拖到相應(yīng)的表格中，將 lmid 改為欄目，刪除其對應(yīng)的 欄目 文本框 。因?yàn)榇藱谀课谋究蛑荒苓M(jìn)行輸入，而欄目名不能在這里進(jìn)行輸入工作，只能用 DropDownlist1 對象 來選擇欄目 。 為什么對欄目操作要使用 DropDownlist1 對象？因?yàn)闄谀吭跈谀宽撝幸呀?jīng)輸入，而新聞是要加入到相應(yīng)的欄目之中，即新聞以欄目進(jìn)行歸類。如果在增加新聞時還要進(jìn)行欄目名重新輸入，就會非常煩惱（記不清欄目名），容易出錯。而通過下拉框的直觀選擇輸入就不會發(fā)生欄目名輸入錯誤。 內(nèi)置 DropDownlist對象 1. 刪除掉默認(rèn)的 lmid:邊的 欄目文本框， 從“工具箱”中拖入一個 DropDownlist1 對象到 FormView1對象的 InsertItemTemplate 模板 中，用屬性窗修改高度為 22px，寬度為 140px。 如圖 用下拉框替 代 文本框 ，實(shí)現(xiàn)欄目的選擇操作 。 45 圖 調(diào)整對象 2． 點(diǎn) DropDownlist1 對象的 ，點(diǎn) “ 選擇數(shù)據(jù)源 ” ，在“選擇數(shù)據(jù)源”中選擇“新建數(shù)據(jù)源”。 點(diǎn)“數(shù)據(jù)庫”，在“為數(shù)據(jù)庫指定 ID”中將 SqlDataSource1 改為 SqlDatalm。 此處一定要改名，否則 會產(chǎn)生 有重名的問題，至于改成什么名 不重要，但 要 做到 看名知意。 點(diǎn)“確定” ， 如 圖 圖 為 DropDownlist1 對象 新建數(shù)據(jù)源 3． 使用下位框 選擇“ Conn”，點(diǎn)“下一步”， 如 圖 圖 此 Conn 在第 節(jié)中已建好 4. 選擇“欄目”表， 只要 勾中 lmid 列和欄目名 兩 列 ，因?yàn)?DropDownlist1 對象中只能使用兩 個 列 的記錄 值 。點(diǎn)“下一步”，占“完成”。 如 圖 46 圖 勾 選下位框中要用到的兩列 5. DropDownlist1 對象 中放 有兩個值，一個 值 在頁面中顯示給用戶看（欄目名）， 另 一個 值 給程序 代碼調(diào)用 （欄目號） ， 這兩個值一一對應(yīng)。 用于 顯示的數(shù)據(jù)字段選擇“欄目名”，值選擇數(shù)據(jù)字段用“ lmid”。點(diǎn)“確定”。 如 圖 。 圖 選擇 DropDownlist1 的顯示列 6. 在 DropDownlist1 對象任務(wù)中點(diǎn)“編輯 DataBindings” (和數(shù)據(jù)源綁定 )， 為 SelecteValue（選擇的值）指定為“ lmid”列，點(diǎn)“確定” 。 如 圖 顯示在頁面上，給用戶看的值 程序中使用的值 47 圖 DropDownlist1 對象 的數(shù)據(jù)綁定 注 意 ：一定要勾中“雙向數(shù)據(jù)綁定”， 才能讓數(shù)據(jù)在用戶操作和數(shù)據(jù)表 之間傳進(jìn)傳出 。否則就是單向綁定，只從數(shù)據(jù)表 傳 到用戶顯示界面。 新聞內(nèi)容輸入框設(shè)計(jì) 將“內(nèi)容 Textbox”框的 TextMode 屬性值改為“ MultiLine”即多行， Width 改為 100%， Height 改為了 300px。 再刪除 多余的文字即成 圖 。 圖 界面基本設(shè)計(jì)成型 48 頁面間的鏈接 — 從本頁 轉(zhuǎn) 到新聞列表頁 點(diǎn)圖標(biāo)工具欄 中的 圖標(biāo)，打開工具箱。拖 HyperLink 到插入、取消命令按鈕的后面 成 HyperLink1 對象，右擊 HyperLink1 對象，打開屬性窗口，設(shè) Ttext 為 返回 。 點(diǎn) NavigateUrl 右邊的 ，找到 頁。 如圖 圖 頁面間鏈接 運(yùn)行 新聞 新增 頁 右擊，點(diǎn)“在瀏覽器中查看”，點(diǎn)保存 。在運(yùn)行頁面中 相應(yīng)文本框中 輸入相關(guān) 文字 后，點(diǎn)“插入”， 即可 將 新聞到 加入到 數(shù)據(jù)庫中。 此時只能加入純文字，以后改為 “ 在線編輯器 ” ，就能圖文并茂。 圖 圖 新聞新增頁的運(yùn)行效果 修改新聞頁標(biāo)題 修改 新聞 頁標(biāo)題。 點(diǎn)擊“源”進(jìn)入 HTML 代碼頁，改 無標(biāo)題頁 為 新聞 增加 頁 使用在線編輯器 加入“在線編輯器”。 在線編輯器作為第三方組件，種類有很多，可根據(jù)需要選擇其中的一種。本文選擇 了 一個共享的在線編輯器 CuteEditor。 1. 準(zhǔn)備 CuteEditor 在線編輯器所需要的文件。 CuteEditor 所 需要的文件有三個文件夾，分別是 Bin、CuteSoft_Client、 Uploads 文件夾， Bin 存放編譯后的 CuteEditor 中 DLL文件， CuteSoft_Client 存放 CuteEditor中頁面文件、 JS 文件和圖標(biāo)文件， Uploads 存放 CuteEditor 中上傳后的圖片文件。 如圖 。 三個文件夾一個都不能少。其中 Bin 中有一個授權(quán)文件 ，在網(wǎng)站發(fā)布時一定要復(fù)制過去，否則 CuteEditor 49 在線編輯器不能使用。 圖 CuteEditor 在線編輯器所需文件 圖 CuteEditor 加入工具箱 2. 將 CuteEditor 加入工具箱中， 在工具箱中 任意位置 右點(diǎn)，點(diǎn) 擊 “選擇項(xiàng)” 。如圖 3．在“選擇工具項(xiàng)”中點(diǎn) 擊 “瀏覽”， 依次打開 F:盤 的 WebNews 文件夾，打開 Bin 文件夾，選擇 文件，點(diǎn)“打開”。 如圖 。 圖 選擇控件 文件 4．“選擇工具項(xiàng)”中出現(xiàn) Editor， 勾選到。 點(diǎn)“確定 ” 。 如圖 50 圖 勾選 CuteEditor 控件 5． 工具箱中出現(xiàn) Editor 對象選項(xiàng) ，如圖 圖 工具箱中出來 Editor 在線編輯器控件 6．打開 頁，在 頁上點(diǎn)設(shè)計(jì)，進(jìn)入設(shè)計(jì)頁面。 點(diǎn)擊 FormView1 對象的 按鈕，點(diǎn)“編輯模板”，選擇“ InsertItemTemplate”模板 進(jìn)入 。 圖 。 圖 進(jìn)入 InsertItemTemplate”模板用 Editor 替換內(nèi)容 TextBox 7． 找到 “內(nèi)容 TextBox”對象， 選中后 按 Delete 鍵刪除之， 打開“工具箱”， 將 “工具箱” 中的 Editor 51 對象 拖入到內(nèi)容 TextBox 所在的位置 。 如圖 替換內(nèi)容 TextBox 圖 用 Editor 對象 替換內(nèi)容 TextBox 對象 8．點(diǎn) Editor1 對象的 按鈕， 點(diǎn)“編輯 DataBindings..”，勾選“顯示所有屬性”，找到 Text，將其綁定到內(nèi)容列上。 如圖 圖 Editor1 對象數(shù)據(jù)綁定 到內(nèi)容字段 提示：如字段綁定為空白，則 需 對 此對象的 數(shù)據(jù)源進(jìn)行重新配置，即一路點(diǎn)“下一步”，中間不要作任何改動，最后點(diǎn)“完成”?；蛘呤?此對象的 對數(shù)據(jù)源進(jìn)行刷新。其意義是讓 對象和 數(shù)據(jù)源 及 數(shù)據(jù)庫聯(lián)通。之后再進(jìn)行對象的數(shù)據(jù)列綁定。 9． 在屬性窗口中設(shè) Editor1 對象的 Width 為 100%，如圖 。 因?yàn)?Editor1 對象是第三方控件，所以下 圖的現(xiàn)象看似報錯，實(shí)則正常，不影響結(jié)果。 如圖 52 圖 不是錯誤的提示 10． 頁面 運(yùn)行以后的結(jié)果 。在這里一定要加入內(nèi)容進(jìn)行測試，以發(fā)現(xiàn)問題。如圖 圖 Editor 的效果完全顯現(xiàn) 使用存儲過程進(jìn)行優(yōu)化處理 新增頁 存儲過程是經(jīng)過編譯的存儲在數(shù)據(jù)庫中的 SQL代碼，比運(yùn)行前臨時從外部傳入數(shù)據(jù)庫進(jìn)行編譯的 SQL代碼，其運(yùn)行速度快很多倍，且安全性高，所以把要經(jīng)常使用的 SQL 代碼改為存儲過程是提高系統(tǒng)響應(yīng)速度的要點(diǎn)之一。 1． 生成對應(yīng)的存儲過程，點(diǎn)擊新聞新增 頁 的 “ 源 ” 進(jìn)入其 HTML 代碼頁中， 找到并 復(fù)制如下的代碼 ，這些是由數(shù)據(jù)源生成的 SQL 操作代碼，可直接改造為存貯過程使用 。 DeleteCommand=DELETE FROM [新聞 ] WHERE [nwid] = @nwid InsertCommand=INSERT INTO [新聞 ] ([lmid], [標(biāo)題 ], [作者 ], [內(nèi)容 ]) VALUES (@lmid, @標(biāo)題 , @作者 , @內(nèi)容 ) SelectCommand=SELECT [nwid], [lmid], [標(biāo)題 ], [作者 ], [內(nèi)容 ] FROM [新聞 ] UpdateCommand=UPDATE [新聞 ] SET [lmid] = @lmid, [標(biāo)題 ] = @標(biāo)題 , [作者 ] = @作者 , [內(nèi)容 ] = @內(nèi)容 WHERE [nwid] = @nwid 2． 雙擊 app_Data 文件夾中的 數(shù)據(jù)庫文件打開之，展開 數(shù)據(jù)庫，在“存儲過程”上右擊，點(diǎn)“添加新存儲過程”，在存儲過程頁中 粘貼剛才復(fù)制的代碼，然后進(jìn)行修改且對照 輸入如下 SQL 代 碼， 選擇中 /* */之間的代碼 ，右點(diǎn)，點(diǎn)“運(yùn)行選定內(nèi)容” 如圖 所示 ， 可分個選中再運(yùn)行。 即可生成 名為 nmb_select_all， news_insert， news_update， news_select，news_select_one， news_delete 等 六 個存儲過程。 運(yùn)行選定 SQL 內(nèi)容都成功后，就 關(guān)閉 本 存儲過程窗口，點(diǎn)保存 ， 即 生成了 名為 Create_news_sql 存儲過程。 CREATE PROCEDURE Create_news_sql AS /* CREATE PROCEDURE lmb_select_all 欄目表數(shù)據(jù)選擇所有 記錄 as select lmid, 欄目 from 欄目 order by 排序 return go CREATE PROCEDURE news_insert 新聞表數(shù)據(jù)插入 53 @lmid int, @標(biāo)題 nvarchar(30), @作者 nvarchar(30), @內(nèi)容 text as INSERT INTO [新聞 ] ([lmid], [標(biāo)題 ], [作者 ], [內(nèi)容 ]) VALUES (@lmid, @標(biāo)題 , @作者 , @內(nèi)容 ) return go CREATE PROCEDURE news_update 新聞表數(shù)據(jù)更新 一條 @nwid bigint, @lmid int, @標(biāo)題 nvarchar(30), @作者 nvarchar(30), @時間 nvarchar(30), @內(nèi)容 text as UPDATE [新聞 ] SET [lmid] = @lmid, [標(biāo)題 ] = @標(biāo)題 , [作者 ] = @作者 , [時間 ] = @時間 , [內(nèi)容 ] = @內(nèi)容 WHERE [nwid] = @nwid return go CREATE PROCEDURE news_select 新聞表數(shù)據(jù)選擇所有 as SELECT [nwid], [lmid], [標(biāo)題 ], [作者 ], [內(nèi)容 ] FROM [新聞 ] return go CREATE PROCEDURE news_select_one 新聞表數(shù)據(jù)選擇一條 記錄 @nwid bigint as SELECT [nwid], [lmid], [標(biāo)題 ], [作者 ], [時間 ], [內(nèi)容 ] FROM [新聞 ] where nwid=@nwid return go CREATE PROCEDURE news_delete 新聞表數(shù)據(jù)刪除一條記錄 @nwid bigint as DELETE FROM 新聞 WHERE nwid = @nwid Return */ RETURN 圖 運(yùn)行生成存貯過程 —可逐個運(yùn)行生成 3． 點(diǎn)擊新聞新增頁 的 進(jìn)入設(shè)計(jì)頁面。點(diǎn)數(shù)據(jù)源 SqlNewsIn 對象的 按鈕，點(diǎn)“配置數(shù)據(jù)源”，點(diǎn)“下一步”， 選擇“指定自定義 SQL 語句或存儲過程”，點(diǎn)“下一步”， 如圖 54 圖 指定自定義 SQL 語句或存儲過程 a.