Bai 6 – Gan Ket Du Lieu

– 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]

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

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

6.2 Các kiểu gắn kết liệu đơn giản

• Gắn kết liệu đơn (Single DataBinding)

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) %>

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

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;

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

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

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" />

Tạo nơi hiển thị liệu

<asp:GridView ID="GridView1" runat="server"

Cập nhật liệu - SqlDatasource

1

2

3

<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>

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

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" />

Tạo thêm trường để liên kết đến trang khác

• Tạo trang chitiet.aspx

• Code behind:

Gán liệu TreeView

• Tạo CSDL

• Tạo TreeView (rỗng)

Quản lý File

• Upload file lên Server

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

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

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

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)

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