کتاب آموزش توسعه برنامه های تحت وب با ASP.NET MVC مرجع آزمون ۴۸۶-۷۰ مایکروسافت

آزمون ۴۸۶-۷۰ مایکروسافت برای بررسی دانش شما در زمینه طراحی ، توسعه و عیب یابی برنامه های تحت وب ASP.NET MVC با ویژوال استدیو می باشد. این کتاب آموزش MVC بر همین مبنا آموزش ها را ارائه کرده است و در پایان آمادگی های زیر را برای این آزمون بدست خواهید آورد:

• طراحی ساختار پروژه
• طراحی رابط کاربری
• توسعه رابط کاربری
• عیب یابی برنامه های تحت وب
• طراحی و اجرای سیاست های امنیتی

سرفصل های کتاب آموزش MVC

• طراحی ساختار نرم افزار
  • طرح لایه بندی پروژه
  • طراحی نحوه توزیع نرم افزار
  • پیکربندی مدیریت وضعیت
  • طراحی استراتژی کش
  • طراحی و اجرای استراتژی سوکت ها
• طراحی رابط کاربری
  • نحوه اعمال رابط کاربری به پروژه
  • طراحی رابط کاربری براساس رفتار ها
  • برنامه ریزی برای ساخت رابط کاربری انعطاف پذیر
• برنامه نویسی تجربه کاربری
  • برنامه ریزی برای بهینه سازی برای موتور های جستجو
  • برنامه ریزی و اجرای بومی سازی پروژه
  • طراحی و اجرای کنترلر ها و اکشن ها
  • طراحی و اجرای روت ها
  • کنترل رفتار پروژه با استفاده از توسعه پذیری MVC
  • کاهش استفاده از شبکه
• عیب یابی و رفع عیب پروژه
  • جلوگیری کردن و خطایابی خطاهای زمان اجرا
  • طراحی استراتژی مدیریت استثناءها
  • تست پروژه نرم افزاری
• طراحی و اجرای امنیت در پروژه
  • پیکربندی احراز هویت
  • پیکربندی و تعیین سطح دسترسی کاربران

توضیحات کتاب آموزش MVC

نویسنده : william Penberthy

موضوع :    Developing ASP.NET MVC 4

تعداد صفحات : ۳۸۶

فرمت : کتاب PDF

ناشر کتاب آموزش MVC : مایکروسافت

زبان : انگلیسی

دانلود کتاب

حتما نگاهی به این مقالات بیندازید

• آموزش Dropdownlist در MVC -ساخت Dropdownlist آبشاری
• نحوه استفاده از ASP NET Identity
• آموزش Publish در ASP.NET – آموزش آپلود سایت ASP.NET روی هاست
• مدیریت حالت در ASP.NET – آموزش گام به گام طراحی سایت با ASP NET

آموزش ASP.NET MVC پیاده سازی عملیات CRUD بدون یک خط کد نویسی

در این آموزش ASP.NET MVC به نحوه پیاده سازی عملیات CRUD   بدون یک خط کد نویسی برای انجام عملیات های اصلی کار با دیتابیس پرداخته می شود . برای انجام اینکار ما از ویژگی های قدرتمند موجود در ASP.NET MVC استفاده خواهیم کرد

پیش نیاز آموزش ASP.NET MVC

قبل از شروع این مقاله نیاز هست با پایگاه داده و الگوی MVC آشنا باشید . در اینجا ما از روش database first استفاده خواهیم کرد در صورتیکه با پایگاه داده و الگوی MVC  و روش database first آشنا نیستید ابتدا به مطالعه آنها بپردازید.

مراحل انجام کار

مرحله ۱ :  ابتدا یک دیتابیس و سپس یک جدول با نام tblData ایجاد کنید . در این جدول فیلد Id  کلید اصلی و auto increment ست شده است.

مرحله ۲ : ویژوال استدیو را باز کرده به مسیر File سپس New Project وبعد  ASP.NET MVC4 Application را انتخاب کنید. یک نام برای پروژه بگذارید مثلا  CrudOperationsWithoutCode و برروی OK کلیک کنید.

مرحله ۳ : در پنجره بعد گزینه Internet Application را انتخاب کرده و برروی OK کلیک کنید.

آموزش ASP.NET MVC

مرحله ۴ : برروی solution راست کلیک کرده و به Add سپس New Item بروید.

مرحله ۵ :  گزینه ADO .NET Entity Data Model را انتخاب کرده .  نام آنرا CrudEntitiesگذاشته و برروی Add کلیک کنید تا پنجره بعد ظاهر شود .

مرحله ۶ : EF Designer from Database را انتخاب کرده و برروی Next کلیک کنید .

مرحله ۷ :  در پنجره بعد برروی New Connection کلیک کرده تا یک پنجره جدید باز شود فیلد های لازم را برای ارتباط با دیتابیس پر کنید . سپس اتصال را تست کرده و برروی OK کلیک کنید.

دوره آموزش طراحی سایت با ASP.NET MVC

مرحله ۸ :  گزینه Save connection settings in Web.Config as : را انتخاب کرده و بعد از تعیین یک نام برروی Next کلیک کنید.

مرحله ۹ : در پنجره جدید گزینه Entity Framework 5.0 را انتخاب کرده و برروی next کلیک کنید. 

مرحله ۱۰ : در مرحله بعد    tblData – dbo- Tables را باز کرده و برروی Finish کلیک کنید .  

مرحله ۱۱٫

با راست کلیک کردن برروی سلوشن آنرا Build کنید (این مرحله الزامی است چون اگر اینکار را انجام ندهید در هنگام اضافه کردن کنترلر کلاس مدل نمایش داده نخواهد شد)

مرحله ۱۲ ( آموزش ASP.NET MVC )

برروی پوشه کنترلر راست کلیک کرده . گزینه Add-Controller را انتخاب کنید تا یک پنجره جدید باز شود.

مرحله ۱۳ . یک نام برای کنترلر انتخاب کنید من نام CrudController  را انتخاب می کنم.

گزینه های قسمت Scaffolding را به ترتیب زیر انتخاب کنید .

Template : MVC controller with read/write actions and views, using Entity Framework
    Model Class : tblData (CrudOperationsWithoutCode
Data context class : CRUDDBEntities (CrudOperationsWithoutCode
Views: Razor (CSHTML)

مرحله ۱۴ .

همه کدهای مورد نیاز برای انجام عملیات CRUD  به طور خودکار در این مرحله ایجاد می شود. حال کدهای شما اماده اجرا می باشد تنها باید کلید F5 را کلیک کنید یا مطابق شکل زیر آیکون اجرا را کلیک کنید.

 

خروجی ۱ .

بعد از اجرا view ی Index از HomeController نمایش داده خواهد شد و ما باید view ی Index از CrudController را فراخوانی کنیم. برای انجام این تغییر در url مسیر  localhost:**** */Crud/Index را وارد کنید.

همانگونه که می بینید همه  رکورد های دیتابیس به نمایش گذاشته شد. همچنین عملیان خواندن به درستی اجرا شد. و در اینجا سه گزینه  Create New , Edit, Details و Delete وجود دارد.

خروجی ۲٫

برای اجرای عملیات ایجاد رکورد جدید ( Create)  برروی Create New کلیک کنید. اینکار شما را به مسیر localhost:**** */Crud/Create هدایت می کند. در این فرم شما می توانید عملیات ایجاد داده جدید در دیتابیس را با استفاده از برنامه MVC اجرا کنید.

فرم را پر کرده و برروی Create کلیک کنید. این عمل باعث می شود داده ها در پایگاه داده ذخیره شود.

خروجی ۳٫

به طور مشابه شما می توانید با کلیک برروی گزینه های Edit  و Delete در View ی Index در CrudController کنترلر عملیات های ویرایش و حذف را انجام دهید.

همانطور که دیدید در مراحل بالا بدون یک خط کد نویسی و با استفاده از ویژگی های قدرتمند Scaffolding که توسط مایکروسافت ارائه شده است تونستیم همه عملیات های مربوط به ایجاد ، حذف ، خواندن ، و ویرایش در پایگاه داده را در یک برنامه تحت وب .NET  پیاده سازی کنیم.

حتما نگاهی به این مقالات بیندازید

• آموزش ASP.NET MVC 6 پیاده سازی صفحه ارتباط با ما (Contact Us)
• نحوه ارسال ایمیل در ASP NET Core 1.0
• نمایش گوگل مپ در سایت ASP.NET
• نحوه استفاده از ASP NET Identity

آموزش Dropdownlist در MVC -ساخت Dropdownlist آبشاری

در این پست به آموزش Dropdownlist در MVC  به صورت آبشاری خواهیم پرداخت  :

در این مثال از entity framework به روش   code first برای خواندن کشور ها و ایالت ها ( states) از دیتابیس استفاده می شود.

• ویژوال استدیو را باز کنید
• یک پروژه از نوع ASP.NET MVC 4 ایجاد کرده و نام آن را CascadingDropDown قرار دهید.
• View engine آنرا Razer انتخاب کنید
• یک کنترلر با نام HomeController به پوشه کنترلر اضافه کنید
• کلاس های مدل را مطابق کدهای زیر به پوشه مدل اضافه کنید:

Country:

C#

public class Country { public int CountryID { get; set; } public string Name { get; set; } public virtual ICollection<State> States { get; set; } }

1 2 3 4 5 6 7

public class Country   {      public int CountryID { get; set; }      public string Name { get; set; }         public virtual ICollection<State> States { get; set; }   }

State:

C#

public class State { public int StateID { get; set; } public string Name { get; set; } public int CountryID { get; set; } public virtual Country Country { get; set; } }

1 2 3 4 5 6 7 8

public class State   {      public int StateID { get; set; }      public string Name { get; set; }         public int CountryID { get; set; }      public virtual Country Country { get; set; }   }

ModelDbContext:

C#

public class ModelDbContext : DbContext { public DbSet<Country> Countries { get; set; } public DbSet<State> States { get; set; } }

1 2 3 4 5

public class ModelDbContext : DbContext   {      public DbSet<Country> Countries { get; set; }      public DbSet<State> States { get; set; }   }

Model

در این کلاس مدل یک پراپرتی با نام CountryID که نگهدارنده کشور انتخابی و یک پراپرتی با نام State برای نگهداری مقدار ایالت و پراپرتی های Countries و States برای نگهداری لیست کشور های موجود و ایالت های هر کدام تعریف شده است.

C#

public class Model { public int ? CountryID { get; set; } public int ? StateID { get; set; } public IEnumerable < Country > Countries { get; set; } public IEnumerable < State > States { get; set; } }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

public class Model   {       public int ? CountryID       {           get;           set;       }       public int ? StateID       {           get;           set;       }       public IEnumerable < Country > Countries       {           get;           set;       }       public IEnumerable < State > States       {           get;           set;       }   }

آموزش Dropdownlist در MVC

همچنین به وسیله کدهای زیر مقداری داده نمونه وقتی دیتابیس ایجاد می شود در  آن وارد می کنیم

C#

public class ModelInitializer: DropCreateDatabaseIfModelChanges < ModelDbContext > { protected override void Seed(ModelDbContext context) { var countries = new List < Country > { new Country { Name = "India" }, new Country { Name = "USA" }, new Country { Name = "South Africa" }, new Country { Name = "Australlia" }, }; var states = new List < State > { new State { Name = "Delhi", Country = countries.Single(m => m.Name == "India") }, new State { Name = "Mumbai", Country = countries.Single(m => m.Name == "India") }, new State { Name = "California", Country = countries.Single(m => m.Name == "USA") }, new State { Name = "Newyork", Country = countries.Single(m => m.Name == "USA") }, new State { Name = "Capetown", Country = countries.Single(m => m.Name == "South Africa") }, new State { Name = "Bolavia", Country = countries.Single(m => m.Name == "South Africa") }, new State { Name = "Sydney", Country = countries.Single(m => m.Name == "Australlia") }, new State { Name = "Melbourne", Country = countries.Single(m => m.Name == "Australlia") }, }; countries.ForEach(m => context.Countries.Add(m)); states.ForEach(m => context.States.Add(m)); } }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62

public class ModelInitializer: DropCreateDatabaseIfModelChanges < ModelDbContext >   {       protected override void Seed(ModelDbContext context)       {           var countries = new List < Country >           {               new Country               {                   Name = "India"               },               new Country               {                   Name = "USA"               },               new Country               {                   Name = "South Africa"               },               new Country               {                   Name = "Australlia"               },           };           var states = new List < State >           {               new State               {                   Name = "Delhi", Country = countries.Single(m => m.Name == "India")               },               new State               {                   Name = "Mumbai", Country = countries.Single(m => m.Name == "India")               },               new State               {                   Name = "California", Country = countries.Single(m => m.Name == "USA")               },               new State               {                   Name = "Newyork", Country = countries.Single(m => m.Name == "USA")               },               new State               {                   Name = "Capetown", Country = countries.Single(m => m.Name == "South Africa")               },               new State               {                   Name = "Bolavia", Country = countries.Single(m => m.Name == "South Africa")               },               new State               {                   Name = "Sydney", Country = countries.Single(m => m.Name == "Australlia")               },               new State               {                   Name = "Melbourne", Country = countries.Single(m => m.Name == "Australlia")               },           };           countries.ForEach(m => context.Countries.Add(m));           states.ForEach(m => context.States.Add(m));       }   }

همچنین connection string در فایل  web.config را برای ارتباط با دیتابیس اضافه کنید

XHTML

<connectionStrings> <add name="ModelDbContext" connectionString="Data Source=.\SQLEXPRESS; Initial Catalog=CountryDb; Integrated Security=true;" providerName="System.Data.SqlClient"/> </connectionStrings>

1 2 3

<connectionStrings>      <add name="ModelDbContext" connectionString="Data Source=.\SQLEXPRESS; Initial Catalog=CountryDb; Integrated Security=true;" providerName="System.Data.SqlClient"/>   </connectionStrings>

فایل Global.asax مطابق کدهای زیر ویرایش کنید:

C#

protected void Application_Start() { Database.SetInitializer(new CascadingDropDown.Models.ModelInitializer()); AreaRegistration.RegisterAllAreas(); WebApiConfig.Register(GlobalConfiguration.Configuration); FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters); RouteConfig.RegisterRoutes(RouteTable.Routes); }

1 2 3 4 5 6 7 8

protected void Application_Start()   {       Database.SetInitializer(new CascadingDropDown.Models.ModelInitializer());       AreaRegistration.RegisterAllAreas();       WebApiConfig.Register(GlobalConfiguration.Configuration);       FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters);       RouteConfig.RegisterRoutes(RouteTable.Routes);   }

یک کنترلر با نام HomeController ایجاد کرده و اکشن زیر را به آن اضافه کنید. در این کنترلر اکشن index  یک شئی از نوع Model  به همراه ویو index که نگهدارنده لیست کشور ها از دیتابیس هست را بر می گرداند.اکشن SelectCountry لیست استان ها بر اساس id  کشور برگشت می دهد.

C#

ModelDbContext db = new ModelDbContext(); public ActionResult Index() { Model model = new Model { Countries = db.Countries.ToList() }; return View(model); } [HttpPost] public virtual ActionResult SelectCountry(int ? countryid) { var states = countryid.HasValue ? db.Countries.FirstOrDefault(m => m.CountryID == countryid).States : null; Model model = new Model { CountryID = countryid, Countries = db.Countries.ToList(), States = states }; if (Request.IsAjaxRequest()) return PartialView("_States", model); else return View("Index", model); }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

ModelDbContext db = new ModelDbContext();   public ActionResult Index()   {       Model model = new Model       {           Countries = db.Countries.ToList()       };       return View(model);   }   [HttpPost]   public virtual ActionResult SelectCountry(int ? countryid)   {       var states = countryid.HasValue ? db.Countries.FirstOrDefault(m => m.CountryID == countryid).States : null;       Model model = new Model       {           CountryID = countryid,               Countries = db.Countries.ToList(),               States = states       };       if (Request.IsAjaxRequest()) return PartialView("_States", model);       else return View("Index", model);   }

یک view با نام Index اضافه کرده و کدهای زیر را در آن وارد کنید:

ASP

@model CascadingDropDown.Models.Model @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title> <script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $('input[type=submit]').hide(); $('#CountryID').change(function () { $(this).parents('form').submit(); return false; }); $("form[action$='SelectCountry']").submit(function () { $.ajax({ url: $(this).attr('action'), type: 'post', data: $(this).serialize(), success: function (response) { $('#states').html(response); } }); return false; }); }); </script> </head> <body> <div> @using (Html.BeginForm("SelectCountry", "Home")) { <fieldset> <legend>Countries</legend> @Html.DropDownListFor(m => m.CountryID, new SelectList(Model.Countries,"CountryID", "Name"), "[Please select a Country]") <input type="submit" value="Select" /> </fieldset> } </div> <div id="states"> @Html.Partial("_States", Model) </div> </body> </html>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55

@model CascadingDropDown.Models.Model   @{       Layout = null;   }      <!DOCTYPE html>   <html>       <head>           <meta name="viewport" content="width=device-width" />           <title>Index</title>           <script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>           <script type="text/javascript">               $(document).ready(function () {                      $('input[type=submit]').hide();                      $('#CountryID').change(function () {                       $(this).parents('form').submit();                       return false;                   });                      $("form[action$='SelectCountry']").submit(function () {                          $.ajax({                           url: $(this).attr('action'),                           type: 'post',                           data: $(this).serialize(),                           success: function (response) {                               $('#states').html(response);                           }                       });                       return false;                   });               });           </script>       </head>       <body>           <div>               @using (Html.BeginForm("SelectCountry", "Home"))               {                      <fieldset>                       <legend>Countries</legend>                       @Html.DropDownListFor(m => m.CountryID, new SelectList(Model.Countries,"CountryID", "Name"), "[Please select a Country]")                          <input type="submit" value="Select" />                   </fieldset>               }              </div>           <div id="states">               @Html.Partial("_States", Model)           </div>       </body>   </html>

یک partial view با نام States_ ایجاد کنید

ASP

@model CascadingDropDown.Models.Model <fieldset> @if (Model.States != null && Model.States.Count() > 0) { <legend>States</legend> @Html.HiddenFor(m => m.CountryID); @Html.DropDownListFor(m => m.StateID, new SelectList(Model.States, "StateID","Name"), "[Please select a state]") } else { <legend>No states available</legend> } </fieldset>

1 2 3 4 5 6 7 8 9 10 11 12 13

@model CascadingDropDown.Models.Model   <fieldset>      @if (Model.States != null && Model.States.Count() > 0)      {         <legend>States</legend>         @Html.HiddenFor(m => m.CountryID);         @Html.DropDownListFor(m => m.StateID, new SelectList(Model.States, "StateID","Name"), "[Please select a state]")      }      else      {         <legend>No states available</legend>      }   </fieldset>

حال بعد از اجرای برنامه باید تصویر زیر را داشته باشیم

در صورتیکه جاوا اسکریپت غیر فعال باشد یک دکمه مظابق شکل زیر نمایش داده می شود تا با کلیک برروی آن استان ها نمایش داده شودد

آموزش Dropdownlist در MVC

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

حتما نگاهی به این مقالات بیندازید

• مدیریت حالت در ASP.NET – آموزش گام به گام طراحی سایت با ASP NET
• نحوه استفاده از ASP NET Identity
• کتاب آموزش توسعه برنامه های تحت وب با ASP.NET MVC مرجع آزمون ۴۸۶-۷۰ مایکروسافت
• نمایش گوگل مپ در سایت ASP.NET

آموزش ASP.NET MVC 6 پیاده سازی صفحه ارتباط با ما (Contact Us)

این آموزش ASP.NET MVC 6 نحوه پیاده سازی صفحه ارتباط با ما را آموزش می دهد . ابتدا مدلی برای فرم Contact می سازیم و عملیات منطقی را بعدا در کنترلر انجام می دهیم. این کار از طریق ساختار و الگو MVC پیاده سازی شده است و برای اعتبار سنجی (Validation) در سمت مشتری (Client) از jQuery استفاده شده است.

پیش نیاز

این پیاده سازی در NET.4.5.1.  اجرا و تست شده است اما بر روی NET. core 1.0 اجرا نشده است چون فاقد فضای نام System.Net.Mail است. این امکانات در نسخه های بعدی ممکن است اضافه شود.

کد  نمونه آموزش ASP.NET MVC 6

کد زیر یک کد نمونه برای تولید فرم Contact است

C#

using System; using System.Collections.Generic; using System.ComponentModel.DataAnnotations; using System.Linq; using System.Threading.Tasks; namespace ContactUS.ViewModel { public class ContactViewModel { [Required] [StringLength(20,MinimumLength =5)] public string Name { get; set; } [Required] [EmailAddress] public string Email { get; set; } [Required] public string Subject { get; set; } [Required] public string Message { get; set; } } }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

using System; using System.Collections.Generic; using System.ComponentModel.DataAnnotations; using System.Linq; using System.Threading.Tasks;   namespace ContactUS.ViewModel {     public class ContactViewModel     {         [Required]         [StringLength(20,MinimumLength =5)]         public string Name { get; set; }         [Required]         [EmailAddress]         public string Email { get; set; }         [Required]         public string Subject { get; set; }         [Required]         public string Message { get; set; }     } }

کد کنترلر

کد زیر کد مربوط به کنترلر است که ما در آن از سرویس Gmail برای ارسال ایمیل استفاده کرده ایم. می توانید از سرویس دهنده های دیگر نیز برای این کار استفاده کنید

C#

using System; using System.Collections.Generic; using System.Linq; using System.Threading.Tasks; using Microsoft.AspNet.Mvc; using ContactUS.ViewModel; using System.Net.Mail; namespace ContactUS.Controllers { public class HomeController : Controller { [HttpGet] public IActionResult Index() { return View(); } [HttpPost] public IActionResult Index(ContactViewModel vm) { if(ModelState.IsValid) { try { MailMessage msz = new MailMessage(); msz.From = new MailAddress(vm.Email);//Email which you are getting //from contact us page msz.To.Add("[e-mail]");//Where mail will be sent msz.Subject = vm.Subject; msz.Body = vm.Message; SmtpClient smtp = new SmtpClient(); smtp.Host = "smtp.gmail.com"; smtp.Port = 587; smtp.Credentials = new System.Net.NetworkCredential ("[e-mail]", "password"); smtp.EnableSsl = true; smtp.Send(msz); ModelState.Clear(); ViewBag.Message = "Thank you for Contacting us "; } catch(Exception ex ) { ModelState.Clear(); ViewBag.Message = $" Sorry we are facing Problem here {ex.Message}"; } } return View(); } public IActionResult Error() { return View(); } } }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61

using System; using System.Collections.Generic; using System.Linq; using System.Threading.Tasks; using Microsoft.AspNet.Mvc; using ContactUS.ViewModel; using System.Net.Mail;   namespace ContactUS.Controllers {     public class HomeController : Controller     {         [HttpGet]         public IActionResult Index()         {             return View();         }         [HttpPost]         public IActionResult Index(ContactViewModel vm)         {             if(ModelState.IsValid)             {                 try                 {                     MailMessage msz = new MailMessage();                     msz.From = new MailAddress(vm.Email);//Email which you are getting //from contact us page                     msz.To.Add("[e-mail]");//Where mail will be sent                     msz.Subject = vm.Subject;                     msz.Body = vm.Message;                     SmtpClient smtp = new SmtpClient();                       smtp.Host = "smtp.gmail.com";                       smtp.Port = 587;                       smtp.Credentials = new System.Net.NetworkCredential ("[e-mail]", "password");                       smtp.EnableSsl = true;                       smtp.Send(msz);                       ModelState.Clear();                     ViewBag.Message = "Thank you for Contacting us ";                 }                 catch(Exception ex )                 {                     ModelState.Clear();                     ViewBag.Message = $" Sorry we are facing Problem here {ex.Message}";                 }                           }                        return View();         }         public IActionResult Error()         {             return View();         }     } }

کد سمت مشتری

برای اعتبار سنجی در سمت مشتری از کدهای jQuery استفاده کردیم و همچنین از Bootstrap نیز برای جلوه بهتر استفاده کرده ایم

C#

@model ContactUS.ViewModel.ContactViewModel @{ ViewData["Title"] = "Home Page"; } <script src="~/lib/jquery-validation/dist/jquery.validate.min.js"></script> <script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script> <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" /> <div> <div class="col-md-6"> <div> @if (ViewBag.Message == null) { <div> <form method="post"> <div class="form-group"> <label asp-for="Name">Name</label> <input asp-for="Name" class="form-control" /> <span asp-validation-for="Name" class="text-muted"></span> </div> <div class="form-group"> <label asp-for="Email">Email</label> <input asp-for="Email" class="form-control" /> <span asp-validation-for="Email" class="text-muted"></span> </div> <div class="form-group"> <label asp-for="Subject">Subject</label> <input asp-for="Subject" class="form-control" /> <span asp-validation-for="Subject" class="text-muted"></span> </div> <div class="form-group"> <label asp-for="Message">Message</label> <textarea rows="5" cols="15" asp-for="Message" class="form-control"></textarea> <span asp-validation-for="Message" class="text-muted"></span> </div> <div> <button type="submit" class="btn btn-success">Send </button> </div> </form> </div> } </div> <div> <div> @if (ViewBag.Message != null) { <div>@ViewBag.Message</div> } </div> </div> </div> </div>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62

@model ContactUS.ViewModel.ContactViewModel @{     ViewData["Title"] = "Home Page"; } <script src="~/lib/jquery-validation/dist/jquery.validate.min.js"></script> <script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script> <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" /> <div>     <div class="col-md-6">         <div>             @if (ViewBag.Message == null)             {                 <div>                     <form method="post">                         <div class="form-group">                             <label asp-for="Name">Name</label>                             <input asp-for="Name" class="form-control" />                             <span asp-validation-for="Name"                             class="text-muted"></span>                         </div>                         <div class="form-group">                             <label asp-for="Email">Email</label>                             <input asp-for="Email" class="form-control" />                             <span asp-validation-for="Email"                             class="text-muted"></span>                         </div>                         <div class="form-group">                             <label asp-for="Subject">Subject</label>                             <input asp-for="Subject" class="form-control" />                             <span asp-validation-for="Subject"                             class="text-muted"></span>                         </div>                         <div class="form-group">                             <label asp-for="Message">Message</label>                             <textarea rows="5" cols="15"                             asp-for="Message" class="form-control"></textarea>                             <span asp-validation-for="Message"                             class="text-muted"></span>                         </div>                         <div>                             <button type="submit"                             class="btn btn-success">Send </button>                         </div>                       </form>                 </div>             }         </div>           <div>             <div>                 @if (ViewBag.Message != null)             {                     <div>@ViewBag.Message</div>                     }             </div>         </div>     </div>   </div>

همچنین کل کد منبع را می توانید در زیر دانلود کنید

دانلود کدها

حتما نگاهی به این مقالات بیندازید

• آموزش ASP.NET MVC پیاده سازی عملیات CRUD بدون یک خط کد نویسی
• فیلم آموزشی افزودن ویرایشگر TinyMCE به پروژه ASP.NET MVC
• نمایش گوگل مپ در سایت ASP.NET
• نحوه ارسال ایمیل در ASP NET Core 1.0محمد بروشکی

پیاده سازی CRUD در PHP (قسمت ۳)

محمد آذرنیوا PHP ارسال دیدگاه 1,396 بازدید

پیاده سازی CRUD در PHP (قسمت ۳) – نمایش جدول دیتابیس در PHP

سایر پست های مربوط به این آموزش :

• پیاده سازی CRUD در PHP (قسمت ۱)
• پیاده سازی CRUD در PHP (قسمت ۲)
• پیاده سازی CRUD در PHP (قسمت ۳)

در این بخش از آموزش نمایش جدول دیتابیس در PHP قصد داریم صفحات Update و Delete  از گرید CRUD در PHP را آموزش دهیم . بعد از اتمام این قسمت عملیات CRUD کامل خواهد شد . فرآیند این آموزش مانند قسمت قبلی خواهد بود.

۱-افزودن دکمه Update و Delete

مشابه دکمه Read  در گرید ما نیا ز به دکمه های Update و Delete  به ازاء هر سطر جدول داریم . فایل index.php را باز کرده و کدهای های لایت شده زیر را به آن اضافه کنید.

در نهایت فایل index.php باید  شکل زیر باشد . شما می توانید کدهای های لایت شده و یا همه کدها را به فایل index.php کپی کنید.

PHP

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link href="css/bootstrap.min.css" rel="stylesheet"> <script src="js/bootstrap.min.js"></script> </head> <body> <div class="container"> <div class="row"> <h3>PHP CRUD Grid</h3> </div> <div class="row"> <p> <a href="create.php" class="btn btn-success">Create</a> </p> <table class="table table-striped table-bordered"> <thead> <tr> <th>Name</th> <th>Email Address</th> <th>Mobile Number</th> <th>Action</th> </tr> </thead> <tbody> <?php include 'database.php'; $pdo = Database::connect(); $sql = 'SELECT * FROM customers ORDER BY id DESC'; foreach ($pdo->query($sql) as $row) { echo '<tr>'; echo '<td>'. $row['name'] . '</td>'; echo '<td>'. $row['email'] . '</td>'; echo '<td>'. $row['mobile'] . '</td>'; echo '<td width=250>'; echo '<a class="btn" href="read.php?id='.$row['id'].'">Read</a>'; echo '&nbsp;'; echo '<a class="btn btn-success" href="update.php?id='.$row['id'].'">Update</a>'; echo '&nbsp;'; echo '<a class="btn btn-danger" href="delete.php?id='.$row['id'].'">Delete</a>'; echo '</td>'; echo '</tr>'; } Database::disconnect(); ?> </tbody> </table> </div> </div> <!-- /container --> </body> </html>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="utf-8">     <link   href="css/bootstrap.min.css" rel="stylesheet">     <script src="js/bootstrap.min.js"></script> </head>   <body>     <div class="container">      <div class="row">      <h3>PHP CRUD Grid</h3>      </div> <div class="row"> <p> <a href="create.php" class="btn btn-success">Create</a> </p> <table class="table table-striped table-bordered">               <thead>                 <tr>                   <th>Name</th>                   <th>Email Address</th>                   <th>Mobile Number</th>                   <th>Action</th>                 </tr>               </thead>               <tbody>               <?php    include 'database.php';    $pdo = Database::connect();    $sql = 'SELECT * FROM customers ORDER BY id DESC';    foreach ($pdo->query($sql) as $row) {    echo '<tr>';    echo '<td>'. $row['name'] . '</td>';    echo '<td>'. $row['email'] . '</td>';    echo '<td>'. $row['mobile'] . '</td>';    echo '<td width=250>';    echo '<a class="btn" href="read.php?id='.$row['id'].'">Read</a>';    echo '&nbsp;';    echo '<a class="btn btn-success" href="update.php?id='.$row['id'].'">Update</a>';    echo '&nbsp;';    echo '<a class="btn btn-danger" href="delete.php?id='.$row['id'].'">Delete</a>';    echo '</td>';    echo '</tr>';    }    Database::disconnect();   ?>       </tbody>             </table>      </div>     </div> <!-- /container -->   </body> </html>

 

حال اگر به صفحه index.php بروید باید دکمه های Update و Delete  را به ازاء هر سطر ببینید . در حال حاضر این دکمه ها کار نخواند کرد و در قسمت بعد صفحه Update را ایجاد خواهیم کرد.

۲-ایجاد صفحه Update

یک فایل PHP با نام update.php ایجاد کنید این فایل قسمتی از گرید CRUD خواهد بود و تقریبا مشابه قمست create  است .

این فایل را مانند قمست create در ۲ بخش بررسی خواهیم کرد

اولین بخش کد های آن یک فرم HTMl است این فرم دقیقا مشابه فرم صفحه Create است . کد های زیر را در فایل update.php کپی کنید.

XHTML

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link href="css/bootstrap.min.css" rel="stylesheet"> <script src="js/bootstrap.min.js"></script> </head> <body> <div class="container"> <div class="span10 offset1"> <div class="row"> <h3>Update a Customer</h3> </div> <form class="form-horizontal" action="update.php?id=<?php echo $id?>" method="post"> <div class="control-group <?php echo !empty($nameError)?'error':'';?>"> <label class="control-label">Name</label> <div class="controls"> <input name="name" type="text" placeholder="Name" value="<?php echo !empty($name)?$name:'';?>"> <?php if (!empty($nameError)): ?> <span class="help-inline"><?php echo $nameError;?></span> <?php endif; ?> </div> </div> <div class="control-group <?php echo !empty($emailError)?'error':'';?>"> <label class="control-label">Email Address</label> <div class="controls"> <input name="email" type="text" placeholder="Email Address" value="<?php echo !empty($email)?$email:'';?>"> <?php if (!empty($emailError)): ?> <span class="help-inline"><?php echo $emailError;?></span> <?php endif;?> </div> </div> <div class="control-group <?php echo !empty($mobileError)?'error':'';?>"> <label class="control-label">Mobile Number</label> <div class="controls"> <input name="mobile" type="text" placeholder="Mobile Number" value="<?php echo !empty($mobile)?$mobile:'';?>"> <?php if (!empty($mobileError)): ?> <span class="help-inline"><?php echo $mobileError;?></span> <?php endif;?> </div> </div> <div class="form-actions"> <button type="submit" class="btn btn-success">Update</button> <a class="btn" href="index.php">Back</a> </div> </form> </div> </div> <!-- /container --> </body> </html>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="utf-8">     <link   href="css/bootstrap.min.css" rel="stylesheet">     <script src="js/bootstrap.min.js"></script> </head>   <body>     <div class="container">           <div class="span10 offset1">      <div class="row">      <h3>Update a Customer</h3>      </div>           <form class="form-horizontal" action="update.php?id=<?php echo $id?>" method="post">   <div class="control-group <?php echo !empty($nameError)?'error':'';?>">     <label class="control-label">Name</label>     <div class="controls">        <input name="name" type="text"  placeholder="Name" value="<?php echo !empty($name)?$name:'';?>">        <?php if (!empty($nameError)): ?>        <span class="help-inline"><?php echo $nameError;?></span>        <?php endif; ?>     </div>   </div>   <div class="control-group <?php echo !empty($emailError)?'error':'';?>">     <label class="control-label">Email Address</label>     <div class="controls">        <input name="email" type="text" placeholder="Email Address" value="<?php echo !empty($email)?$email:'';?>">        <?php if (!empty($emailError)): ?>        <span class="help-inline"><?php echo $emailError;?></span>        <?php endif;?>     </div>   </div>   <div class="control-group <?php echo !empty($mobileError)?'error':'';?>">     <label class="control-label">Mobile Number</label>     <div class="controls">        <input name="mobile" type="text"  placeholder="Mobile Number" value="<?php echo !empty($mobile)?$mobile:'';?>">        <?php if (!empty($mobileError)): ?>        <span class="help-inline"><?php echo $mobileError;?></span>        <?php endif;?>     </div>   </div>   <div class="form-actions">   <button type="submit" class="btn btn-success">Update</button>   <a class="btn" href="index.php">Back</a> </div> </form> </div>     </div> <!-- /container -->   </body> </html>

بخش دوم کدها جایی است که فرآیند به روز رسانی اتفاق می افتد. کدهای زیر را به ابتدای فایل updae.php کپی کنید :

PHP

<?php require 'database.php'; $id = null; if ( !empty($_GET['id'])) { $id = $_REQUEST['id']; } if ( null==$id ) { header("Location: index.php"); } if ( !empty($_POST)) { // keep track validation errors $nameError = null; $emailError = null; $mobileError = null; // keep track post values $name = $_POST['name']; $email = $_POST['email']; $mobile = $_POST['mobile']; // validate input $valid = true; if (empty($name)) { $nameError = 'Please enter Name'; $valid = false; } if (empty($email)) { $emailError = 'Please enter Email Address'; $valid = false; } else if ( !filter_var($email,FILTER_VALIDATE_EMAIL) ) { $emailError = 'Please enter a valid Email Address'; $valid = false; } if (empty($mobile)) { $mobileError = 'Please enter Mobile Number'; $valid = false; } // update data if ($valid) { $pdo = Database::connect(); $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); $sql = "UPDATE customers set name = ?, email = ?, mobile =? WHERE id = ?"; $q = $pdo->prepare($sql); $q->execute(array($name,$email,$mobile,$id)); Database::disconnect(); header("Location: index.php"); } } else { $pdo = Database::connect(); $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); $sql = "SELECT * FROM customers where id = ?"; $q = $pdo->prepare($sql); $q->execute(array($id)); $data = $q->fetch(PDO::FETCH_ASSOC); $name = $data['name']; $email = $data['email']; $mobile = $data['mobile']; Database::disconnect(); } ?>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

<?php require 'database.php';   $id = null; if ( !empty($_GET['id'])) { $id = $_REQUEST['id']; } if ( null==$id ) { header("Location: index.php"); } if ( !empty($_POST)) { // keep track validation errors $nameError = null; $emailError = null; $mobileError = null; // keep track post values $name = $_POST['name']; $email = $_POST['email']; $mobile = $_POST['mobile']; // validate input $valid = true; if (empty($name)) { $nameError = 'Please enter Name'; $valid = false; } if (empty($email)) { $emailError = 'Please enter Email Address'; $valid = false; } else if ( !filter_var($email,FILTER_VALIDATE_EMAIL) ) { $emailError = 'Please enter a valid Email Address'; $valid = false; } if (empty($mobile)) { $mobileError = 'Please enter Mobile Number'; $valid = false; } // update data if ($valid) { $pdo = Database::connect(); $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); $sql = "UPDATE customers  set name = ?, email = ?, mobile =? WHERE id = ?"; $q = $pdo->prepare($sql); $q->execute(array($name,$email,$mobile,$id)); Database::disconnect(); header("Location: index.php"); } } else { $pdo = Database::connect(); $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); $sql = "SELECT * FROM customers where id = ?"; $q = $pdo->prepare($sql); $q->execute(array($id)); $data = $q->fetch(PDO::FETCH_ASSOC); $name = $data['name']; $email = $data['email']; $mobile = $data['mobile']; Database::disconnect(); } ?>

همانطور که می بینید ابتدا به کمک متغیر $_POST  بررسی می کنیم که آیا فرم ارسال شده است یا خیر سپس  همه ورودی ها  را جهت مطابقت با قوانین اعتبار سنجی  بررسی خواهیم کرد.بعد از آن دیتابیس را با استفاده از داده های $_POST به روز رسانی خواهیم کرد.در نهایت کاربر را به صفحه index.php با استفاده از تابع header ارجاع خواهیم دادو در صورتیکه فرم به روش get فراخوانی شود دادهها از دیتابیس خوانده خواهد شد.

در صورتیکه کار ها را درست انجام داده باشید بعد از کلیک برروی دکمه Update در صفحه index.php صفحه مشابه زیر باید نمایش داده شود.

۳-ایجاد صفحه Delete

در آخرین قسمت آموزش فایل phpبا عنوان delete.php ایجاد کنید و کدهای زیر را در آن کپی کنید تا بعد آن ها را بررسی کنیم.

PHP

<?php require 'database.php'; $id = 0; if ( !empty($_GET['id'])) { $id = $_REQUEST['id']; } if ( !empty($_POST)) { // keep track post values $id = $_POST['id']; // delete data $pdo = Database::connect(); $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); $sql = "DELETE FROM customers WHERE id = ?"; $q = $pdo->prepare($sql); $q->execute(array($id)); Database::disconnect(); header("Location: index.php"); } ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link href="css/bootstrap.min.css" rel="stylesheet"> <script src="js/bootstrap.min.js"></script> </head> <body> <div class="container"> <div class="span10 offset1"> <div class="row"> <h3>Delete a Customer</h3> </div> <form class="form-horizontal" action="delete.php" method="post"> <input type="hidden" name="id" value="<?php echo $id;?>"/> <p class="alert alert-error">Are you sure to delete ?</p> <div class="form-actions"> <button type="submit" class="btn btn-danger">Yes</button> <a class="btn" href="index.php">No</a> </div> </form> </div> </div> <!-- /container --> </body> </html>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53

<?php require 'database.php'; $id = 0; if ( !empty($_GET['id'])) { $id = $_REQUEST['id']; } if ( !empty($_POST)) { // keep track post values $id = $_POST['id']; // delete data $pdo = Database::connect(); $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); $sql = "DELETE FROM customers  WHERE id = ?"; $q = $pdo->prepare($sql); $q->execute(array($id)); Database::disconnect(); header("Location: index.php"); } ?>   <!DOCTYPE html> <html lang="en"> <head>     <meta charset="utf-8">     <link   href="css/bootstrap.min.css" rel="stylesheet">     <script src="js/bootstrap.min.js"></script> </head>   <body>     <div class="container">           <div class="span10 offset1">      <div class="row">      <h3>Delete a Customer</h3>      </div>           <form class="form-horizontal" action="delete.php" method="post">        <input type="hidden" name="id" value="<?php echo $id;?>"/>   <p class="alert alert-error">Are you sure to delete ?</p>   <div class="form-actions">   <button type="submit" class="btn btn-danger">Yes</button>   <a class="btn" href="index.php">No</a> </div> </form> </div>     </div> <!-- /container -->   </body> </html>

از ابتدای کدهای PHP بررسی را شروع می کنیم همانطور که می بینید $id از درخواست $_GET خوانده می شود. در شرایطی که درخواست به روش get باشد فرم  تائیدیه نمایش داده می شود و لی در صورتیکه درخواست به روش post باشد مشخص می شود که کاربر برروی دکمه تائید کلیک کرده است سپس فرآیند حذف رکورد صورت خواهد گرفت و سپس کابر به صفحه index.php ارجاع داده خواهد شد .

قمست بعد کد هم یک صفحه HTML است که $_GET[‘id’] در یک فیلد مخفی نگه داری می کند .

در صورتیکه کارتان را درست انجام داده باشید باید فرم delete.php به شکل زیر باشد با کلیک برروی دکمه yes  رکورد انتخاب شده در صفحه index حذف خواهد شد .

۴- پایان و کدهای پروژه نمایش جدول دیتابیس در PHP

در نهایت باید ساختار فایل های شما به شکل زیر باشد :

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

دانلود پروژه

امیدوارم از این آموزش نمایش جدول دیتابیس در PHP لذت برده باشید در صورت هرگونه سئوال و خطایی می توانید آن را در پایین صفحه یا انجمن سایت مطرح کنید و لطفا این آموزش را از طریق دکمه های پایین در صفحات اجتماعی به اشتراک بگذارید .

حتما نگاهی به این مقالات بیندازید

• نحوه به کارگیری تلگرام در PHP
• آموزش ارتباط با پایگاه داده MYSQL در PHP با استفاده از شئی گرایی
• فراخوانی jQuery Ajax با استفاده از کد های PHP و برگشت دادن JSON
• کتاب آموزش PHP