Phát triển Web với công nghệ Microsoft ASP.NET & MS SQL Server 2005
lượt xem 10
download
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
Bình luận(0) Đăng nhập để gửi bình luận!
Nội dung Text: Phát triển Web với công nghệ Microsoft ASP.NET & MS SQL Server 2005
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
CÓ THỂ BẠN MUỐN DOWNLOAD
-
Ajax cho các nhà phát triển Java: Xây dựng các ứng dụng Java động Ajax mở đường cho các ứng dụng Web tốt hơn
22 p | 144 | 21
-
Ajax cho các nhà phát triển Java: Khảo sát bộ công cụ Web của Google Phát triển các ứng dụng Ajax từ một cơ sở mã Java
32 p | 111 | 19
-
Bài giảng Phát triển ứng dụng Web – Web Programming: Chương 1 - ThS. Lương Trần Hy Hiến
99 p | 120 | 17
-
Thiết kế và phát triển các dịch vụ Web JAX-WS 2.0
37 p | 135 | 15
-
Bài giảng Phát triển web nâng cao - Bài 3: Server control
54 p | 77 | 11
-
Cài đặt các ứng dụng web với Windows Web Platform-P1
4 p | 100 | 10
-
Phát triển Web với công nghệ Microsoft ASP.NET & MS SQL Server 2005
5 p | 70 | 9
-
Ajax cho các nhà phát triển Java: Tuần tự hóa đối tượng Java cho Ajax Năm cách để tuần tự hóa dữ liệu trong các ứng dụng Ajax
22 p | 129 | 9
-
Phát triển Web với công nghệ Microsoft ASP.NET & MS SQL Server 2005
11 p | 111 | 8
-
Phát triển Web với công nghệ Microsoft ASP.NET & MS SQL Server 2005
8 p | 81 | 7
-
Phát triển Web với công nghệ Microsoft ASP.NET & MS SQL Server 2005
6 p | 108 | 7
-
Bài giảng Công nghệ XML và WEB ngữ nghĩa - Bài 1
27 p | 56 | 6
-
Phát triển Web với công nghệ Microsoft ASP.NET & MS SQL Server 2005
7 p | 95 | 6
-
Bài giảng Phát triển ứng dụng web: Bài 4 - Lê Đình Thanh
27 p | 77 | 5
-
Reverse Ajax, Phần 5: Phát triển web theo hướng sự kiện
7 p | 51 | 4
-
Đánh giá những Framework PHP tốt nhất cho phát triển web hiện đại và một số ứng dụng tại Học Viện Nông nghiệp Việt Nam
11 p | 76 | 3
-
Bài giảng Phát triển ứng dụng web: Chương 6 - Lê Đình Thanh
104 p | 10 | 3
Chịu trách nhiệm nội dung:
Nguyễn Công Hà - Giám đốc Công ty TNHH TÀI LIỆU TRỰC TUYẾN VI NA
LIÊN HỆ
Địa chỉ: P402, 54A Nơ Trang Long, Phường 14, Q.Bình Thạnh, TP.HCM
Hotline: 093 303 0098
Email: support@tailieu.vn