וובמאסטר - תיכנות ובניית אתרים

מדריך ASP.NET - שימוש ב-SqlDataSource

IdoFlatow ,‏ מכללת סלע‏ ‏/‏ 4 פברואר, 2011
F+
F-

במדריך זה נלמד כיצד לטעון נתונים באמצעות SqlDataSource ולהציגם על המסך.

מדריך זה משתמש בבסיס הנתונים Northwind אשר ניתן להורדה כאן.

בדף שלנו נוסיף SqlDataSource ע"י בחירה מה – Toolbox . האובייקט הזה ימצא בקטגורית Data:

ASPNET - בחירת SqlDataSource מה-Toolbox

נגרור אותו לדף שלנו, ונלחץ על החץ המסומן בעיגול:

ASPNET - לחיצה על ה-SmartTag

בתפריט שייפתח נבחר באפשרות היחידה שהיא Configure data source:

ASPNET - הגדרת DataSource

לאחר שיפתח החלון של האשף, נלחץ על כפתור ה – New Connection:

ASPNET - בחירת חיבור

בחלון שייפתח נבחר ב – Microdoft SQL Server ונלחץ על Continue:

ASPNET - בחירת חיבור ל-Sql Server

בחלון שיפתח כעת נכתוב את שם השרת:

ASPNET - הקלדת שם שרת SqlServer

לאחר שנצא משדה שם השרת נוכל לבחור מהרשימה למטה את שם בסיס הנתונים, נוכל לעשות זאת ע"י בחירה או ע"י כתיבה של השם:

ASPNET - בחירת מסד נתונים

לאחר שבחרנו את השם, נלחץ OK. לאחר שנחזור לאשף, נלחץ על Next, כאן נשאל האם לשמור את מחרוזת פרטי ההתקשרות (Connection string) בתוך קובץ הגדרות:

ASPNET - שמירת ConnectionString

עדיף לענות על שאלה זאת בחיוב ולכן נשאיר את תיבת הסימון מסומנת. ניתן לשנות את השם של ה – Connection string, אנחנו נשאיר אותו כמו שהוא ונלחץ על Next. בשלב הבא, נבחר את הטבלה הרצויה לנו:

ASPNET - בחירת טבלה

בחלק התחתון של המסך נראה את העמודות של אותה הטבלה. נוכל לבחור עמודות מסוימות או לבחור ב - * ולהביא את כל העמודות.

נבחר את העמודות EmployeeID, LastName, FirstName ו-Title. למטה נוכל לראות את שאילתת ה – SQL שנבנית כתוצאה מהבחירה שלנו (תחת הכותרת SELECT Statement)

ASPNET - בחירת עמודות

לאחר שבחרנו נלחץ על Next ונגיע לשלב של בדיקת השאילתא:

ASPNET - הרצת שאילתא

לחיצה על TestQuery תביא את תוצאות השאילתא, כעת נותר לנו רק ללחוץ על Finish.

כעת, נצרף לדף שלנו GridView. לאחר שנגרור אותו לדף, נלחץ על החץ שלידו (מסומן בעיגול):

ASPNET - GridView SmartTag

בתפריט שנפתח, נחבר ל – GridView את ה – SqlDataSource שזה עתה סיימנו להגדיר:ASPNET - קישור ל-GridViewנוודא שה – Gridview קיבל שדות בהתאם לשאילתא:

ASPNET - עמודות GridView לפי מקור הנתונים

כל מה שנותר לנו כעת הוא לבדוק איך זה נראה בדפדפן. נעשה זאת ע"י הקלקה ימנית על קובץ ה – ASPX ובחירה ב-View in Browser:

ASPNET - הצגת עמוד ASPX בדפדפן

וזו תהיה התוצאה בדפדפן:

ASPNET - GridView עם נתונים ממסד הנתונים

IdoFlatow, מכללת סלע

יועץ ומרצה בקבוצת סלע לתחומי Web ו-Data. עוסק בתחומים Asp.Net, WCF, Silverlight, IIS ו-Entity Framework.
כותב הקורס הרשמי של מיקרוסופט ל-WCF וכן שותף בכתיבת הספר ASP.NET Programmer's Reference (ISBN 978-0470505458)
תגיות: ASP.NET‏  /  .net‏  /  פיתוח‏  /  צד שרת‏  /  מדריך‏  

תגובות בפייסבוק

תגובות למאמר



עוד במדריך

תגיות פופולאריות

X
הצטרף לעמוד שלנו בפייסבוק להישאר מעודכן!
וובמאסטר © כל הזכויות שמורות