Đang tải... (xem toàn văn)
– API đầu tiên là một giao diện trừu tượng quy định tại các điều khoản của các dữ liệu phổ biến các hoạt động có nghĩa là để được sử dụng một cách chung chung từ bất kỳ kiểm soát dữ li[r]
(1)Bài 6
Gắn kết liệu
6.1 Khái niệm
6.2 Các kiểu gắn kết liệu đơn giản
(2)6.1 Khái niệm
• Kiểm sốt liệu hướng đến tự động;
• Kiểm sốt nguồn liệu với giá trị tham số để xác định liệu cần phải lựa chọn
• Một kiểm sốt nguồn liệu đóng gói lớp có nguồn
gốc từ DataSourceView
• Ở mức tối thiểu DataSourceView phải thực chức
(INSERT, UPDATE, DELETE)
• Kiểm sốt nguồn liệu thực hai API:
– API giao diện trừu tượng quy định điều khoản liệu phổ biến hoạt động có nghĩa để sử dụng cách chung chung từ kiểm soát liệu bị ràng buộc
(3)6.2 Các kiểu gắn kết liệu đơn giản
• Gắn kết liệu đơn (Single DataBinding)
(4)Dạng gắn kết liệu đơn (Single DataBinding)
• Hằng số: <%= 20 %>
• Hằng xâu: <%= "Xin chào" %>
• Biểu thức: <%= 10+5 %>
• Hàm: <%="Sin(3.14/2)=“+ Math.Sin(3.14/2) %>
(5)Dạng gắn kết liệu có lặp lại (Repeated Data Binding)
• DataSource: Là thuộc tính để đến nguồn
dữ liệu cần gắn kết Nguồn liệu phải tập hợp Ví dụ: DataTabe, Array,…
• DataSourceID:
– Chỉ đến đối tượng cung cấp nguồn liệu
– Sử dụng thuộc tính DataSourceID DataSource
• DataTextField: Cho biết gắn kết với trường
(6)Code
SqlConnection ketnoi = new SqlConnection(@"Data Source=.\SQLEXPRESS;AttachDbFilename=D:\BAI
TAP\web\Demo\gandulieu\App_Data\Database.mdf;Integrated Security=True;User Instance=True");
ketnoi.Open(); SqlCommand cd;
cd = new SqlCommand();
cd.CommandText = "select * from sinhvien"; cd.Connection = ketnoi;
SqlDataReader dr;
dr = cd.ExecuteReader(); opt2.DataSource = dr;
(7)6.3 Gắn kết liệu với DataSource controls
• DataSource controls
• Các bước:
– Tạo DataSource controls
– Tạo nơi hiển thị liệu
(8)DataSource controls
• Ý nghĩa: Cho phép truy xuất tới
bất kỳ nguồn liệu sử dụng trình điều khiển (Provider) ADO.NET
• Cách thực hiện:
– Tạo DataSource controls
– Tạo nơi hiển thị liệu
(9)Tạo DataSource controls
• File aspx:
<asp:SqlDataSource ID="SqlData1" runat="server"
ConnectionString="<%$ ConnectionStrings:ketnoi %>" SelectCommand="SELECT * FROM [taikhoan]" >
</asp:SqlDataSource>
• File web.config:
<connectionStrings>
<add name=“ketnoi" connectionString="Data Source=.\SQLEXPRESS;AttachDbFilename=|
DataDirectory|\Database.mdf;Integrated Security=True;User Instance=True" providerName="System.Data.SqlClient" />
(10)Tạo nơi hiển thị liệu
<asp:GridView ID="GridView1" runat="server"
(11)Cập nhật liệu - SqlDatasource
1
2
3
(12)<asp:SqlDataSource ID="SqlData1" runat="server"
ConnectionString="<%$ ConnectionStrings:ketnoi %>" SelectCommand="SELECT * FROM [taikhoan]"
ConflictDetection="CompareAllValues"
DeleteCommand="DELETE FROM [taikhoan] WHERE [tentruycap] = @original_tentruycap AND (([matkhau] = @original_matkhau) OR ([matkhau] IS NULL AND @original_matkhau IS NULL))"
InsertCommand="INSERT INTO [taikhoan] ([matkhau], [tentruycap]) VALUES (@matkhau, @tentruycap)"
OldValuesParameterFormatString="original_{0}"
UpdateCommand="UPDATE [taikhoan] SET [matkhau] = @matkhau WHERE [tentruycap] = @original_tentruycap AND (([matkhau] = @original_matkhau) OR ([matkhau] IS NULL AND
@original_matkhau IS NULL))" > <DeleteParameters>
<asp:Parameter Name="original_tentruycap" Type="String" /> <asp:Parameter Name="original_matkhau" Type="String" /> </DeleteParameters>
<InsertParameters>
<asp:Parameter Name="matkhau" Type="String" /> <asp:Parameter Name="tentruycap" Type="String" /> </InsertParameters>
<UpdateParameters>
<asp:Parameter Name="matkhau" Type="String" />
<asp:Parameter Name="original_tentruycap" Type="String" /> <asp:Parameter Name="original_matkhau" Type="String" /> </UpdateParameters>
(13)(14)(15)6.4 Minh họa
• Tạo thêm trường để liên kết đến trang khác
• Gán liệu từ CSDL vào TreeView
• Quản lý File
(16)Tạo thêm trường để liên kết đến trang khác
• Tạo DataSource controls:
<asp:SqlDataSource ID="SqlData1" runat="server"
ConnectionString="<%$ ConnectionStrings:ketnoi %>"
SelectCommand="SELECT matkhau, tentruycap, 'ChiTiet.aspx?tentruycap=' + tentruycap as ChiTiet FROM [taikhoan]"
</asp:SqlDataSource>
• Tạo nơi hiển thị liệu:
<asp:GridView ID="GridView1" runat="server" DataSourceID="SqlData1" >
<Columns> …
<asp:HyperLinkField HeaderText="Chi tiết" DataNavigateUrlFields="ChiTiet" Text="Chi tiết" />
(17)Tạo thêm trường để liên kết đến trang khác
• Tạo trang chitiet.aspx
• Code behind:
(18)Gán liệu TreeView
• Tạo CSDL
• Tạo TreeView (rỗng)
(19)(20)Quản lý File
• Upload file lên Server
(21)Chèn ảnh vào CSDL
• Cáh 1: (Khó)
– Tạo CSDL
– Đọc file ảnh Upload => byte
– Chèn vào field CSDL
• Cách 2: (dễ - không chất vấn đề)
– Tạo CSDL
– Upload ảnh lên Server
(22)Tạo slideshow ảnh
• Cách 1:
– Dùng phần mềm hỗ trợ (Flash Slideshow Builder
v4.5.1) tạo slideshow ảnh lưu thành file html
– Chèn file html vào trang aspx
<! #include file="slideshowanh1.html" >
• Cách 2:
– Bước 1: Bạn tạo file js để xử lý ảnh
(23)Sử dụng AJAX
• AJAX Extensions :
– UpdateProgress
• Ajax Control Toolkit :
– Download file Ajax toolkit
http://ajaxcontroltoolkit.codeplex.com/releases/view /74023
– Cấu hình
(24)Sử dụng UpdateProgress
1 Khai báo css thuộc tính progress
2 Trong nhóm AJAX Extensions :
1 Bạn kéo thả ScriptManager qua vùng soạn thảo code trang web
2 Bạn kéo thả UpdatePanel qua vùng soạn thảo code trang web (xác định vùng postback phía server)
3 Bạn kéo thả UpdateProgress qua vùng soạn thảo mã web (vùng nội dung UpdateProgress)
(25)(26)Tạo viết
• Tạo trang nhập viết
• B1: Tạo CSDL để lưu viết
(ID <int>, tieude <nvarchar(2000)>, noidung <nvarchar(MAX), pathfile <nvarchar(50))
• B2: Tạo giao diện
– Sử dụng Control Server
– Hoặc AJAX Editor
http://ajaxcontroltoolkit.codeplex.com/releases/view/74023