intTypePromotion=1
zunia.vn Tuyển sinh 2024 dành cho Gen-Z zunia.vn zunia.vn
ADSENSE

Phát triển Web với công nghệ Microsoft ASP.NET & MS SQL Server 2005

Chia sẻ: Trần Ngọc Mai | Ngày: | Loại File: PDF | Số trang:9

60
lượt xem
9
download
 
  Download Vui lòng tải xuống để xem tài liệu đầy đủ

Tài liệu tham khảo dành cho Giáo viên, sinh viên, kỹ thuật viên chuyên môn lập trình - Giáo trình lập trình với Java, giáo trình lập trình windows C# giúp các bạn củng cố kỹ năng lập trình máy tính tốt hơn

Chủ đề:
Lưu

Nội dung Text: Phát triển Web với công nghệ Microsoft ASP.NET & MS SQL Server 2005

  1. Phát tri n Web v i công ngh Microsoft ASP.NET & MS SQL Server 2005 Lab03: THI T K WEBFORM V I CÁC WEBSERVER CONTROL 1. M c tiêu Thi t k webform v i các ði u khi n chu n – Standard • Thi t k webform v i m t s ñi u khi n khác như: Adrotator, Calendard, FileUpload, • Placehoder, Panel, MultiView 2. Xây d ng ng d ng WebServercontrol T o m i Website WebServercontrol • Trang Diadanhdulich.aspx • o T o Table và T o các Control server sau vào trang o ð t thu c tính cho các ñ i tư ng trên WebForm như sau: Control Type Property Value ListBox ID lstDiadanh Rows 4 SelectionMode Multiple Label ID lbSoDD Button ID btChon Label ID lbDiadanh o Vi t mã l nh x lý các s ki n Khi trang ñư c load thêm danh sách m t s ñ a danh vào Listbox lstDiadanh và báo t ng s ñ a danh vào label lbSoDD Khi form ñã load ngư i dùng s ch n 1 vài ñ a danh và Click ch n vào btChon thì hi n th các ñ a danh ñã ch n vào lbDiadanh o Khi thi hành: This is trial version Gi ng viên Dương Thành Ph t - http://www.thayphet.net Trang 1/9 www.adultpdf.com
  2. Phát tri n Web v i công ngh Microsoft ASP.NET & MS SQL Server 2005 Trang Thongtincanhan.aspx g m: 1 Textbox, 2 RadioButton gi i tính, 2 Checkbox ng ai ng , 3 • radioButton thu nh p listbox, 2 label , 1 RadioButtonList Trình ñ , 1 Button ðăng ký. ðư c thi t k và trình bày theo m u sau: o T o Table và T o các Control server sau vào trang o ð t thu c tính cho các ñ i tư ng trên WebForm như sau: Control Type Property Value Textbox ID txtTen Radiobutton ID rdtNam GroupName Gioitinh Radiobutton ID rdtNu GroupName Gioitinh Checkbox ID chkPhapvan Checkbox ID chkAnhvan Radiobutton ID rdtThunhapA GroupName Thunhap Radiobutton ID RdtThunhapB GroupName Thunhap Radiobutton ID RdtThunhapC GroupName Thunhap RadioButtonList ID rdtlTrinhdo Member Sau ñ h c, ð i h c , Cao ñ ng Button ID btDangky Label ID lbThongtin o X lý s ki n: Tùy theo giá tr nh p và ch n l a c a ngư i dùng sau khi Click nút “ðăng ký” thì hi n th k t qu vào Label lbThongtin o Thi hành: This is trial version Gi ng viên Dương Thành Ph t - http://www.thayphet.net Trang 2/9 www.adultpdf.com
  3. Phát tri n Web v i công ngh Microsoft ASP.NET & MS SQL Server 2005 Trang H sơ ñăng ký • Hình 1: Trư c khi nh n nút ðăng ký Hình 2: Sau khi nh n nút ðăng ký Ý nghĩa: Trang web dành cho khách hàng ñăng ký h sơ Yêu c u thi t k : − S d ng ñi u khi n Text, Radio, Button, Textarea Yêu c u x lý: - Nút ðăng ký − Khi ch n, xu t h sơ khách hàng ra màn hình và có ñ nh d ng (hình 2) Trang Docbao.aspx • This is trial version Gi ng viên Dương Thành Ph t - http://www.thayphet.net Trang 3/9 www.adultpdf.com
  4. Phát tri n Web v i công ngh Microsoft ASP.NET & MS SQL Server 2005 Ý nghĩa: Trang web li t kê ñư ng Link ñ n các trang báo có nhi u ngư i ñ c Yêu c u thi t k : S d ng ñi u khi n Label, Image và HyperLink Yêu c u x lý: Khi m trang, xu t n i dung : ”L i ích c a ñ c báo: • M r ng ki n th c • ... ” Các ch c năng − Khi ch n, m trang web báo tương ng v i ch c năng Trang Quangcao.aspx • o T o khung qu ng cáo s d ng ñi u khi n AdRotator theo giao di n sau(Tbale 2 ô,Adrotator AdQuangcao ñ t vào ô cu i): o T o t p tin d li u: Quangcao.xml Pictures\Baihatviet.gif http://www.Baihatviet.net Web Nh c bài hát vi t Music 10 Ghi chú: Hình nh s d ng tùy ý, nên lưu thư m c pictures trong thư m c g c. o Chuy n màn hình qua trang Data, nh p li u tr c ti p trên màn hình này o Thi t l p thu c tính cho ñi u khi n adQuangcao AdvertisementFile: Quangcao.xml Target: _blank (Khi nh n vào s hi n th liên k t c a s m i.) KeywordFilter: Không thi t l p (Hi n th t t c các hình nh) Thi hành xem trang ng d ng This is trial version Gi ng viên Dương Thành Ph t - http://www.thayphet.net Trang 4/9 www.adultpdf.com
  5. Phát tri n Web v i công ngh Microsoft ASP.NET & MS SQL Server 2005 T o trang Calendard.aspx • o T o Calendard vào trang o Ch n Auto Format (Ch n m u ñ nh d ng) o X lý s ki n: Khi trang ñư c load Label lbNgay hi n th Ngày hiên t i c a h th ng theo d ng dd/MM/yyyyy. T i s ki n SelectionChange c a Calendard. Label lbThong hi n th ngày tháng mà ngư i dùng v a Click ch n d ng dd/MM/yyyy. o Thi hành xem trang ng d ng T o trang UploadFile.aspx • This is trial version Gi ng viên Dương Thành Ph t - http://www.thayphet.net Trang 5/9 www.adultpdf.com
  6. Phát tri n Web v i công ngh Microsoft ASP.NET & MS SQL Server 2005 Th c hi n Upload t p tin lên server, c th hơn, t p tin v a Upload s ñư c lưu trong thư m c: Thư m c g c\Upload. o T o vào trang các control như sau: 1 FileUpload, 1 Button btUpload và 1 Label lbThongbao T t c ñư c b trí vào Table theo ñ nh d ng như sau: o X lý s ki n: Khi trang ñư c load ngư i dùng Click vào Browse tìm ch n 1 t p tin c n Upload (ví d 1 file nh) sau khi Click vào Button Upload thì th c hi n sao chép t p tin trên vào thư m c Thư m c g c\Upload.và thong báo k t qu n u Upload thành công. o Khi thi hành: N u thành công T o trang Panels.aspx • Tao trang s d ng Panel g m: 1 panelpage ch a 1 panelsothich va 1 panel nghenghiep, trong panel sothich có vài checkbox, trong panel ngh ngh p hi n th 50 ngh (Ngh 1, Ngh 2, . . .) ñư c ñi n vào khi trang ñư c load. Thêm vào panelpag: hai check box: chkSothich và chkNghenghiep. Khi trang hi n th ngư i dùng ñánh check ho c b check vào checkbox nào thì panel tương ng s hi n ho c n. o Thi t k : o X lý s ki n: Khi trang ñư c Load hi n th 50 ngh (Ngh 1, Ngh 2 . . .) cào PanelNghenghiep Khi ngư i ðánh d u / B d u check c a 2 Checbox Hi n th s thích, Hi n th ngh nghi p thì các Panel tương ng s hi n ho c n. o Thi hành: This is trial version Gi ng viên Dương Thành Ph t - http://www.thayphet.net Trang 6/9 www.adultpdf.com
  7. Phát tri n Web v i công ngh Microsoft ASP.NET & MS SQL Server 2005 T o trang Multiview.aspx: S d ng MultiView k t h p v i ñi u khi n Menu ñ t o m t TabPage • o Thi t k : Trên trang thi t k t o : 1 Multiview (Multiview1) bên trong g m 3 View (View1, View2, View3). T o Control Menu (Menu1) t nhóm Control Navigation : G m 3 Tab (Tab1, Tab2, Tab3) có giá tr l n lư t là (1,2,3) TThu c tính Orientation: Horizaltal (Menu hư ng ngang) B sung n i dung vào các view tương ng o X lý s ki n: Khi ngư i dùng click vào t ng Tab (Tab1, Tab 2, Tab 3) trang s hi n th (View 1, View 2, View 3) tương ng. o Thi hành: T o trang Upload và xem t p tin (ViewUpload.aspx) • Ý nghĩa: Trang web cho phép upload t p tin và xem các t p tin ñư c upload This is trial version Gi ng viên Dương Thành Ph t - http://www.thayphet.net Trang 7/9 www.adultpdf.com
  8. Phát tri n Web v i công ngh Microsoft ASP.NET & MS SQL Server 2005 Hình 1: View Upload t p tin Hình 2: View Xem các t p tin ñư c upload Yêu c u thi t k : S d ng ñi u khi n MultiView, View, LinkButton, FileUpload, TextBox và Button. MultiView ch a 2 view: View th nh t ch a ñi u khi n FileUpload và Button View th hai ch a ñi u khi n TextBox Yêu c u x lý: 1 Nút Upload − Khi ch n, th c hi n: Upload t p tin lên thư m c Upload trên server Xu t danh sách t p tin trong thư m c Upload ra màn hình (trong view th hai) 2 Nút Upload t p tin − Khi ch n, xu t hi n view th nh t - ch c năng Upload (hình 1) 3 Nút Xem các t p tin ñư c upload − Khi ch n, xu t hi n view th hai - xem danh sách t p tin ñư c upload (hình 2) T o trang S n ph m k o (Sanpham.aspx) • Hình 1: Trang web m i m This is trial version Gi ng viên Dương Thành Ph t - http://www.thayphet.net Trang 8/9 www.adultpdf.com
  9. Phát tri n Web v i công ngh Microsoft ASP.NET & MS SQL Server 2005 Hình 2: Ch n s n ph m Ý nghĩa: T o trang web cho phép ngư i dùng ch n các s n ph m k o ñư c yêu thích và xem k t qu ñã ch n. S d ng ViewState. Yêu c u thi t k : S d ng ñi u khi n CheckBox, Label, TextBox và Button Stt Danh sách s n ph m − M i m t CheckBox là m t s n ph m Yêu c u x lý: Giao di n như hình 1 có các CheckBox danh sách s n ph m N u ñư c ch n, thì tăng s s n ph m lên 1 và xu t ra màn hình N u b ch n thì gi m s s n ph m ñi 1 và xu t ra màn hình (hình 2) Nút B t ñ u ch n l i Khi ch n, xóa t t c thông tin S lư ng và S n ph m ñư c ch n, tr v tr ng thái ban ñ u (hình 1) M r ng: dùng JavaScript xóa ch n các CheckBox This is trial version Gi ng viên Dương Thành Ph t - http://www.thayphet.net Trang 9/9 www.adultpdf.com
ADSENSE

CÓ THỂ BẠN MUỐN DOWNLOAD

 

Đồng bộ tài khoản
7=>1