VS.Net 2005'te Worksheets Designer Kullanarak Bir Çalışma Sayfasını Veritabanıyla Bağlama
VS.Net 2005’te Worksheets Designer Kullanarak Bir Çalışma Sayfasını Veritabanıyla Bağlama
Bu makalenin amacı, tüm geliştiricilerin bir veri bağlama uygulamasını nasıl oluşturabileceğinizi öğrenmelerini sağlamaktır.VS.Net 2005 ve kullanımını ve rolünü anlayınÇalışma Sayfaları Tasarımcısı editör. Bir şeyi öğrenmenin ve anlamanın en iyi yolu örneklerdir. Bu nedenle, bu yazıda, kullanımını göstermek için örnek bir uygulama oluşturmak da bizim için en iyisi olacaktır.Çalışma Sayfaları Tasarımcısıçalışma sayfalarını veritabanıyla bağlamada. Adım adım bir uygulama oluşturalım.
1. Adım: Örnek Veritabanı Oluşturma
Öncelikle bu yazımızda kullanılacak örnek bir veritabanı oluşturacağız. Aşağıdakileri içeren örnek bir veritabanı oluşturmak için MS Access’i kullandık:Ürün:% s Şeması aşağıda gösterilen tablo:
Figür: Tasarım bilgisiÜrün:% s masa
Birkaç boş kayıt eklendiÜrün:% s aşağıdaki şekilde gösterildiği gibi tablo:
Figür: KayıtlarÜrün:% s masa
Adım 2: Örnek Uygulama Tasarlama
BirASP.NET Web Uygulaması aşağıdaki şekillerde gösterildiği gibi Visual Studio.NET 2005’te oluşturulmuş ve tasarlanmıştır. Bu ekran görüntüleri, Visual Studio.Net 2005’te Aspose.Cells.GridWeb kullanımına pek aşina olmayan geliştiriciler için kullanışlıdır.
İlk önce VS.Net 2005’i başlatın.
Figür: VS.Net 2005’i Başlatma
Dosya|Yeni|Web Sitesi… Menüsünden yeni bir Web Sitesi oluşturun.
Figür: Yeni bir Web Sitesi Oluşturma
Dosya|Yeni|Web Sitesi… menü seçeneğine tıkladıktan sonra,Yeni web sitesi diyalog gösterilir. TıklaAraştır içindeki düğme.
**Figür:**Yeni Web Sitesi İletişim Kutusu
tıkladıktan sonraAraştır düğmesine basın, yerel IIS’de konum klasörünü seçin. Yeni bir klasör oluşturup şekilde görüldüğü gibi sanal klasör haline getirebilirsiniz.
Figür: Yeni bir Klasör oluşturma
tıkladıktan sonraAçık düğmesindekiKonum seç diyalog,Yeni web sitesi diyalog gibi görünecektir.
Figür: Proje Konumunu Ayarlama
Şimdi proje oluşturuldu
Figür: Oluşturulan Proje
XHTML ve HTML Modları
Aspose.Cells.GridWeb beri VS.Net 2005’te varsayılan olarak uygulanan XHTML Modunu tamamen destekler.Xhtml Modu mülkiyetiGridWeb kontrol ayarlandıDoğru kontrolü web sayfasına yerleştirdiğinizde varsayılan olarak. Ancak VS.Net 2005’te kontrol için HTML Modunu uygulamak istiyorsanız, bunu oldukça kolay bir şekilde yapabilirsiniz. değiştirmek zorundasın**** web sayfasının kaynak kodunda biraz etiketleyin ve**Xhtml Modu** mülkiyeti**GridWeb** kontrol etmek**YANLIŞ** .
Bu başlıkta kontrol için HTML Modunu kullanacağız. Öyleyse aşağıdaki adımları izleyin
1. Web sayfasının Kaynak görünümüne geçin ve kaynak kodunda aşağıdaki <!DOCTYPE> etiketini bulun.
xml
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Bu etiketi bulduğunuzda, aşağıda gösterildiği gibi kaynak kodundaki tam etiketi seçin.
Figür: seçme**<!DOCTYPE> etiketi**
değiştirin**** kaynak kodunuzdan aşağıdaki ile etiketleyin.
xml
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
Figür: Değiştirme**<!DOCTYPE> etiketi**
2. Ardından GridWeb kontrolünü web formuna ekleyeceksiniz. Denetimi seçmeli ve Özellikler penceresinden XhtmlMode özelliğini Yanlış olarak ayarlamak için seçmelisiniz.
GridWeb’i WebForm’a Ekleme
Sağ tıklayınAraç Kutusu ve seçÖğeleri Seç… menüden.
Figür: Öğeleri Seçmek
şimdi seçGridWeb bileşen ve tıklayınTamam
Figür: seçmeGridWeb bileşen iletişim kutusundaki bileşen
ŞimdiGridWeb aşağıdaki şekilde gösterildiği gibi eklenir.
Figür: GridWeb araç kutusuna eklenir
yerleştirinGridWeb aşağıda gösterildiği gibi web formunda.
Figür: yerleştirmeGridWeb web sayfasında
Adım 3: Server Explorer Kullanarak Veritabanına Bağlanma ve Bağlantı Nesnesini Ayarlama
Daha önce oluşturduğumuz projeye ilk olarak MS Access veritabanını ekliyoruz.Aşama 1 . bunu görebilirsindb.mdb dosya projeye eklenir.
Figür: Proje klasörüne veritabanı eklendi
Şimdi, gidiyoruzBileşen Tasarımcısı web sayfasının sağ tıklama menü seçeneğini kullanarak web formunun penceresi.
Figür: seçmeBileşen Tasarımcısını Görüntüle seçenek
Bileşen Tasarımcısı penceresi aşağıdaki gibidir.
Figür: Bileşen Tasarımcısı Penceresi
çift tıklayınOleDbConnection oleDbConnection1 nesnesini pencereye yerleştirmek için Veri panelinden bileşen.
Figür: oleDbConnection1 nesnesi
Şimdi veritabanı ile bağlantı kurma zamanı. kullanarak kolayca yapabiliriz.Sunucu Gezgini Visual Studio.NET 2005’te. Sadece seçinVeri bağlantısı içindeSunucu Gezgini ve sağ tıklayın. Önünüzde görünen bir bağlam menüsü göreceksiniz. Seçme**Bağlantı Ekle…**menüden aşağıdaki şekilde gösterildiği gibi bir seçenek:
Figür: seçmeBağlantı Ekle… menüden seçenek
seçtikten sonraBağlantı Ekle… menü seçeneği,Bağlantı Ekle iletişim kutusu açılacak veAraştır aşağıda gösterildiği gibi veritabanı dosyasını seçmek için.
Figür: Veritabanı dosyasının seçilmesi
Bağlantıyı test edebilirsiniz.
Figür: Bağlantıyı test etme
Tabloyu ve alanlarını kontrol etmek için bağlantıya göz atabilirsiniz.
Figür: Tabloyu ve bağlantı alanlarını kontrol etme
Şimdi seçersenizoleDbConnection1 içindeki nesneBileşen Tasarımcısı penceresinde, yeni oluşturulan mevcut bağlantıyla ilgili bağlantı dizesini seçebilirsiniz, bu, “ConnectionString” özelliğinde oradadır.oleDbConnection1 Özellikler penceresindeki nesne.
Figür: Nesne için bağlantı dizesini seçme
Son olarak, nesnenin değiştiricisi şu şekilde değiştirilir:Korumalı daha iyi erişilebilirlik için.
Figür: Nesnenin değiştiricisini ayarlama
4. Adım: Veri Bağdaştırıcısı Nesnesini Yapılandırma
Şimdi, bir ekleyinOleDbDataAdapter yapılandırmak için araç kutusundaki Veri panelinden bileşeni seçin. çift tıklayınOleDbDataAdapter araç kutusunun Veri panelinde, yapılandırma sihirbazını başlatacak ve şekilde gösterildiği gibi mevcut bağlantıyı seçecektir:
Figür: Veri Bağdaştırıcısı Yapılandırma Sihirbazı
tıkladıktan sonraSonraki düğmesini tıklayınSorgu oluşturucu eklemek içinÜrün:% s tablo, Tüm Sütunlar’ı seçin ve tıklayınTamam buton.
Figür: Ürün tablosu ekleme
Figür: Sorgu oluşturucu
Şimdi tıklayınBitiş Sihirbazı bitirmek için düğmesine basın.
Figür: Sihirbazı Bitirme
Sihirbazı yapılandırdıktan sonra, oleDbDataAdapter1 aşağıda gösterildiği gibi otomatik olarak pencereye eklenir. Ayrıca, değiştiricisini şu şekilde ayarlayabilirsiniz:Korumalı.
Figür: Tasarımcı penceresinde OleDbDataAdapter nesnesini alma
5. Adım: Veri Kümesi Oluşturma
Veritabanı bağlantısı ve veri adaptörü nesneleri oluşturduğumuz için, ancak yine de veritabanına bağlandıktan sonra verileri depolayabileceğimiz bir şeye ihtiyacımız var. AVeri Kümesinesne verileri tam olarak depolayabilir ve biz de VS.NET 2005 IDE kullanarak kolayca üretebiliriz. Bunu yapmak için seçinoleDbDataAdaper1 ve sağ tıklayın. Bazı seçeneklerle birlikte bir bağlam menüsü açılır. Seçmeoluştur Veri Kümesi… menüden aşağıdaki şekilde gösterildiği gibi seçeneği seçin.
Figür: seçmeoluştur Veri Kümesi… menüden seçenek
seçtikten sonraoluştur Veri Kümesi… menü seçeneği, birVeri Kümesi Oluştur diyalog açılacaktı. Bu iletişim kutusunu kullanarak, yeni dosyanın adının ne olacağını seçebiliriz.Veri Kümesi oluşturulacak nesne ve hangi tabloların eklenmesi gerektiğiVeri Kümesi . Kontrol etmekBu veri kümesini tasarımcıya ekle seçeneği ve tıklayınTamam aşağıdaki şekilde gösterildiği gibi düğme.
Figür: tıklamaTamam oluşturmak için düğmeVeri Kümesi
Şimdi, bir görebilirsinizveri Kümesi11 aşağıdaki şekilde gösterildiği gibi tasarımcıya nesne eklendi. Nesne değiştiriciyi şu şekilde ayarlayın:Korumalı.
Figür: Veri Kümesi oluşturuldu ve tasarımcı penceresine eklendi
.cs dosyasıyla ilgili bağlantı, veri bağdaştırıcısı, veri kümesi nesnesinde belirli kodlar otomatik olarak oluşturulur.
Figür: Üretilen Kod
6. Adım: Çalışma Sayfası Tasarımcısını Kullanma
Şimdi sırrı açma zamanı. Kontrolü seçin ve sağ tıklayın. Bir bağlam menüsü açılacaktı. Aşağıdaki şekilde gösterildiği gibi menüden Worksheets Designer… seçeneğini seçin.
Figür: seçmeÇalışma Sayfaları Tasarımcısı… menüden seçenek
Daha sonraÇalışma Sayfası Koleksiyonu Düzenleyicisi diyalog (aynı zamandaÇalışma Sayfaları Tasarımcısı ) açılacaktır, bağlamak için yapılandırılabilecek birkaç özellik görebilirsiniz.Sayfa1 veritabanındaki herhangi bir tablo ile. hadi seçelimVeri kaynağı Emlak. Yazı yazmakveri Kümesi11 içinde (önceki adımda oluşturup tasarımcı penceresine eklediğimiz). Sonra üzerine tıklayınVeri Üyesi Emlak. Yazı yazmakÜrün:% s Şekilde aşağıda gösterildiği gibi burada bir tablo adı olarak:
Figür: AyarVeri kaynağı veVeri Üyesi özellikler
Şimdi yapılandırabilirsinizBindColumns Emlak. Tıkladıktan sonra, Şimdi bağlama sütunlarını ekleyebilir veAltyazı , Veri alanı (Şununla aynı olmalıdır:Ürün:% s tablo alanları) ve diğer özellikler. ayarlayabilirsinizAutoCreated mı iledoğru ve uygulaDoğrulama ve ayarlaSayıTürüGereksinimleriniz için farklı alanlar.
Figür: tıklamaBindColumns Emlak
Figür: BindColumn Toplama Düzenleyicisi diyalog
7. Adım: Web Sayfası İçin Bazı Kod Satırları Ekleme
KullandıkÇalışma Sayfaları Tasarımcısı kolayca ve şimdi sadece birkaç kod satırı eklememiz gerekiyor
ilk biz ekleyeceğizOnInit’te başlatılacak olayla ilgili kodBileşeni Başlatma bağlantı, komut, veri bağdaştırıcısı ve veri kümesi nesnelerini başlatma ve oluşturma yöntemi. Bu kod satırları, otomatik olarak oluşturulan kodla birlikte eklenmez, bu nedenle bunları manuel olarak eklemeliyiz.
Figür: Biraz kod ekleme1
Figür: Bazı code2 ekleme
Şimdi bazı kodlar ekliyoruzSayfa_Yük doldurma için olay işleyicisiveri Kümesi11 veritabanından veri içeren nesne (kullanarakoleDbDataAdapter1 ) ve bağlamaGridWeb ile kontrolveri Kümesi11 onu arayarakveri bağı yöntem.
Örnek vermek:
C#
//Implementing Page_Load event handler
protected void Page_Load(object sender, EventArgs e)
{
//Checking if there is not any PostBack
if (!IsPostBack)
{
try
{
//Filling DataSet with data
oleDbDataAdapter1.Fill(dataSet11);
//Binding GridWeb with DataSet
GridWeb1.DataBind();
}
finally
{
//Finally, closing database connection
oleDbConnection1.Close();
}
}
}
VB.NET
'Implementing Page_Load event handler
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
'Checking if there is not any PostBack
If Not IsPostBack Then
Try
'Filling DataSet with data
oleDbDataAdapter1.Fill(dataSet11)
'Binding GridWeb with DataSet
GridWeb1.DataBind()
Finally
'Finally, closing database connection
oleDbConnection1.Close()
End Try
End If
End Sub
Eklenen kodu da kontrol edebilirsiniz.Sayfa_Yük aşağıdaki şekilde gösterildiği gibi olay işleyicisi:
Figür: Kod eklendiSayfa_Yük olay işleyicisi
Şimdiye kadar çok kullanışlı bir veritabanı uygulaması oluşturduk. Ancak bu uygulama sadece tablonun verilerini görmenizi sağlar. Verileri düzenleyebilmenize rağmenGridWeb kontrol edin, ancak ne zaman tarayıcı pencerenizi kapatacaksınız ve veritabanınızı açacaksınız. Hiçbir şeyin değişmediğini göreceksiniz. Yani yaptığınız değişiklikler veri tabanına kaydedilmez. Yani, yapmanız gereken bir şey var.
Şimdi uygulamamıza bazı kodlar ekleyeceğiz, böyleceGridWeb değişikliklerini gerçek veritabanına kaydedebilir. Hadi açalımÖzellikler bölmesi ve seçinKomutu Kaydet olayıGridWeb olayları listesinden kontrol edin. üzerine çift tıklarsanızKomutu Kaydet olay sonra VS.NET 2005 IDE oluşturacakGridWeb1_SaveCommand sizin için olay işleyicisi. Veritabanını içinde yer alan değiştirilmiş verilerle güncellemek için bu olay işleyicisine bazı kodlar ekleyin.Veri Kümesi (çalışma sayfasına bağlı) kullanarakoleDbDataAdapter1.
Örnek vermek:
C#
//Implementing the event handler for SaveCommand event
protected void GridWeb1_SaveCommand(object sender, EventArgs e)
{
try
{
//Getting the modified data of worksheet as a DataSet
DataSet dataset = (DataSet)GridWeb1.WebWorksheets[0].DataSource;
//Updating database according to modified DataSet
oleDbDataAdapter1.Update(dataset);
}
finally
{
//Closing database connection
oleDbConnection1.Close();
}
}
VB.NET
'Implementing the event handler for SaveCommand event
Protected Sub GridWeb1_SaveCommand(ByVal sender As Object, ByVal e As System.EventArgs)
Handles GridWeb1.SaveCommand
Try
'Getting the modified data of worksheet as a DataSet
Dim dataset As DataSet = CType(GridWeb1.WebWorksheets(0).DataSource, DataSet)
'Updating database according to modified DataSet
oleDbDataAdapter1.Update(dataset)
Finally
'Closing database connection
oleDbConnection1.Close()
End Try
End Sub
Eklenen kodu da kontrol edebilirsiniz.GridWeb1_SaveCommand aşağıdaki şekilde gösterildiği gibi olay işleyicisi:
Figür: Kod eklendiGridWeb1_SaveCommand olay işleyicisi
Şimdi, değişikliklerinizi kullanarak veritabanına kaydedeceksenizKayıt etmek düğmesiGridWeb , kesinlikle kurtulacaklardı.
8. Adım: Uygulamanızı Çalıştırma
Son olarak, ya basarak uygulamamızı derleyebilir ve çalıştırabiliriz.Ctrl+F5 veya tıklamaBaşlama buton. Hata ayıklama iletişim kutusunda, uygun hata ayıklama seçeneğini belirtebilir veTamam aşağıdaki şekilde gösterildiği gibi düğme.
Figür: Çalışan uygulama
Derlemeden sonra,varsayılan.aspx web uygulamamızın sayfası, aşağıda gösterildiği gibi veritabanından yüklenen tüm verileri görebileceğimiz yeni bir tarayıcı penceresinde açılacaktır:
Figür: Veriler yüklendiGridWeb veri tabanından kontrol
Veriler yüklendiğindeGridWeb kontrol ederseniz, Aspose.Cells.GridWeb’in kullanıcılarına üstü kapalı bir veri kontrolü sağladığını hissedersiniz. tarafından ne tür veri işleme özelliklerinin sunulduğunu kontrol edelim.GridWeb kullanıcılarına.
Veri doğrulama
Aspose.Cells.GridWeb, veritabanında tanımlanan veri türlerine göre tüm ilişkili sütunlar için uygun doğrulama kurallarını otomatik olarak oluşturur. Aşağıdaki şekilde gösterildiği gibi, fare işaretçinizi hücrenin üzerine getirerek bir hücrenin doğrulama türünü görebilirsiniz:
**Figür:**Bir hücrenin doğrulama türünü kontrol etme
Yukarıdaki şekilde, seçili hücrenin içerdiğini görebiliriz.<INT> Bu, kullanıcıların ona yalnızca tamsayı değeri girebileceği anlamına gelir, aksi takdirde bir doğrulama hatası oluşur. Dahası,<GEREKLİ> değerinin olduğunu gösterir.ürün kimliği kullanıcı tarafından sunulması zorunludur.
Satırları Silme
Bir satırı silmek için önce bir satırı (veya satırın herhangi bir hücresini) seçipSırayı sil Aşağıda gösterildiği gibi sağ tıklama menüsünden seçenek:
Figür: seçmeSırayı sil menüden seçenek
seçtikten sonraSırayı sil menüden satır silinirGridWeb . Şimdi tıklayınkayıt etmek düğmesiGridWeb orijinal veritabanı tablosundaki bu kaydı silmek için.
Figür: Izgara verileri (bir satır silindikten sonra)
Satırları Düzenleme
Ayrıca hücrelerdeki veya satırlardaki verileri düzenleyebilir ve ardındanKayıt etmek Değişikliklerinizi kaydetmek için düğmesine basın.
Figür: Kılavuz verileri (Kayıt1 Düzenleme)
Figür: Izgara verileri (Kayıt2’yi Düzenleme)
Satır Ekleme
Satır eklemek için seçinSatır ekle Aşağıda gösterildiği gibi sağ tıklama menüsünden seçenek:
Figür: seçmeSatır ekle menüden seçenek
Seçildikten sonra satırların sonunda sayfaya yeni bir satır eklenecektir.Satır ekle menü seçeneği. Yeni eklenen satırın solunda biryıldız işareti satırın yeni eklendiğini gösteren işaret.
Figür: Izgaraya yeni satır eklendi
Yeni satırdaki değerleri girdikten sonra, tıklayınKayıt etmek Aşağıda gösterildiği gibi orijinal veritabanı tablosundaki değişiklikleri onaylamak için düğmesine basın.
Figür: Değişiklikleri tıklayarak veritabanı tablosuna kaydetmeKayıt etmek buton