【正文】 從他們那里我不僅學(xué)到了大量的新知識(shí)，而且 他們嚴(yán)謹(jǐn)?shù)闹螌W(xué)態(tài)度、不斷進(jìn)取的科學(xué)研究精神也使我受益頗深。 基于 web的 CRM系統(tǒng) 表示層的設(shè)計(jì)與實(shí)現(xiàn) 34 參考文獻(xiàn) 1． Visual 面向?qū)ο罂芍赜媒M件開發(fā) .[美 ]Ken Spencer,Tom Eberhard,John Alexander[著 ].北京：清華大學(xué)出版社 2． Vi sual 技術(shù)內(nèi)幕 .[美 ]Francesco Balena[著 ].北京：清華大學(xué)出版社 3． Visual 程序控制 .[美 ]Michale Halvorson[著 ].北京：清華大學(xué)出版社 4． 程序設(shè)計(jì) .[美 ]G . Andrew Duthie[著 ].北京：清華大學(xué)出版社 基于 web的 CRM系統(tǒng) 表示層的設(shè)計(jì)與實(shí)現(xiàn) 35 致謝 本課題和論文是在我的導(dǎo)師江蘇大學(xué)計(jì)算機(jī)學(xué)院宋順林教授的悉心指導(dǎo)下完成的。 總之， CRM 研究領(lǐng)域十分廣闊，本文僅在此方面作了初步探索，希望能起到拋磚引玉的作用。 2. 根據(jù)行業(yè)的不同特征對(duì)不同行業(yè)的 CRM 進(jìn)行研究， 如服務(wù)業(yè)（銀行，保險(xiǎn)，酒店，零售業(yè)，電信等）和制造業(yè)（汽車，電子，機(jī)械，食品，醫(yī)藥等）。 3. 對(duì) CRM 軟件系統(tǒng)的技術(shù)方面未做深入研究。給出了 CRM 以及與之有關(guān)的 B/S 結(jié)構(gòu)，Visual ， 的定義和特點(diǎn)。在我國 CRM 雖然起步比國外要晚一點(diǎn)，但是發(fā)展勢頭非常迅猛，深受關(guān) 注。如圖。如圖 和 2. 在客戶信息添加頁面中輸入新客戶的信息并 將此信息添加到數(shù)據(jù)庫以便在主界面的客戶信息表格中顯示出來?；?web的 CRM系統(tǒng) 表示層的設(shè)計(jì)與實(shí)現(xiàn) 29 第六章 客戶信息管理子系統(tǒng)的實(shí)現(xiàn) 此次畢業(yè)設(shè)計(jì)我負(fù)責(zé)一個(gè) 客戶信息子系統(tǒng)表示層的制作，另外還有同學(xué)負(fù)責(zé)客戶信息子系統(tǒng)數(shù)據(jù)庫層的制作，我們制作的東西連接起來就構(gòu)成了一個(gè)完整的客戶信息子系統(tǒng)。制作的界面如圖 和 ： 基于 web的 CRM系統(tǒng) 表示層的設(shè)計(jì)與實(shí)現(xiàn) 27 圖 客戶信息子系統(tǒng)添加客戶信息界面 基于 web的 CRM系統(tǒng) 表示層的設(shè)計(jì)與實(shí)現(xiàn) 28 圖 客戶信息子系統(tǒng)查詢客戶信息界面 添加 、 查詢 頁面的界面只是在主界面的中間部分顯示客戶信息表格的地方換上了添加和查詢的內(nèi)容，其制作只要添加 中已經(jīng)成型的幾個(gè)控件，對(duì) 控件的屬性做簡單的調(diào)整，非常方便簡單，在此就不做說明了。 客戶信息子系統(tǒng)的查詢頁面的主要功能是通 過該頁面查詢數(shù)據(jù)庫中的客戶資料，這樣可不必在眾多的客戶信息中一個(gè)一個(gè)查找，只需輸入客戶名稱就可以直接調(diào)出客戶該客戶的資料。 客戶信息子系統(tǒng)添加及查詢頁面 客戶信息子系統(tǒng)的添加頁面的主要功能是記錄新用戶的資料信息，如客戶名稱，地址，需求等。 要實(shí)現(xiàn)“能 顯示一共有多少頁，而且還可報(bào)告當(dāng)前為第幾頁 ” 不是改屬性能做到 的 。這樣一個(gè)簡單的分頁就完成了。 PagerStyleHorizontalAlign 是指定分面顯示的定位，默認(rèn)是 Left。有了它，我們才能分頁。 先修改一下 DataGrid 控件的屬性。 在以住的 WEB技術(shù)中，我們要做到分頁，經(jīng)常是一長串代碼才能 實(shí)現(xiàn)分頁功能 ，而且每用一個(gè)頁面，就要重寫一次， 非常麻煩 。在示例中我使用了格式化字符串 ,，它在每 3 個(gè)數(shù)字前加上一個(gè)逗號(hào)；格式化字符串 mmddyyyy 指定通過月、日和年的格式顯示日期 /時(shí)間字段。它的格式始終是 {0:format string}。s /＞ ＜ asp:boundcolumn datafield=dateentered headertext=date added dataformatstring={0:mmddyyyy} /＞ ＜ /columns＞ ＜ /asp:datagrid＞ 上述代碼指定了需要顯示的特定列并且應(yīng)用了特定的格式。 如何 不顯示 faqid或 faqcategoryid 列 ；如何 對(duì)數(shù)字列 (viewcount)和日期 /時(shí)間列 (dateentered)設(shè)定格式 ；如何讓 數(shù)字列的值居中。 dataformatstring — 設(shè)置格式命令。 headerstyle/footerstyle/itemstyle — 包含與 datagrid樣式相同的屬性。 (也可通過編程的方式指定這些綁定列，但是它的可讀性差，并且需要很多代碼 !)只有通過 boundcolumn 標(biāo)記指定的列才會(huì)在 datagrid 中顯示， 因此 必須指定需要顯示的列 ! boundcolumn 控件的優(yōu)點(diǎn)在于它包含一些設(shè)定格式的屬性，包括： headertext — 設(shè)定列標(biāo)題的文字。一旦執(zhí)行完這個(gè)操作，就需要通過 boundcolumn web 控件設(shè)定需顯示的列，如下所示： ＜ asp:datagrid runat=server autogeneratecolumns=false＞ ＜ columns＞ 基于 web的 CRM系統(tǒng) 表示層的設(shè)計(jì)與實(shí)現(xiàn) 24 ＜ asp:boundcolumn datafield=databasecolumnname1 ... /＞ ＜ asp:boundcolumn datafield=databasecolumnname2 ... /＞ ... ＜ asp:boundcolumn datafield=databasecolumnnamen ... /＞ ＜ /columns＞ ＜ /asp:datagrid＞ 對(duì)于每一個(gè)希望顯示的列，需要通過一個(gè)包含 datafield 屬性的＜ asp:boundcolumn ... /＞標(biāo)記來指定數(shù)據(jù)庫中需要顯示的列。 如果不想在 datagrid 中顯示數(shù)據(jù)庫查詢返回的所有列，必須聲 明所有希望顯示的列。 設(shè)定哪些列應(yīng)該顯示 : 缺省情況下 datagrid在生成的 html 表格中為 sql 查詢返回的每一列生成一個(gè)對(duì)應(yīng)的列。我發(fā)現(xiàn)嵌入標(biāo)記的方法便于閱讀，特別是當(dāng)你需要為眾多樣式設(shè)定眾多屬性時(shí)。即如果想設(shè)定 headerstyle 的backcolor，可在代碼中通 過 = 實(shí)現(xiàn)。如上所述，我個(gè)人喜歡使用 web 控件的標(biāo)記并且將在示例中使用該方法。通過將 itemstyle 和alternatingitemstyle 設(shè)為不同的值使得 datagrid 便于閱讀。要顯示頁腳，需將 datagrid的 showfooter 屬性 true(缺省為 false)) itemstyle — 設(shè)定表格中每一行的樣式。要顯示頁眉，需將 datagrid 的 showheader 屬性設(shè)為 true(缺省為 true) ) footerstyle — 設(shè)定頁腳的樣式。 datagrid 包括四類樣式： 基于 web的 CRM系統(tǒng) 表示層的設(shè)計(jì)與實(shí)現(xiàn) 23 headerstyle — 設(shè)定頁眉的樣式。 datagrid web 控件包含一些樣式，通過樣式改變 datagrid 的外觀非常有效。這類似于 和 c語言中表示對(duì)象屬性的點(diǎn) (.)。 width — 設(shè)定 html 表格的寬度 (可以以像素、百分比等為單位 ) horizontalalign — 設(shè)定表格在頁面上的對(duì)齊方式 (左對(duì)齊、右對(duì)齊、居中、未設(shè)定 ) datagrid的 font屬性是一個(gè)對(duì)象，它指向了 fontinfo類， fontinfo類包括 size, name, bold, italic 等屬性。 cellpadding — 設(shè)定 html 表格中單元格內(nèi)的邊距。 font — 設(shè)定 datagrid 的字體信息。后一種方法更可讀。我發(fā)現(xiàn)在 web 控件的標(biāo)記中設(shè)定顯示屬性比在服務(wù)器端代碼中設(shè)定要簡潔。例如為了將 DataGrid 的背景色設(shè)定為紅色，可使用如下服務(wù)器端代碼： ＜ % import namespace= %＞ 基于 web的 CRM系統(tǒng) 表示層的設(shè)計(jì)與實(shí)現(xiàn) 22 ＜ script runat=server＞ sub page_load(sender as object, e as eventargs) ... = ... end sub ＜ /script＞ 另一種設(shè)定顯示屬 性的方法是在 datagrid web 控件的標(biāo)記中進(jìn)行設(shè)定。 這里，我將介紹 如何完成這些任務(wù)！ 設(shè)定 DataGrid 格式 對(duì)于 DataGrid 有兩種設(shè)定格式的方法。并且 能 設(shè)定諸如背景顏色、字體等可以應(yīng)用到整個(gè)表格的格式。生成的 DataGrid僅僅是一個(gè)封裝了 DataReader 中所有列和行的簡單的 html 表格。剩下的事情就是將 DataGrid 放置到 Html 中，它可通過如下代碼實(shí)現(xiàn)： ＜ asp:DataGrid runat=server /＞ 就是這么簡單。我利用 中的 DataGrid 控件對(duì)用戶信息進(jìn)行分頁顯示，使得頁面條理分明，方便信息查詢。在客戶信息表格的下面有一個(gè)“添加用戶信息”選項(xiàng)，點(diǎn)擊該選項(xiàng)可進(jìn)入客戶信息添加頁面添加客戶信息。 客戶信息子系統(tǒng)主界面 主界面左邊的一排按鈕顯示了該 CRM系統(tǒng)的主要功能選項(xiàng)，主界面中間部分是客戶信息表格，上面記錄了客戶名稱，和信息登記時(shí)間，可通過右邊的“修改”選項(xiàng)進(jìn)入客戶信息修改頁面。對(duì)于這個(gè)界面還可進(jìn)行優(yōu)化，比如可以修改按鈕的屬性使按鈕的形狀和字體更加美觀。運(yùn)行程序后在網(wǎng)頁的左邊將動(dòng)態(tài)生成 3個(gè)按鈕，程序之所以這樣短關(guān)鍵是用了 For循環(huán)重復(fù)執(zhí)行以上程序 3次，就生成 3個(gè)在排列整齊的按鈕。“ Dim a As Button”表示設(shè)定 a為按鈕控件。width:100。 接下去我們看看 、 ： script language=vb runat=server public title as string sub page_load(sender as object,e as eventargs) =title =cstr(filedatetime(())) 基于 web的 CRM系統(tǒng) 表示層的設(shè)計(jì)與實(shí)現(xiàn) 19 end sub /script : a href= target=_top 在這個(gè)頁面里設(shè)定了 title變量，然后在 wangmg:header id =header1 runat=server title =我的第一個(gè) header/ 這樣一個(gè)登陸頁面算是初步完成了，下來我將在這個(gè)頁面的左邊動(dòng)態(tài)生成 3個(gè)按鈕，這 5個(gè)動(dòng)態(tài)生成的 按鈕能自動(dòng)對(duì)齊。 tagprefix： pagelet類別前導(dǎo)名稱，本例是： wangmg。 說的通俗點(diǎn)的話， pagelet（網(wǎng)頁配件）就像是圣誕樹上的小掛件， 我們看看它是怎么制作的： 在這個(gè)登錄頁面的最上面的兩行代碼，表示在使用 pagelet之前，要先將其登錄成為網(wǎng)頁可以引用的控件，登錄 、 % register tagprefix=wangmg tagname=header src= % % register tagprefix=wangmg tagname=footer src= % 其中幾個(gè)屬性的設(shè)定如下： src: pagelet來源文件。在網(wǎng)頁中， ,電話，地址是常見的輸入欄，具體使用方法我們通過上面的例子可以舉一反三。輸入的字符數(shù)如果少于 4 個(gè)或多于 10 個(gè)將影響到登陸。除此之外的字符將不會(huì)被接受，影響到正常的登陸。也就是說在姓名欄和密碼欄中輸入的字符數(shù)不符合規(guī)定，將無法正常登陸。= 請(qǐng)輸入姓名！ exit sub else if password=then amp。 if userid= and password=then amp。 二、登錄頁面設(shè)計(jì)步驟 1. 驗(yàn)證用戶輸入的數(shù)據(jù)是否完整。 ③ 同時(shí)在這個(gè)頁面里還用到了 pagelet（網(wǎng)頁配件）。 CRM系統(tǒng)表示層的設(shè)計(jì)實(shí)例 在這里，我將制作一個(gè) 客戶信息子系統(tǒng)的表示層 ，來說明基于三層結(jié)構(gòu)下如何實(shí)現(xiàn) CRM系統(tǒng)的表示層?；?web的 CRM系統(tǒng) 表示層的設(shè)計(jì)與實(shí)現(xiàn) 16 第五章 CRM 系統(tǒng)表示層的設(shè)計(jì)與實(shí)現(xiàn) CRM 系統(tǒng)采用典型的三層結(jié)構(gòu)：表示層，業(yè)務(wù)層和數(shù)據(jù)庫層。 因此，我們制作的 客戶信息子系統(tǒng)選用了 SQL Server 2020來建立數(shù)據(jù)庫。 在使用由 microsoft SQL Server 2020 關(guān)系數(shù)據(jù)庫引擎的情況下， xml 數(shù)據(jù)可在關(guān)系表中進(jìn)行存儲(chǔ)，而查詢則能以 xml格式將有關(guān)結(jié)果返回。 數(shù)據(jù)庫的選擇 SQL Server 2020具有如下優(yōu)點(diǎn)： 由于 SQL Server與 windows界面風(fēng)格完全一致，且有許多 向?qū)?(wizard)幫助， 因此易于安裝和學(xué)習(xí)，有關(guān) SQL Server的資料、培訓(xùn)隨處可得，并且目前國內(nèi)具有 mcdba認(rèn)證的工程師不在少數(shù)。