تبلیغات
banner
banner
banner
تبلیغات
banner

فیلم های آموزشی : 36 +

تعداد کاربران : 30 +

تعداد کل مطالب : 337 +

تعداد نظرات : 23 +

حضرت محمد (ص) : طلب دانش بر هر مسلمانى واجب است. خداوند جويندگان دانش را دوست دارد.

قسمت پنجم ساخت سایت خبری با asp.net


قسمت پنجم ساخت سایت خبری با asp.net

با قسمت پنجم از سری آموزشهای سایت خبری با asp در خدمت شما لند لرنی ها هستیم

ایجاد masterpage و stylesheet برای پنل مدیریت:
برای این کار همانند ساخت masterpage و style برای صفحات سمت کاربر عمل می کنیم با این تفاوت که در پوشه admin
در ریشه site ایجاد می کنیم و نام آنها را admin.master و adminstyle.css قرار می دهیم در بخش کد قالب
یعنی adminstyle.css ما کدهای زیر را نوشتیم.

  1. ایجاد و ساخت Admin Panel برای مطالب (پنل مدیریت برای مطالب):

    پنل مدیریت صفحاتی هستند که شامل مدیریت محتوای سایتمون که می توان از طریق این صفحات مطالب را ایجاد ، حذف ، ویرایش
    و نظرات را حذف ، تایید و… کرد.ابتدا باید برای صفحات مدیریت یک صفحه master page ایجاد کنیم با نام admin.master البته
    کدنویسی این بخش جلوتر به آن می پردازیم.
    برای ایجاد این صفحه ابتدا باید یک صفحه برای مدیریت محتوای مطالب ایجاد کرد پس در پنجره Solutoin Explorer کلیک
    راست کرده و سپس Add New Item را کلیک می کنیم و از صفحه باز شده یک صفحه Web Form ایجاد می کنیم که از
    admin.master پیروی کند و با نام news.aspx و ok می کنیم.
    حال که صفحه ایجاد شد نوبت به نمایش اطلاعاتی که قبلا وارد کردیم میرسد برای اینکار از یک ابزار بنام Grid View استفاده میکنیم
    و آن را از toolbox سمت راست درون قسمت طراحی صفحه news.aspx وارد میکنیم.

قسمت پنجم ساخت سایت با asp (ادمین پنل)

حال نوبت به ارتباط grid view به بانک اطلاعاتی و کوری هامون میرسه برای اینکار فلش کناری grid view را میزنیم و ازقسمت choose data source گزینه new datasource را انتخاب میکنیم

قسمت پنجم ساخت سایت با asp (ادمین پنل)

حال در پنجره باز شده باید object را کلیک کنیم.

قسمت پنجم ساخت سایت با asp (ادمین پنل)

در این قسمت باید table adapter مربوط به news را انتخاب کنیم

قسمت پنجم ساخت سایت با asp (ادمین پنل)

در این قسمت باید کوئری های نوشته شده را انتخاب کنیم برای این منظور که ما می خواهیم تمام ستونهای مطالبمون را نشان دهدکوری GetDataAllNews را انتخاب می کنیم.

قسمت پنجم ساخت سایت با asp (ادمین پنل)

بعد در بخش update چون می خواهیم به روز هم بشه گزینه Updatenews را میزنیم.

حال برای insert و delete هم insertnews و deletenews را انتخاب می کنیم بعدش دکمه finish را می زنیم.

قسمت پنجم ساخت سایت با asp (ادمین پنل)

نکته:می توان از طریق auto format می توانید قالب grid view را عوض کنید.
نکته: برای ایجاد صفحه بندی در grid view می توانید تیک Enable Paging را بزنید.
نکته:در grid view برای اینکه ما بتوانیم انتخاب ، حذف ، و ویرایش داشته باشیم باید تیک گزینه های به ترتیب Enable Selection ، Enable Deleting ، Enable Editing را بزنید.
همانند در شکل زیر قابل مشاهده است می توان با زدن دکمه های Edit ، Delete ، Select عمل ویرایش ، حذف و انتخاب را رو
مطالب انجام داد.قسمت پنجم ساخت سایت با asp (ادمین پنل)حال باید قسمت اضافه کردن را برای Grid View انجام داد برای این منظور ما باید یک جدول داشته باشیم تا بتوان چند جعبه متن
و دکمه برای ارسال مطالب را در آن قرار داد. برای این منظور در داخل قسمت کد نویسی صفحه News.aspx جدول خود را ایجاد می کنیم
.جدول ایجاد شده باید همانند شکل زیر باشد یعنی دو ستون وشش سطر داشته باشد

قسمت پنجم ساخت سایت با asp (ادمین پنل)

کد مربوط به جدول بالا را باید به صورت زیر نوشت.

نکته: می توان به جای استفاده از فایل css کدهای استایل دهی را در هر تگ نوشت برای این منظور از خاصیت style استفاده می
کنیم

.نکته: خاصیت colspan برای ادغام دو فیلد یا سلول جدول به کار می رود.
نکته:تگ tr برای ایجاد سطر در جدول است.
نکته : تگ td برای ایجاد سلول در جدول است

حالا پس از طراحی جدول باید برویم در بخش طراحی صفحه news.aspx و در سلول کناری عنوان مطلب یک جعبه متن textbox از جعبه ابزار بگذاریم.

*و مقدار Id آن را از جدول property برابر txttitle بگذاریم

حال در سلول کناری متن مطلبیک جعبه متن  textbox  از جعبه ابزار بگذاریم و مقدار Id آن را از جدول property برابر txtdescription بگذاریم

وخصوصیت text mode آن را برابر multiline قرار دهیم تا به صورت چند خطی نمایش داده شود،

و در ادامه در سلول کناری موضوع مطلب یک جعبه متن  textbox از جعبه ابزار بگذاریم و مقدار Id آن را از جدول properties برابر txtcat بگذاریم

و در سلول کناری نویسنده مطلب یک جعبه متن  textbox  از جعبه ابزار بگذاریم و مقدار Id آن را از جدول properties برابر txtwriter  بگذارید.

در ادامه یک fileupload باید قرار دهیم تا بتوان عکسهای هر مطلب را آپلود کنیم.

در ادامه و در سطر بعدی یک برچسب  label  برای نمایش نتیجه ارسال مطلب و همینطور  یک  دکمه Button برای ارسال مطلب قرار دهیم.

مقدار Id آن را برابر btnsend قرار می دهیم حال اگر به بخش کد نویسی صفحه برویم کد جدول به شکل زیر در می آید

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

پاپان قسمت پنجم

کانال آپارات وبسایت

 


درباره نویسنده
سجاد اسدی
   سجاد اسدی

سجاد اسدی هستم دانشجوی رشته نرم افزار و علاقه مند به تدریس و یادگیری دروس مرتبط با تکنولوژی نرم افزار و اینترنت اشیاء جهت ارتباط با بنده مراجعه شود به آیدی سروش و تلگرام : @ordervira و پیج بنده در اینستاگرام instagram.com/sajjadred11 ""اللهم صل علی محمد و آل محمد"" برای شروع هیچ وقت دیر نیست. "الهم عجل لولیک الفرج"

دیدگاه بگذارید

avatar
  اشتراک  
اطلاع رسانی

aparat کانال آپارات

soroush کانال سروش

کانال آی گپ