市場營銷WEB服務(wù)器控件

1、WEB服務(wù)器控件編寫一個(gè)WEB控件至少要包含三個(gè)元素:ASP:XXX指明是哪一類控件,ID指明控件的標(biāo)識(shí)符,Ruant指明是在服務(wù)器端運(yùn)行的。如:WEB服務(wù)器控件常用的WEB服務(wù)器控件分類名稱說明文字控件Label標(biāo)簽TextBox文本框選擇控件Checkbox復(fù)選框Checkboxlist復(fù)選框列表Radiobutton單選按鈕Radiobuttonlist單選按鈕列表Dropdownlist下拉列表框Listbox列表框按鈕Button按鈕Image圖像控件Imagebutton圖像按鈕超鏈接Hyperlink超鏈接控件Linkbutton超鏈接按鈕控件2、WEB控件的公有屬性屬性說明Ac

2、cessKey獲取或設(shè)置控件的鍵盤快捷鍵BackColor獲取或設(shè)置控件的背景色BorderColor獲取或設(shè)置控件的邊框顏色BorderWidth控件的邊框?qū)挾菳orderStyle控件的邊框樣式CssClass分配給控件的樣式表類Enable控件是否有效Font控件的字體ForeColor控件的前景色Height控件的高度Width控件的寬度Visible控件是否可見ToolTip獲取或設(shè)置當(dāng)用戶將鼠標(biāo)指針停放在控件上時(shí)顯示的文本3、通過編程設(shè)置WEB服務(wù)器控件的屬性如label1.Text=”您好”;TextBox1.TextMode=TextBoxMode.SingleLine;文字控

3、件Label用于顯示文字，其最常用的屬性是Text,用于顯示的文字內(nèi)容。 TextBox控件用于輸入文字信息，WEB用于文本輸入工作的只有TextBox控件，通過設(shè)置控件的TextMode屬性來區(qū)分文本，密碼，多行文本輸入方式。注意：文本框內(nèi)容是字符串類型，如果要做計(jì)算，需要作類型轉(zhuǎn)換。如convert.tosingle轉(zhuǎn)成單精度，或single.parse()TextBox主要成員成員說明AutoPostBack文本框內(nèi)容發(fā)生變化，并且輸入焦點(diǎn)離開文本框（TAB,ENTER），是否自動(dòng)將文本框內(nèi)容發(fā)回服務(wù)器。Text文本框中內(nèi)容TextModeSingleLine單行輸入模式，默認(rèn)Multi

4、Line多行Pasword密碼輸入Columns以字符為單位指明文本框的顯示寬度Rows當(dāng)TextMode為MultiLine時(shí)，指明文本框的行數(shù)MaxLength在單行文本方式下，文本框可以輸入的字符數(shù)Wrap當(dāng)TextMode為MultiLine時(shí),是否自動(dòng)換行，默認(rèn)為TRUEReadOnly輸入框?yàn)橹蛔x，默認(rèn)為FALSEDataBind將數(shù)據(jù)源綁定到被調(diào)用的服務(wù)器控件及其所有子控件上TextChanged當(dāng)文本框內(nèi)容發(fā)生變化時(shí)，觸動(dòng)。文字控件案例一(5_3):制作登錄界面控件類型ID屬性設(shè)置說明LabelLabel1Text=用戶名用于顯示靜態(tài)文本LabelLabel2Text=密碼用于

5、顯示靜態(tài)文本LabelLblMessageText=”用于顯示提示文本或登錄信息TexBoxTxtUserNameTextMode=SingleLine用于輸入用戶名TexBoxTxtPassWordTextMode=Password用于輸入密碼ButtonBtnSumitText=提交向服務(wù)器發(fā)送登錄信息ButtonBtnRestText=重置清除文本框內(nèi)容protectedvoid BtnRest_Click(object sender, EventArgs e) TxtUserName.Text = ; TxtPassWord.Text = ; LblMessage.Text = ; p

6、rotectedvoid BtnSumit_Click(object sender, EventArgs e) if (TxtUserName.Text.Trim() != ) & (TxtPassWord.Text.Trim() != ) LblMessage.Text = 用戶名: + TxtUserName.Text + : + 密碼 + TxtPassWord.Text; elseif (TxtUserName.Text.Trim() = ) LblMessage.Text = 請(qǐng)輸入用戶名; else LblMessage.Text = 請(qǐng)輸入密碼; 文本控件案例二(5_1):顯示日

7、期protectedvoid Page_Load(object sender, EventArgs e) DateTime now = DateTime.Now;this.lbltime1.Text = now.ToString(); this.lbltime2.Text = now.ToShortDateString();this.lbltime3.Text = now.ToLongDateString();this.lbltime4.Text = now.ToLongTimeString();this.lbltime5.Text = now.ToShortTimeString();文本控件

8、案例三(5_2):顯示金額protectedvoid Button1_Click(object sender, EventArgs e) int money = Convert.ToInt32(TextBox1.Text); Label1.Text = money.ToString(C); Label2.Text = money.ToString($#,#.00); 練習(xí):制作頁面,完成階乘運(yùn)算。選擇控件選擇控件包含CheckBox CheckBoxList DropDownList ListBox RadioButton RadioButtonList等控件1、RadioButton是多選一

9、的控件，因此該控件還有一個(gè)專門的GroupName屬性，同一組別的RadioButton控件的GroupName屬性必須相同?？丶闹饕蓡T成員說明Checked是否選中該控件GroupName獲取或設(shè)置單選鈕所屬的組名Text文本標(biāo)簽TextAlign文本標(biāo)簽的對(duì)齊方式，文本出現(xiàn)在左邊還是右邊。CheckedChanged當(dāng)checked的值在向服務(wù)器發(fā)送期間更改時(shí)發(fā)生選擇控件案例一（5_4）：單選按鈕應(yīng)用添加兩個(gè)單選按鈕控件，Text的值分別設(shè)為“男”，“女”，GroupName的值為tectedvoid Button1_Click(object sender, EventArgs e)

10、if (RadioButton1.Checked = true) Label1.Text = 性別: + RadioButton1.Text;if (RadioButton2.Checked = true) Label1.Text = 性別： + RadioButton2.Text;練習(xí)：完成選擇系單選設(shè)計(jì)功能。2、CheckBox控件屬性和RadioButton一樣。選擇控件案例二（5_5）：復(fù)選控件應(yīng)用添加三個(gè)復(fù)選按鈕，Text的值按照以上圖中設(shè)置。protectedvoid Page_Load(object sender, EventArgs e) Label1.Text = ;prot

11、ectedvoid Button1_Click(object sender, EventArgs e) string str1 = 你的選擇是: ;if (CheckBox1.Checked) str1 += CheckBox1.Text + ;if (CheckBox2.Checked) str1 += CheckBox2.Text + ;if (CheckBox3.Checked) str1 += CheckBox3.Text ; Label1.Text = str1; 練習(xí)：完成選擇課程復(fù)選功能設(shè)計(jì)3、CheckBoxList和RadioButtonList控件主要成員成員說明Items

12、屬性獲取列表項(xiàng)控件的集合，有以下常用屬性和方法Count屬性：集合中對(duì)象數(shù)Add方法：將ListItem追加到集合的末尾Clear方法：從集合中移除所有的ListItem對(duì)象Remove方法：從集合中移除指定ListItem對(duì)象RepeatColumns屬性設(shè)置控件中顯示的列數(shù)RepeatDirection屬性水平還是垂直顯示SelectedIndex屬性選定項(xiàng)的索引序號(hào)SelectedValue屬性選定項(xiàng)的值選擇控件案例三（5_6）：單選復(fù)選組應(yīng)用IsPostBack != true判斷頁面是否首次加載或刷新。因?yàn)槊看卧趫?zhí)行button_click時(shí)，都會(huì)先執(zhí)行page_load，如果不想執(zhí)

13、行，則用IsPostBack != trueprotectedvoid Page_Load(object sender, EventArgs e) if (IsPostBack != true) string player = newstring3 姚明, 科比, 鄧肯 ;string team=newstring3小牛,太陽,火箭; RadioButtonList1.DataSource = player; RadioButtonList1.DataBind(); CheckBoxList1.DataSource = team; CheckBoxList1.DataBind(); prote

14、ctedvoid Button1_Click(object sender, EventArgs e) Label1.Text = 你最喜歡的球員是; Label1.Text += RadioButtonList1.SelectedValue;int i = 0;string s = ;for (i = 0; i 0) int i;for (i = 0; i = ListBox1.Items.Count - 1; i+) ListBox2.Items.Add(ListBox1.Itemsi.Text); ListBox1.Items.Clear(); protectedvoid Button4_

15、Click(object sender, EventArgs e) int i;for (i = 0; i 0 & ListBox1.SelectedIndex = -1) else for (i = 0; i 0 & ListBox2.SelectedIndex = -1) else for (i = 0; i = ListBox2.Items.Count - 1; i+) if (ListBox2.Itemsi.Selected) ListBox1.Items.Add(ListBox2.Itemsi.Text); ListBox2.Items.Remove(ListBox2.Itemsi)

16、; (一班)選擇控件案例七（5_10）控件的聯(lián)動(dòng)protectedvoid Page_Load(object sender, EventArgs e) /DropDownList1.AutoPostBack = true;if (IsPostBack != true) string zy = newstring2 臨汾, 呂梁 ; DropDownList1.DataSource = zy; DropDownList1.DataBind(); DropDownList1.SelectedIndex = 0; protectedvoid DropDownList1_SelectedIndexCh

17、anged(object sender, EventArgs e) ArrayList sz = newArrayList();if (DropDownList1.Items0.Selected) sz.Add(霍州); sz.Add(候馬); if (DropDownList1.Items1.Selected) sz.Add(呂梁); sz.Add(中陽); ListBox1.DataSource = sz; ListBox1.DataBind(); 注意：AutoPostBack 是用在一個(gè)控件中的值變換會(huì)帶來另一個(gè)控件值變換時(shí)，需要設(shè)置為true,它的AutoPostBack屬性默認(rèn)為F

18、alse,如果不把屬性改為True,他的SelectedIndexChanged()事件中的代碼就不會(huì)執(zhí)行動(dòng)態(tài)加載控件（dtjz.aspx）Label lab1=newLabel();Label lab2 = newLabel();RadioButtonList rd1=newRadioButtonList() ;protectedvoid Page_Load(objectsender, EventArgs e) lab1.Text=一個(gè)完整的計(jì)算機(jī)系統(tǒng)包括; PlaceHolder1.Controls.Add(lab1); rd1.Items.Add(A); rd1.Items.Add(B)

19、; rd1.Items.Add(C);rd1.Items.Add(D); PlaceHolder1.Controls.Add(rd1);Button btn1=newButton(); btn1.Text=確定; btn1.Click+=newEventHandler(btn1_Click); PlaceHolder1.Controls.Add(btn1);PlaceHolder1.Controls.Add(lab2); protectedvoid btn1_Click(object sender, EventArgs e) lab2.Text=你選擇的是：+rd1.SelectedValue

20、;文件上傳控件protectedvoid Button1_Click(object sender, EventArgs e) string= System.IO.Path.GetExtension();string dir = Server.MapPath(TextBox1.Text);string fd = dir + /banner.gif;if (Directory.Exists(dir) & () if ( != .gif) Response.Write(alert(圖片格式不對(duì)!););else (fd); Response.Write(alert(文件上傳成功!);); Label

21、1.Text = 文件類型：+; Label1.Text += 文件大?。?+ ; Label1.Text += 客戶端路徑： + e.; Label1.Text += 圖片預(yù)覽： + +; 按鈕控件Button2、ImageButton從功能上看和Button控件一樣,但是該控件是用圖片作為按鈕的表面。有兩個(gè)屬性：ImageUrl設(shè)置圖片所在位置按鈕控件案例一（5_12）protectedvoid Page_Load(object sender, EventArgs e) ImageButton1.ImageUrl = images/tx.png; ImageButton1.ToolTip

22、= 請(qǐng)選擇騰訊; ImageButton2.ImageUrl = images/wy.png; ImageButton2.ToolTip = 請(qǐng)選擇網(wǎng)易; ImageButton3.ImageUrl = images/xl.gif; ImageButton3.ToolTip = 請(qǐng)選擇新浪; protectedvoid ImageButton1_Click(object sender, ImageClickEventArgs e) protectedvoid ImageButton2_Click(object sender, ImageClickEventArgse) Response.Red

23、irect(); protectedvoid ImageButton3_Click(object sender, ImageClickEventArgs e) Response.Redirect();image屬性ImageUrl：設(shè)置圖片所在位置按鈕控件案例一（5_13）protectedvoid Page_Load(object sender, EventArgs e) if (IsPostBack != true) DropDownList1.Items.Add(images/tx.png); DropDownList1.Items.Add(images/wy.png); DropDow

24、nList1.Items.Add(images/xl.gif); Image1.ImageUrl = images/xl.gif; DropDownList1.AutoPostBack = true; protectedvoid DropDownList1_SelectedIndexChanged(object sender, EventArgs e) Image1.ImageUrl = DropDownList1.SelectedValue;思考：IsPostBack != true在事件中的作用，如果去掉該判斷語句，會(huì)出現(xiàn)什么問題？應(yīng)用二超鏈接控件1、HyperLink屬性：Text 設(shè)置

25、文本標(biāo)題NavigateUrl設(shè)置控件鏈接到的urlImageUrl設(shè)置控件顯示的圖像路徑該控件創(chuàng)建一個(gè)可以跳轉(zhuǎn)到其他頁的鏈接，該鏈接既可以顯示為文本，也可以顯示為圖像。若顯示文本，則設(shè)置Text屬性，若顯示圖像，則設(shè)置ImageUrl屬性。如果同時(shí)設(shè)置二者，則ImageUrl屬性優(yōu)先；如果圖像不可用，則顯示文本。2、LinkButton控件具有和Button相同的屬性超鏈接控件案例一（5_14）protectedvoid Page_Load(object sender, EventArgs e) HyperLink1.Text = 網(wǎng)易; HyperLink1.NavigateUrl = ;

26、 HyperLink1.ImageUrl = imags/4.jpg; LinkButton1.Text = 網(wǎng)易; protectedvoid LinkButton1_Click(object sender, EventArgs e) Response.Redirect(); 頁面顯示控制控件panel利用該控件，可以將頁面中的相關(guān)控件分組管理并進(jìn)行顯示隱藏。顯示控件案例一（5_15）table控件顯示控件案例二（5_16）Table由Rows集合組成,而Rows由若干個(gè)TableRow組成,每個(gè)TableRow由Cells集合組成,而Cells由若干個(gè)TableCell組成.protect

27、edvoid Page_Load(object sender, EventArgs e) int i;if (IsPostBack = false) select1.Items.Clear(); select2.Items.Clear();for (i = 1; i = 10; i+) select1.Items.Add(i.ToString(); select2.Items.Add(i.ToString(); Table1.Rows.Clear(); protectedvoid Button1_Click(object sender, EventArgs e) int i, j;int m

28、= Convert.ToInt32(select1.Text);int n = Convert.ToInt32(select2.Text);for (i = 0; i = m - 1; i+) TableRow tr = newTableRow();for (j = 0; j n; j+) TableCell td = newTableCell(); td.Text= 第 + (i + 1) + 行第 + (j + 1) + 列; tr.Cells.Add(td); Table1.Rows.Add(tr); WEB驗(yàn)證控件網(wǎng)頁可供用戶輸入信息。為避免用戶輸入一些不規(guī)范的信息，就必須要在網(wǎng)頁程序

29、中加入檢查功能，這種功能就是表單驗(yàn)證功能。在.NET中有專門的表單驗(yàn)證控件用于表單信息的驗(yàn)證。1、驗(yàn)證控件RequiredFieldValidator驗(yàn)證是否已輸入數(shù)據(jù)CompareValidator將用戶輸入的數(shù)據(jù)與另一個(gè)數(shù)據(jù)進(jìn)行比較RangeValidator驗(yàn)證輸入的數(shù)據(jù)是否在指定的范圍內(nèi)RegularExpressionValidator驗(yàn)證輸入的數(shù)據(jù)是否符合指定的格式規(guī)范2、驗(yàn)證控件的通用屬性和方法ComtrolToValidate要驗(yàn)證控件的IDText驗(yàn)證失敗時(shí)要顯示的信息Errormessage未通過驗(yàn)證時(shí)要顯示的信息。Display錯(cuò)誤信息的顯示方式。有三種取值：none不在

30、網(wǎng)頁中顯示出錯(cuò)信息；static在網(wǎng)頁中保留出錯(cuò)信息顯示的位置；dynamic在網(wǎng)頁中不保留出錯(cuò)信息顯示的位置。3、可以使用驗(yàn)證控件的控件并非所有的WEB服務(wù)器控件都能使用驗(yàn)證控件，可以使用驗(yàn)證控件的表單控件如下：控件名稱可驗(yàn)證的屬性TextBoxTextListBoxSelectedItem.ValueDropdownListSelectedItem.ValueRadioButtonListSelectedItem.Value在一個(gè)網(wǎng)頁程序中可以利用上述的幾種驗(yàn)證控件對(duì)表單數(shù)據(jù)信息進(jìn)行驗(yàn)證，如果一個(gè)網(wǎng)頁中所有驗(yàn)證控件都通過了驗(yàn)證，那么該網(wǎng)頁自身的Page對(duì)象的IsValid屬性將會(huì)是true

31、；反之，如果網(wǎng)頁P(yáng)age對(duì)象的IsValid屬性是false值，則說明網(wǎng)頁中至少有一個(gè)驗(yàn)證控件未能驗(yàn)證通過。RequiredFieldValidator控件案例(5_17)此控件用于對(duì)用戶必須填寫的關(guān)鍵性輸入域進(jìn)行驗(yàn)證。在頁面中添加一個(gè)按鈕、一個(gè)標(biāo)簽、一個(gè)RequiredFieldValidator控件，設(shè)置它的ControlToVAlidate為TextBox1，Text為“請(qǐng)輸入姓名”。RangeValidator控件案例（5_18）此控件限制用戶輸入指定范圍內(nèi)的數(shù)據(jù)。添加RangeValidator控件，并按如下要求設(shè)置屬性。屬性設(shè)置值屬性設(shè)置值ControlToValidateText

32、Box1MaximunValue100ErrorMessage成績必須在0100之間TypeIntegerMinimumValue0CompareValidator控件對(duì)兩個(gè)控件進(jìn)行比較，或者用于控件和常量之間的比較。常用屬性有：ControlToValidate：要驗(yàn)證的控件IDControlToCompare：要比較的控件IDValueToCompare：要比較的常數(shù)值Operator：兩個(gè)控件內(nèi)容比較時(shí)，采用的比較運(yùn)算符類型Type：字符串，整型，雙精度，日期，貨幣CompareValidator控件案例(5_19)驗(yàn)證密碼必須相等添加CompareValidator控件，并按如下要求設(shè)

33、置屬性。屬性設(shè)置值屬性設(shè)置值Text兩次輸入的密碼必須相同ControlToValidateTextBox1ControlToCompareTextBox2TypeString思考：如何對(duì)日期型數(shù)據(jù)進(jìn)行驗(yàn)證？如何對(duì)常量進(jìn)行驗(yàn)證？注意：如果輸入控件內(nèi)容為空，則不作任何驗(yàn)證。針對(duì)這種情況，應(yīng)先用RequiredFieldValidator驗(yàn)證是否有數(shù)據(jù)輸入，如果有的話，再用CompareValidator控件驗(yàn)證。RegularExpressionValidator控件用于對(duì)輸入信息的格式進(jìn)行驗(yàn)證，如電子郵件地址，網(wǎng)址，身份證號(hào)碼等，該控件最重要的屬性是ValidationExpression，通過靈活地編排該控件的驗(yàn)證規(guī)則，就能夠驗(yàn)證各種各樣的數(shù)據(jù)。對(duì)于屬性中已有的規(guī)則可以直接選取，對(duì)于沒有的規(guī)則需要進(jìn)行設(shè)置，書寫規(guī)則(正則表達(dá)式)要求如下：d 表示只能輸入數(shù)字，如d6表示必須輸入6個(gè)數(shù)字。w 表示可以輸入任何字符，包括大小寫字母，數(shù)字和下畫線。只匹配符號(hào)中的一個(gè)字符。如0-9表示09的單個(gè)字符。匹配字符個(gè)數(shù)限制，如0-92,5要求是0-9之間的數(shù)字，最少2個(gè)，最多5個(gè)。| 二選一，如a-c|A-C+ 要求符合要求的字符至少有1個(gè)