ایران سرفراز- نرم افزار وپروژهای دانشجویی


نرم افزار وپروژهای دانشجویی

آموزش مباحث پیشرفته در طراحی صفحات وب

<!-- /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-parent:""; margin:0cm; margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:12.0pt; font-family:"Times New Roman"; mso-fareast-font-family:"Times New Roman";} @page Section1 {size:612.0pt 792.0pt; margin:72.0pt 90.0pt 72.0pt 90.0pt; mso-header-margin:35.4pt; mso-footer-margin:35.4pt; mso-paper-source:0;} div.Section1 {page:Section1;} -->

javascript - SQL - ADO

آموزش مباحث پیشرفته در طراحی صفحات وب

تهیه و تنظیم:

Mohsen_mahyar@yahoo.com

فصل اول

java script

مقدمه

بنام یگانه ی هستی

جاوا اسکریپت یک زبان اسکریپت می باشد . زبان اسکریپت یک زبان برنامه نویسی کم حجم است.

هر خط جاوا اسکریپت قابل اجرا می باشد .این زبان توسط اکثر ها پشتیبانی میشود ، مانند Browser

Explore , NetscapeInternet برنامه نویسی با زبان جاوا این قابلیت را دارد که می توان کدهای جاوا

اسکریپت را در میان کدهای نیز قرار داد . HTML

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

- HTML

- مبانی برنامه نویسی

- آشنایی با مبانی و یک برنامه مانند AccessDatabase

جهت کد نویسی و طراحی صفحات وب نیاز به یک ساده مانند NotepadText Editor که در تمامی

ویندوزها قابل دسترسی می باشد و نیاز به نصب جدید نیست . EditorText

ضمنا سیستم شما باید دارای مشخصات سخت افزاری ذیل باشد :

- حداقل سیستم مورد نیاز پنتیوم 233

16 مگابایت - Ram

2

- حدود 600 مگا بایت فضای آزاد

در پایان از کاربران محترم خواهشمند است در صورت داشتن هر گونه انتقا د ، پیشنهاد و ارائه سوالات احتمالی با

نویسنده از طریق پست الکترونیکی تماس حاصل نمایند . ریز

Mohsen_mahyar@yahoo.com

چگونه کدهای جاوا اسکریپت را در وارد کنیم؟ HTML برای نوشتن توضیحات : (در ) HTML

// توضیحات

/* توضیحات */

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

هم در قسمت : HEAD

3

اگر کدهای در قسمت HeadJava Script وارد شوند ، مطمئن خواهید بود که در هنگام بارگذاری صفحه

برنامه شما در حافظه میشود قبل از اینکه کسی از صفحه استفاده کند. Load

هم در قسمت : Body

اگر کدها در قسمت باشند این کد معمولا قسمتهای دیگر صفحه را ایجاد میکند. Body

مثال :

وقتی که کد در قسمت باشد : Body

در این مثال وقتی صفحه بارگذاری میشود یک پیغام برای شما نمایش داده میشود. HELLO USER

چگونه یک کد خارجی را در اجرا میکنیم ؟ HTMLJava script

این عبارت را در یک فایل به نام xxx.js

4

ذخیره میکنیم.

و حال آنرا در کد خودمان فرا می خوانیم. HTML

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

-1 اسم متغیر به حروف بزرگ و کوچک حساسیت دارد.

-2 اسم متغیر ها باید با حرف شروع شود.

-در تعریف متغیر استفاده از کلمه دلخواه است. Var

Var strname

مقدار دهی به متغیر ها :

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

5

جمع +

تفریق -

ضرب *

تقسیم /

باقیمانده %

افزایش یک واحدی ++

کاهش یک واحدی --

تعریف عملگر های مقایسه ای

معادل بودن ==

برابر نبودن !=

بزرگتر از >

کوچکتر از < /

بزرگتر یا مساوی >=

کوچکتر یا مساوی <=

تعریف عملگر های منطقی :

&& and

|| OR

NOT !

تعریف عملگر رشته ای :

الحاق دو رشته +

مثال:

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

اسم تابع ( ,…){ arg1,arg2Function

JS

6

کد های

{

یک تابع میتواند آرگومان هم نداشته باشد.

مثال :

چگونه یک تابع را فراخوانی کنیم

- یک تابع هنگامی اجرا میشود که آن را فراخوانی کرده باشیم . به منظور فراخوانی یک تابع ملزم به استفاده از

آرگومان ( arg1,arg2 ) می باشیم ، با این توضیح که نام آرگومانها بدون () باشند . اگر یک تابع مقداری برای

باز گرداندن به برنامه اصلی داشت باید آن را توسط برگردانیم. Return

مثال :

فرستادن پیغام برای کاربر

اگر بخواهیم برای یک پیغام بنویسیم : User

جملات شرطی :

الف- IF

If ( شرط )

}

در صورت درست بودن شرط کد ها اجرا میشوند

{

ب- IF……ELSE

If

7

( شرط )

}

در صورت درست بودن شرط

{

else

}

در صورت درست نبودن شرط

{

مثال :

اگر ساعت قبل از 10 باشد نشان می دهد و در غیر این صورت Good DayGood Morning نشان

میدهد.

Switch

( شرط) Switch

}

: case Label 1

باشد این کدها اجرا میشود اگر شرط برابر [ ] CodesLabel 1

Break : Case Label 2

باشد این کدها اجرا میشود اگر شرط برابر [ ] CodesLabel 2

Break

Default

8

:

نباشد این کدها اجرا میشود اگر شرط برابر [ ] CodesLabel , Label 2

{

مثال :

زبانهای شیء گرا - Object Oriented یک زبان برنامه نویسی ( شیء گرا ) میباشد. ScriptObject Oriented

در این قسمت مفهوم شیء گرایی می پردازیم. یک برنامه شامل مفاهیم ، ، Properties Object O-O

و میباشد. EventsMethods

اشیاء درون Objects : در دنیای حقیقی ، اشیاء مانند کامپیوتر ، دوچرخه و ... میباشند. در زبان BrowserJS

ها بوده و عبارتند از پنجره ها ، فرمها، دکمه ها و ها. Check Box

Properties : اشیاء نیز دارای مشخصه هایی میباشن د . مثلاً گربه دارای پوست میباشد، کامپیوتر دارای کیبورد و

دوچرخه دارای چرخ است.

Methods : کاری که اشیاء میتوانند انجام دهند Methods

9

نامیده میشود.

Events ) عیاقو :( دهدیم ماجنا ، هدش یحارط هحفص اب راک ماگنه رد ربراک هک دنتسه یتایلمع . شریذپ

) Submitting ) یک فرم و تغییر مکان نشانگر ماوس بر روی یک تصویر دو نمونه از حالات و وقایع اتفاق افتاده

است.

این وقایع توسط دستوراتی به نام برنامه، کنترل می شوند. Event Handler

حلقه های تکرار

-1 حلقه تکرار : While

( شرط ){ While

کدهای JS

{

-2 حلقه تکرار : Do…While

Do

}

کدهای JS

{

(شرط ) while

-3 حلقه تکرار : For

For

10

( مقدار اولیه ; شرط ; افزایش )

}

کدهای JS

{

مثالی از حلقه : For آبجکت String

آبجکت : آبجکت برای کار کردن با متن است . ، یک برای PropertyLengthStringString

است که تعداد کاراکتر های موجود در رشته را بر می گرداند. String

Length :

مثال :

خروجی برنامه:

Esfahan Information Technology Center 37

Fontcolor () رنگ متن را عوض میکند.

Index Of () مکان کاراکتر داده شده را بر میگرداند.

Match () یک لغت در متن را پیدا میکند.

Substr

11

() یک لغت در متن را پیدا میکند.

To LowerCase () دنکیم لیدبت کچوک فورح هب .

To UpperCase () به حروف بزرگ تبدیل میکند.

مثال از متد () FontColor مثالی از متد () IndexOf

این مثال تست میکند که آیا یک متن حاوی یک لغت خاص است یا نه. اگر آن لغت خاص در متن باشد مکان اولین

کاراکتر از آن لغت را برمیگرداند. اولین مکان در متن با عدد 0 مشخص میشود.

مثال از متد () : W3 School Is Great 0 1 2Match

تست میکند که آیا یک رشته حاوی یک لغت خاص است یا نه.

مثال از متد substring() , substr

12

: ()

خروجی :

Format Form

آبجکت آرایه

تعریف یک آرایه :

برای تعریف آرایه حتماً باید از کلمه استفاده کرد. New

) Var My-name=new Array(5

ایجاد میکند این دستور یک آرایه پنج تایی به نام مقدار دهی به آرایه : My-name

چاپ اعضاء آرایه :

چاپ همه اعضاء آرایه

13

معرفی متد ها و خصوصیات یک آرایه

معرفی متد ها و خصوصیات یک آرایه :

تعداد عناصر یک آرایه را برمیگرداند. Length

() دو آرایه را به هم الحاق میکند. Concat

Reverse () آرایه را معکوس میکند.

Sort () آرایه را مرتب میکند.

Join () رشته ای الحاق شده از تمام اعضاء آرایه برمیگرداند.

() یک تکه از آرایه ، برمیگرداند . Slice

مثال :

چیزی که بین اعضاء آرایه قرار میگیرد.

آبجکت Date

آبجکت : Date

هنگامی که بخواهیم با مقادیر زمان و تاریخ کار کنیم از این استفاده میکنیم .برای تعریف یک آبجکت Object

باید از دستور زیر استفاده کنیم. Date

()Var my-date=new Date

بعد از تعریف جدید با استفاده از متد ها میتوان به مقادیر آبجکت DateObject

14

دسترسی داشته باشیم.

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

معرفی متدهای : Date

برمیگرداند. Date() Date

31 ) / تنظیم میکند. - آبجکت () روزهای هفته را برمیگرداند ( 1 set / getDate

set / getDay (0- () روز های هفته را برمیگرداند ( 6 set / getMonth / (0- ()ماه را برمیگرداند ( 11

تنظیم میکند.

()ساعت را برمیگرداند / تنظیم میکند set / getMinutesset / getHour () دقیقه را برمیگرداند / تنظیم

میکند.

() ثانیه را برمیگرداند / تنظیم میکند. set / getSecond

set / getYear () سال را برمیگرداند / تنظیم میکند.

آبجکتهای Window

آبجکتهای : Window 15

مثال:

باز کردن یک پنجره جدید - window.open

باز کردن یک پنجره جدید window.open در این مثال وقتی رو ی کلید کلیک کنیم یک پنجره جدید باز میشود که حاوی سایت YahooURLOpen

میباشد.

مثال تکمیلی برای تغییر خصوصیات پنجره باز شده :

مثالی از ترکیب متدهای Confirm , alert

16

:

چگونه یک پیغام را در خط وضعیت ( ) اینترنت اکسپلورر قرار دهیم؟ Status Bar گرفتن از صفحه Print

مثال :

17

به وسیله این مثال میتوان در یک صفحه چندین پیوند را نشان داد.

آبجکت Browser

-1 تشخیص نوع : Browser توسط از آبجکت می توان نوع را مشخص کنی م . برای آبجکت BrowserNavigatorProperty

، های دیگری نیز وجود دارد : PropertyNavigator

نوع Browser

تشخیص ورژن Navigator . appName

تشخیص سیستم عامل . Browser .appVersionPlatform

آدرس موجود در خط آدرس را میدهد . برای اینکه آیا یک PluginReferrerBrowser نصب است

. Plugins

-2 تشخیص مانیتور : Resolution -3 تشخیص رنگ کامپیوتر : Mode 18

مثال قرار دادن پیامها در : Status Bar

هنگامی که روی لینک میرویم در خط وضعیت عبارت Best Kind In The WorldMy Son نمایش

داده میشود.

ایجاد ها Rollover

مفهوم Rollover بسیار ساده میباشد . بدین معنا که ابتدا دو تصویر وجود داشته تصویر اول در هنگام دریافت

صفحه وب توسط کاربر در نمایش داده میشود . بعد از اینکه کاربر ماوس را بر روی اولین تصویر برد، Browser

پس از چند ثانیه تصویر دوم را با تصویر اول عوض میکند. Browser

مثال :

، توضیحی درون مستطیل میدهد. Alt

آبجکت Frame

بررسی تگ در HTMLFrame

19

:

مفهوم مشخص کننده چندین قاب در صفحه وب بوده و دارای تگهای FrameFrameset برای هر صفحه

میباشد .

اندازه مرز بین قابها را بر حسب پیکسل مشخص میکند . Border

ابعاد ستونها را بر حسب پیکسل برای هر قاب مشخص میکند . Cols

با مقادیر وجود خطوط مرزی بین قابها را مشخص میکند . FrameboardYes , No

ابعاد سطرها را بر حسب پیکسل برای هر قاب مشخص میکند . Rows

مکان و ویژگی هر قاب را مشخص میکند. Frame

برای ارجاع صفحات مجموعه قاب توسط استفاده میشود. NameJava Script

آدرس صفحه در قاب مشخص میشود. SRC

عملگر های و AND OR

مثال :

20

فصل دوم

SQL

SQL

توضیح :

توسط میتوان درون یک بانک اطلاعاتی به جستجو پرداخته ( QuerySQL ) و نتیجه را برگرداند. بانک اطلاعاتی

شامل آبجکتی به نام جدول ( ) میباشد. Table

رکوردها در بانکهای اطلاعات و در جداول ذخیره میگردند.

جدول شامل سطر و ستون میباشند.

در زیر میتوان یک جدول را مشاهده کرد :

Last Name First Name Address City

مثال:

Select Last name from persons

پر کاربرد ترین دستورات شامل موارد زیر است : SQL

استخراج یک داده از بانک اطلاعاتی . SELECT

به روز رسانی یک داده درون بانک . UPDATE

پاک کردن یک داده از بانک اطلاعاتی . DELETE

وارد کردن یک داده جدید به بانک اطلاعاتی. INSERT

همچنین در SQL

21

میتوان داده هایی نیز تعریف کرد :

ایجاد یک جدول جدید . CREATE TABLE

تغییر دادن یک جدول . ALTER TABLE

پاک کردن یک جدول. DROP TABLE

ایجاد یک اندیس . CREATE INDEX

(کلید جستجو) پاک کردن یک اندیس DROP INDEX

و SQLActive Server Pages - ASP

یکی از قسمتهای خیلی مهم میباشد زیرا در برای کار با بانکهای اطلاعاتی از SQLASPASPSQL استفاده

میشود. و توسط تکنولوژی میتوان از در استفاده کرد. ASPSQLADO

دستور : 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

22

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

23

بین یک دامنه

مثال :

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

SELECT DISTINCT column-name(s) FROM table-name

مثال :

دستور Order By

برای مرتب کردن سطرها

نام جدول است Company Order NumberOrder

sega 3412

ABS Shop 5678

w3s 3212

W3S 6778

24

مثال :

دستور Insert

مثال :

معرفی دستور Delete

DELETE FROM table-name WHERE column-name=some-value 25

مثال :

26

فصل سوم

ADO دسترسی به یک پایگاه داده از یک صفحه ASP

-1 ایجاد یک در یک پایگاه داده ADO Connection

-2 باز کردن پایگاه داده Connection

-3 ایجاد یک

-باز کردن ADO Record Set 4

-گرفتن داده هایی که نیاز داریم از Record set 5

-بستن Record Set 6

-بستن Record Set 7

Connection -1 ایجاد یک به یک پایگاه داده ADO Connection -2 روش ODBC

در این روش ابتدا باید به ، یک اضافه کنیم و سپس از طریق ODBD ConnectionData Base

به فایل به طریق زیر ConnectDSNADO

27

کنیم.

ایجاد یک درپایگاه داده MS AccessODBC Connection

-1 وارد شدن به از Control PanelODBC

-2 انتخاب

- کلیک کردن روی دکمه System DSN- 3ADD

-4 انتخاب و کلیک کردن روی دکمه Microsoft Access Driver

- در مرحله بعد کلیک کردن بر روی دکمه و تعیین محل پایگاه داده Finish - 5Select

-6 دادن یک نام در قسمت

- کلیک کردن روی دکمه OKData Source Name -7 برای اینکه قادر باشیم اطلاعات یک پایگاه داده

را بخوانیم اطلاعات باید ابتدا در ، شوند. بنابر این بعد از ساختن یک ConnectionLoadRecord Set

باید یک ایجاد کنیم. Record Set

مثال :

در این مثال تمام محتویات جدول به rsCustomer

28

ریخته میشود.

حال میخواهیم در انتخاب محتویاتی از که میخواهند به انتقال داده شوند از دستور SQLrsCustomer

استفاده کنیم.

SQL ساختن یک و و به کار بردن Record SetConnection گرفتن داده هایی مورد نیاز از Record Set

بعد از اینکه را باز کردیم میتوان به داده های مورد نیاز دسترسی یافت . Record Set

مثال :

دسترسی به فیلد از جدول ) rs rs) namename

چاپ داده ها

مثال : چاپ فیلد از جدول name بستن و ConnectionRecordset

- برای بستن Recordset

rs.close () - برای بستن Connection

()conn.close

منبع : سایت اینترنتی

29

Mohsen_mahyar@yahoo.com

 

   + MOHSEN GHASEMI - ۸:۱٧ ‎ق.ظ ; ۱۳۸٩/۳/٢۸