آموزش مباحث پيشرفته در طراحي صفحات وبjavascript - SQL - ADO

[آبجی]

برای مطالعه ی این دوره ی آموزشی نیاز است کاربران محترم با دوره های زیر آشنایی داشته باشند :

- HTML
- مبانی برنامه نویسی
- آشنایی با مبانی Database و یک برنامه مانند Access

جهت کد نویسی و طراحی صفحات وب نیاز به یک Text Editor ساده مانند Notepad که در تمامی ویندوزها قابل دسترسی می باشد و نیاز به نصب Text Editor جدید نیست .
ضمنا سیستم شما باید دارای مشخصات سخت افزاری ذیل باشد :

- حداقل سیستم مورد نیاز پنتیوم 233
- 16 مگابایت Ram
- حدود 600 مگا بایت فضای آزاد

[آبجی]

چگونه كدهاي جاوا اسكريپت را در HTML وارد كنيم




http://www.ostadonline.com/img/javascript/01.gif
براي نوشتن توضيحات : (در HTML )
// توضيحات
/* توضيحات */

[آبجی]

كدهاي Java Script در كدام قسمت HTML داخل ميشود؟


هم در قسمت HEAD :

http://www.ostadonline.com/img/javascript/02.gif
اگر كدهاي Java Script در قسمت Head وارد شوند ، مطمئن خواهید بود كه در هنگام بارگذاري صفحه برنامه شما در حافظه Load ميشود قبل از اينكه كسي از صفحه استفاده كند.
هم در قسمت Body :

http://www.ostadonline.com/img/javascript/03.gif
اگر كدها در قسمت Body باشند اين كد معمولا قسمتهاي ديگر صفحه را ايجاد ميكند.
مثال :
وقتي كه كد در قسمت Body باشد :

http://www.ostadonline.com/img/javascript/04.gif
در اين مثال وقتي صفحه بارگذاري ميشود يك پيغام HELLO USER براي شما نمايش داده ميشود.

[آبجی]

چگونه يك كد Java script خارجي را در HTML اجرا ميكنيم ؟



http://www.ostadonline.com/img/javascript/05.gif
اين عبارت را در يك فايل به نام xxx.js ذخيره ميكنيم.
و حال آنرا در كد HTML خودمان فرا می خوانیم.

http://www.ostadonline.com/img/javascript/06.gif

[آبجی]

تعريف متغير ها

1-اسم متغير به حروف بزرگ و كوچك حساسيت دارد.
2-اسم متغير ها بايد با حرف شروع شود.
-در تعريف متغير استفاده از كلمه Var دلخواه است.
Var strname
مقدار دهي به متغير ها :

http://www.ostadonline.com/img/javascript/07.gif


عملگر ها-تعريف عملگرهاي محاسباتي


جمع +
تفريق -
ضرب *
تقسيم /
باقيمانده %
افزايش يک واحدي ++
کاهش يک واحدي --
تعريف عملگر هاي مقايسه اي
معادل بودن ==
برابر نبودن !=
بزرگتر از >
كوچكتر از < /
بزرگتر يا مساوي >=
كوچكتر يا مساوی <=
تعريف عملگر هاي منطقي :
and &&
OR ||
NOT !
تعريف عملگر رشته اي :
الحاق دو رشته +
مثال:

http://www.ostadonline.com/img/javascript/08.gif


تعريف تابع و توابع در Java Script


Function اسم تابع (arg1,arg2,…){
JS كد هاي
}
يك تابع ميتواند آرگومان هم نداشته باشد.
مثال :

http://www.ostadonline.com/img/javascript/09.gif

[آبجی]

چگونه يك تابع را فراخواني كنيم

- يك تابع هنگامي اجرا ميشود كه آن را فراخواني کرده باشیم . به منظور فراخوانی یک تابع ملزم به استفاده از آرگومان ( arg1,arg2) می باشیم ، با این توضیح که نام آرگومانها بدون () باشند . اگر يك تابع مقداري براي باز گرداندن به برنامه اصلي داشت بايد آن را توسط Return برگردانيم.
مثال :

http://www.ostadonline.com/img/javascript/010.gif


فرستادن پيغام براي كاربر

اگر بخواهيم براي User يك پيغام بنويسيم :

http://www.ostadonline.com/img/javascript/011.gif
جملات شرطي :
الف-IF
If ( شرط )
{
در صورت درست بودن شرط كد ها اجرا ميشوند
}
ب- IF……ELSE
If ( شرط )
{
در صورت درست بودن شرط
}
else
{
در صورت درست نبودن شرط
}
مثال :
اگر ساعت قبل از 10 باشد Good Morning نشان مي دهد و در غير اين صورت Good Day نشان ميدهد.

http://www.ostadonline.com/img/javascript/012.gif


Switch

Switch ( شرط)
{
case Label 1 :
باشد اين كدها اجرا ميشود Label 1 اگر شرط برابر [ Codes]
Break
Case Label 2 :
باشد اين كدها اجرا ميشود Label 2 اگر شرط برابر [ Codes]
Break
Default :
نباشد اين كدها اجرا ميشود Label , Label 2 اگر شرط برابر [ Codes]
}
مثال :

http://www.ostadonline.com/img/javascript/013.gif


زبانهاي شيء گرا -Object Oriented


Script يك زبان برنامه نويسي Object Oriented ( شيء گرا ) ميباشد.
در اين قسمت مفهوم شيء گرايي می پردازیم. يك برنامه O-O شامل مفاهيم Object ، Properties ، Methods و Events ميباشد.
Objects : در دنياي حقيقي ، اشياء مانند كامپيوتر ، دوچرخه و ... ميباشند. در زبان JS اشياء درون Browser ها بوده و عبارتند از پنجره ها ، فرمها، دكمه ها و Check Box ها.
Properties : اشياء نيز داراي مشخصه هايي ميباشند. مثلاً گربه داراي پوست ميباشد، كامپيوتر داراي كيبورد و دوچرخه داراي چرخ است.
Methods : كاري كه اشياء ميتوانند انجام دهند Methods ناميده ميشود.
Events (وقايع): عملياتي هستند كه كاربر در هنگام كار با صفحه طراحي شده ، انجام ميدهد. پذيرش (Submitting) يك فرم و تغيير مكان نشانگر ماوس بر روي يك تصوير دو نمونه از حالات و وقايع اتفاق افتاده است.
این وقایع توسط دستوراتي به نام Event Handler برنامه، كنترل می شوند.

[آبجی]

حلقه هاي تكرار


1- حلقه تكرار While :
While ( شرط ){
JS كدهاي
}
2- حلقه تكرار Do…While :
Do
{
JS كدهاي
}
while (شرط )
3- حلقه تكرار For:
For ( مقدار اوليه ; شرط ; افزايش )
{
JS كدهاي
}
مثالي از حلقه For :

http://www.ostadonline.com/img/javascript/014.gif



آبجكت String


آبجكت String : آبجكت String براي كار كردن با متن است. Length ، يك Property براي String است كه تعداد كاراكتر هاي موجود در رشته را بر مي گرداند.
Length:
مثال :

http://www.ostadonline.com/img/javascript/015.gif
خروجي برنامه:
Esfahan Information Technology Center 37
Fontcolor () رنگ متن را عوض ميكند.
Index Of () مكان كاراكتر داده شده را بر ميگرداند.
Match () يك لغت در متن را پيدا ميكند.
Substr () يك لغت در متن را پيدا ميكند.
To LowerCase () به حروف كوچك تبديل ميكند.
To UpperCase () به حروف بزرگ تبديل ميكند.
مثال از متد FontColor()
http://www.ostadonline.com/img/javascript/016.gif

مثالي از متد IndexOf()

http://www.ostadonline.com/img/javascript/017.gif
اين مثال تست ميكند كه آيا يك متن حاوي يك لغت خاص است يا نه. اگر آن لغت خاص در متن باشد مكان اولين كاراكتر از آن لغت را برميگرداند. اولين مكان در متن با عدد 0 مشخص ميشود.
W3 School Is Great 0 1 2 مثال از متد Match () :

http://www.ostadonline.com/img/javascript/018.gif
تست ميكند كه آيا يك رشته حاوي يك لغت خاص است يا نه.
مثال از متدsubstring() , substr() :

http://www.ostadonline.com/img/javascript/019.gif
خروجي :
Format Form

[آبجی]

آبجكت آرايه


تعريف يك آرايه :
براي تعريف آرايه حتماً بايد از كلمه New استفاده کرد.
(Var My-name=new Array(5
ايجاد ميكند My-name اين دستور يك آرايه پنج تايي به نام مقدار دهي به آرايه :

http://www.ostadonline.com/img/javascript/020.gif
چاپ اعضاء آرايه :
چاپ همه اعضاء آرايه

http://www.ostadonline.com/img/javascript/021.gif



معرفي متد ها و خصوصيات يك آرايه


معرفي متد ها و خصوصيات يك آرايه :
Length تعداد عناصر يك آرايه را برميگرداند.
Concat() دو آرايه را به هم الحاق ميكند.
Reverse() آرايه را معكوس ميكند.
Sort() آرايه را مرتب ميكند.
Join() رشته اي الحاق شده از تمام اعضاء آرايه برميگرداند.
Slice() يك تكه از آرايه ، برميگرداند .
مثال :

http://www.ostadonline.com/img/javascript/022.gif
چيزي كه بين اعضاء آرايه قرار ميگيرد.

http://www.ostadonline.com/img/javascript/023.gif



آبجكت Date


آبجكت Date :
هنگامي كه بخواهيم با مقادير زمان و تاريخ كار كنيم از اين Object استفاده ميكنيم .براي تعريف يك آبجكت Date بايد از دستور زير استفاده كنيم.
Var my-date=new Date()
بعد از تعريف Object جديد با استفاده از متد ها ميتوان به مقادير آبجكت Date دسترسي داشته باشيم.






معرفي متدهاي Date


معرفي متدهاي Date :
Date() Date برميگرداند
آبجكت set / getDate() روزهاي هفته را برميگرداند (1-31) / تنظيم ميكند
set / getDay() روز هاي هفته را برميگرداند (6-0) set / getMonth()ماه را برميگرداند (11-0) / تنظيم ميكند
set / getHour()ساعت را برميگرداند / تنظيم ميكند set / getMinutes() دقيقه را برميگرداند / تنظيم ميكند
set / getSecond() ثانيه را برميگرداند / تنظيم ميكند
set / getYear() سال را برميگرداند / تنظيم ميكند

[آبجی]

آبجكتهاي Window


آبجكتهاي Window :

http://www.ostadonline.com/img/javascript/024.gif
مثال:

http://www.ostadonline.com/img/javascript/025.gif



باز كردن يك پنجره جديد - window.open


باز كردن يك پنجره جديد window.open
در اين مثال وقتي روي كليد Open كليك كنيم يك پنجره جديد باز ميشود كه حاوي URL سايت Yahoo ميباشد.
مثال تكميلي براي تغيير خصوصيات پنجره باز شده :

http://www.ostadonline.com/img/javascript/026.gif
مثالي از تركيب متدهاي Confirm , alert :

http://www.ostadonline.com/img/javascript/027.gif





چگونه يك پيغام را در خط وضعيت (Status Bar) اينترنت اكسپلورر قرار دهيم؟




http://www.ostadonline.com/img/javascript/028.gif


گرفتن Print از صفحه


گرفتن Print از صفحه :

http://www.ostadonline.com/img/javascript/029.gif
مثال :
به وسيله اين مثال ميتوان در يك صفحه چندين پيوند را نشان داد

http://www.ostadonline.com/img/javascript/030.gif

[آبجی]

آبجكت Browser :
1- تشخيص نوع Browser :

http://www.ostadonline.com/img/javascript/032.gif
توسط Property از آبجكت Navigator می توان نوع Browser را مشخص كنيم. براي آبجكت Navigator ،Property هاي ديگري نيز وجود دارد :
نوع Browser
Navigator . appName تشخيص ورژن
Browser .appVersion تشخيص سيستم عامل .Platform
آدرس موجود در خط آدرس Browser را ميدهد .Referrer براي اينكه آيا يك Plugin نصب است .Plugins
2- تشخيص Resolution مانيتور :

http://www.ostadonline.com/img/javascript/033.gif
3- تشخيص Mode رنگ كامپيوتر :

http://www.ostadonline.com/img/javascript/034.gif
مثال قرار دادن پيامها در Status Bar :

http://www.ostadonline.com/img/javascript/034.gif
هنگامي كه روي لينك My Son ميرويم در خط وضعيت عبارت Best Kind In The World نمايش داده ميشود.





ايجاد Rollover ها :
مفهوم Rollover بسيار ساده ميباشد. بدين معنا كه ابتدا دو تصوير وجود داشته تصوير اول در هنگام دريافت صفحه وب توسط كاربر در Browser نمايش داده ميشود. بعد از اينكه كاربر ماوس را بر روي اولين تصوير برد، Browser پس از چند ثانیه تصوير دوم را با تصوير اول عوض ميكند.
مثال :

http://www.ostadonline.com/img/javascript/035.gif
Alt ، توضيحي درون مستطيل ميدهد.







آبجكت Frame :
بررسي تگ Frame در HTML :
مفهوم Frameset مشخص كننده چندين قاب در صفحه وب بوده و داراي تگهاي Frame براي هر صفحه ميباشد .
Border اندازه مرز بين قابها را بر حسب پيكسل مشخص ميكند .
Cols ابعاد ستونها را بر حسب پيكسل براي هر قاب مشخص ميكند .
Frameboard با مقادير Yes , No وجود خطوط مرزي بين قابها را مشخص ميكند .
Rows ابعاد سطرها را بر حسب پيكسل براي هر قاب مشخص ميكند .
Frame مكان و ويژگي هر قاب را مشخص ميكند.
Name براي ارجاع صفحات مجموعه قاب توسط Java Script استفاده ميشود.
SRC آدرس صفحه در قاب مشخص ميشود.

[آبجی]

عملگر هاي OR و AND


مثال :

http://www.ostadonline.com/img/javascript/036.gif





توضيح :
توسط SQL ميتوان درون يك بانك اطلاعاتي به جستجو پرداخته (Query) و نتيجه را برگرداند. بانك اطلاعاتي شامل آبجكتي به نام جدول (Table) ميباشد.
ركوردها در بانكهاي اطلاعات و در جداول ذخيره ميگردند.
جدول شامل سطر و ستون ميباشند.
در زير ميتوان يك جدول را مشاهده كرد :
Last Name First Name Address City
مثال:
Select Last name from persons
پر كاربرد ترين دستورات SQL شامل موارد زير است :
SELECT استخراج يك داده از بانك اطلاعاتي .
UPDATE به روز رساني يك داده درون بانك .
DELETE پاك كردن يك داده از بانك اطلاعاتي .
INSERT وارد كردن يك داده جديد به بانك اطلاعاتي.
همچنين در SQL ميتوان داده هايي نيز تعريف كرد :
CREATE TABLE ايجاد يك جدول جديد .
ALTER TABLE تغيير دادن يك جدول .
DROP TABLE پاك كردن يك جدول.
CREATE INDEX ايجاد يك انديس .
(كليد جستجو) DROP INDEX پاك كردن يك انديس





SQL و Active Server Pages - ASP


SQL و Active Server Pages - ASP :
SQL يكي از قسمتهاي خيلي مهم ASP ميباشد زيرا در ASP براي كار با بانكهاي اطلاعاتي از SQL استفاده ميشود. و توسط تكنولوژي ADO ميتوان از SQL در ASP استفاده كرد.
دستور SELECT :
SELECT column-name(s) FROM table-name
مثال :
نام جدول Persons است
Last Name First Name Address City
Hasani Ali Esfahan
Alian Payam Esfahan
Mehdian Akbari Tehran
Javadi Hamid Tehran
SELECT LastName , FirstName FROM Persons Last
Name First Name Hasani Ali
Alian Payam
Mehdian Akbari
Javadi Hamid
مثال :
SELECT * FROM Persons
كل جدول به عنوان خروجي برميگردد.

[آبجی]

دستور Select همراه با شرط

SELECT column FROM table WHERE column condition value
عملگر ها در SQL:
عملگر مفهوم
= معادل بودن
<> برابر نبودن
> بزرگتر
< کوچکتر
>= بزرگتر مساوي
<= كوچكتر مساوي
between بين يك دامنه
مثال :

http://www.ostadonline.com/img/javascript/037.gif



دستور DISTINCT (جداسازي)

SELECT DISTINCT column-name(s) FROM table-name
مثال :

http://www.ostadonline.com/img/javascript/038.gif


دستور Order By


براي مرتب كردن سطرها
نام جدول Order است Company Order Number
sega 3412
ABS Shop 5678
w3s 3212
W3S 6778
مثال :

http://www.ostadonline.com/img/javascript/39.gif



دستور Insert



http://www.ostadonline.com/img/javascript/041.gif
مثال :

http://www.ostadonline.com/img/javascript/040.gif




معرفي دستور Delete


DELETE FROM table-name WHERE column-name=some-value
مثال :

http://www.ostadonline.com/img/javascript/042.gif

[آبجی]

ساختن يك Connection و Record Set و به كار بردن SQL



http://www.ostadonline.com/img/javascript/046.gif




گرفتن داده هايي مورد نیاز از Record Set


بعد از اينكه Record Set را باز كرديم ميتوان به داده هاي مورد نياز دسترسي یافت .
مثال :
دسترسي به فيلد name از جدول rs rs(name)




چاپ داده ها


مثال : چاپ فيلد name از جدول
http://www.ostadonline.com/img/javascript/047.gif


بستن Recordset و Connection


- براي بستن Recordset
rs.close() - براي بستن Connection
conn.close()


معرفی منبع - تماس با نویسنده


منبع : سایت اینترنتی www.w3schools.com (http://www.ostadonline.com/www.w3schools.com)