آموزش Asp.net جلسه اول

    26 اسفند 1394

     آموزش رایگان Asp.net

    پروژه دانشجویی

     

    در راستای انتشار این آموزش بصورت متنی در دو جلسه، ویدیوهای این آموزش را هم برای شما کاربران وب سایت یوتاب نت در قسمت ویدیوهای آموزشی قرار خواهیم داد، دلیل این فرم آموزش این هست که اولا شما یک دید کلی به پروژه خواهید داشت که یادگیری برایتان آسانتر خواهد شد، دوما کد های مهم استفاده شده و توضیحاتشان در این سه جلسه آموزش بیان شده است که باعث میشه در صورت عدم یادگیری مطلبی در قسمتی از آموزش ویدیویی مجدد به قسمت آموزش متنی رجوع کنید و توضیحات مورد نیاز را مطالعه فرمایید. پیشنهاد می کنیم قبل از مشاهده ویدیوهای آموزشی ابتدا این سه جلسه را با دقت مطالعه کنید. در ضمن از این پروژه می تونید به عنوان پروژه دانشجویی استفاده کنید ولی ابتدا باید خودتون پیاده سازی کنید و سپس پایان نامه تنظیم کنید، باید تاکید کنم ما هیچگونه فایلی در وب سایت قرار نخواهیم داد چون اعتقاد داریم قرار دادن فایل آماده برای دانشجویان چیزی جز خیانت به آنها نیست !

     

    مقدمه :

    هدف از انتشار این پروژه آموزش به شما دوستان در زمینه طراحی وب سایت با زبان سی شارپ و محیط ASP.NET می باشد. این پروژه در باره نوبت دهی آنلاین به بیماران در مراکز سلامت مانند مراکز درمانی ، بیمارستان ها ، درمانگاهها و غیره می باشد. کاربر جهت نوبت دهی ابتدا وارد سایت شده و دکتر مورد نظر را انتخاب می کند .پس از این مرحله لیست زمان های آزاد به همراه توضیحات مربوطه برای کاربر نشان داده می شود. کاربر پس از انتخاب یکی از آنها می تواند در خواست نوبت نماید.در صورتی که بخش مربوطه شامل چندین پزشک باشد کاربر باید یک مرحله را نیز برای انتخاب پزشک بگذراند.در خواست وقت ویزیت به صورت هوشمند انجام می شود، مثلا نوبت دهی تنها در زمان هایی صورت می گیرد که توسط پزشک یا واحد درمانی مشخص شده است. همچنین در صورتی که ظرفیت روز و ساعت مشخص پر شده باشد به بیمار ویزیت داده نمی شود. پس از انجام موفقیت آمیز عملیات نوبت دهی ، امکان مشاهده آن توسط دکتر و منشی ممکن می شود .

     

    رابط کاربری و کد برنامه

    در این بخش می خواهیم نحوه استفاده از سایت را شرح دهیم

    توضیح نمونه کدهای پروژه

    قالب اولیه سایت (Master Page)

    Master Page در حقیقت به صورت یک پوسته و صفحه ای که در بین تمام صفحات یا برخی از آن ها می تواند به اشتراک گذاشته شود , عمل می کند. این صفحه می تواند شامل لوگوی وب سایت ،منو، نقشه سایت یا هر آبجکت دیکر مثل بعضی از کنترل های امنیتی که لازم است که در تمام یا اکثر صفحات باشند می شود.در داخل master page می توان یک یا چند ناحیه به نام placeholder تعریف کرد که سایر اجزای صفحه باید در داخل آن قرار داده شوند.

    برای استفاده از master page مراحل زیر را انجام می دهیم:

    1- ایجاد یک وب سایت جدید.

    2- یک master page به وبلاگ خود اضافه کنید.(اضافه کردن آیتم به پروِه)

    3- محتویات و آیتم های صفحات را در داخل contentPlaceHolder قرار دهید.

    بصورت دقیق تر مراحل زیر را دنبال کنید.

    1- از منوی File بر روی New Web Site کلیک کنید.

    2- در پنجره باز شده آیتم ASP.NET Empty Web Site را انتخاب کنید و بر روی OK کلیک کنید.

    3- یک master page به پروژه اضافه کنید

     کنترل کاربری

    استفاده از کنترل‌های کاربری UCها (User Control) در میان برنامه نویسانASP.NET طرفداران زیادی دارد. با استفاده از UC می توان مجموعه ای از کنترلهای سمت سرور یا html را در جاهای مختلف از صفحات aspx یا داخل UCهای دیگر استفاده کرده و از نوشتن کدهای تکراری اجتناب نمود. همچنین می توان تنها قسمتی از یک Web Form را با کمک UCها Cache نمود (Fragment Caching). یکی دیگر از استفاده‌های UCها بکارگیری آنها بعنوان یک کنترل سمت سرور می باشد. که در این صورت می توان برای UC مورد نظر Methodها و Propertyهای مختلفی را بسته به نیاز تعریف کرده و از آنها استفاده نمود. برای ایجاد یک کنترل کاربری در پنجره Solution Explorer بر روی پروژه راست کلیک کرده سپس از بخش Add گزینه Add New Items را انتخاب نمایید. از پنجره ظاهر شده کنترل کاربری را انتخاب سپس بر روی add کلیک کنید. در این پروژه از چند کنترل کاربری بخصوص برای ورود خریداران و مدیران استفاده شده است.

    صفحه اصلی سایت

    ظاهر این صفحه با HTML و CSS2 & 3 نوشته شده است. برای درست کردن بنرها، منو ها و تمامی بخش های گرافیکی از نرم افزار Adobe Firework CS5 استفاده شده است. برای اینکه تمامی صفحات از قالب کلی سایت تبعیت کنند دو MasterPage بکار گرفته شده است. جز صفحه اصلی که از Master Page (Page.Master) استفاده می کند بقیه صفحات از Master Page (Default.master) استفاده می کنند. برای جابجایی عکس ها برای هدر سایت از جاوا اسکریپت استفاده می شود که بعنوان بخش الحاقی به پروژه آورده ایم تا جلوه بهتری به سایت بخشد.

    در صفحه اصلی چند Div داریم که در آن Web User Control ها را بارگذاری می کنیم. همانطور که کد پایین را مشاهده می کنید. برای اضافه شدن یک کنترل کاربری وب باید یک تک تعریفی در بالای صفحه و یک تگ اشاره کننده در جای دلخواه قرار داد (مکانی که قصد نمایش آن را داریم)

    asp-code

    1 2

    کنترل کاربری ورود

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

    تنظیم شی sdsLogin: بر روی عنصر کلیک کرده تا پنجره Smart Tag آن باز شود بر روی لینک Configure SQL Data Source کلیک کرده تا پنجره تنظیم sdsLoginباز شود. اگر قبلا اتصالی به بانک انجام شده باشد Connection در لیست قابل مشاهده است.

     

    login

     

    در اینجا باید نام روال مورد نظر را انتخاب کرده یا دستور SQL بصورت مستقیم وارد کرده تا شی پیکربندی شود.)

    database

     

    1-   گرفتن مقادیر ورودی از باکس های متنی و قرار دادن آنها در پارامتر Select شی sdsLogin

    2-   اجرا کردن دستور با فراخوانی متد Select() و قراردادن جواب آن در متغییر dvLogin. (متغییر dvLogin از نوع DataView می باشد تا بتواند سطر و ستون ها برگشت داده شده را در خود نگه دارد)

    3-   بررسی تعداد سطرهای برگشت داده شده در صورتی که سطری برگشت داده شود یعنی نام کاربری و رمزعبور وارد شده صحیح می باشد.در صورت برقرار نبودن پیغام "نام کاربری یا رمز عبور صحیح نمی باشد" نمایش داده می شود.

    4-   ایجاد یک Session در سرور با نام mySession و مقدار نام کاربری.

    5-   هدایت به صفحه مدیریت

    c#-code

    code

    در اینجا ما سه پنل کنترلی داریم یکی برای بیماران (کاربران)، متصدی و دکتر. که هر کدام شرح و وظایف مشخصی دارند. پس از وارد کردن نام کاربری و رمز عبور با توجه به سطح دسترسی که برگشت داده می شود کاربر به صفحه مربوطه ارجاع داده می شود.

    جلسه دوم (کلیک کنید)

     

    telegram 
    • رشت، چهارراه میکائیل، خیابان حافظ، ساختمان سهند، واحد۱۳
    • ۰۱۳-۳۳۷۲۳۵۹۱
    • تلگرام : youtobnet_help@

    ورود به سامانه پیامکی

    نماد اعتماد الکترونیکی

     

    ساماندهی پایگاه اینترنتی

    logo-samandehi

    شرکت طراحی وب سایت