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

برگزاری دوره های آموزش برنامه نویسی و طراحی سایت در مشهد

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

برگزاری دوره های آموزش برنامه نویسی و طراحی سایت در مشهد

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

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

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

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

Country:

public class Country

{

public int CountryID { get; set; }

public string Name { get; set; }

public virtual ICollection<State> States { get; set; }

}

State:

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:

public class ModelDbContext : DbContext

{

public DbSet<Country> Countries { get; set; }

public DbSet<State> States { get; set; }

}

Model

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

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

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

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));  
    }  
}

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 را برای ارتباط با دیتابیس اضافه کنید

</connectionStrings>

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

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 کشور برگشت می دهد.

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 اضافه کرده و کدهای زیر را در آن وارد کنید:

@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>

@model CascadingDropDown.Models.Model

Layout = null;

}

<!DOCTYPE html>

<html>

<head>

<title>Index</title>

$(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"))

{

<legend>Countries</legend>

@Html.DropDownListFor(m => m.CountryID, new SelectList(Model.Countries,"CountryID", "Name"), "[Please select a Country]")

</fieldset>

}

</div>

@Html.Partial("_States", Model)

</div>

</body>

</html>

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

@model CascadingDropDown.Models.Model

@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 mvc د

آموزش Dropdownlist در MVC

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

کلاس asp

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

developer شنبه 14 مهر 1397 ساعت 20:52

0 نظر

آموزش 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 است

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 برای ارسال ایمیل استفاده کرده ایم. می توانید از سرویس دهنده های دیگر نیز برای این کار استفاده کنید

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("emailaddrss@gmail.com");//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
					("youremailid@gmail.com", "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();
        }
    }
}

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("emailaddrss@gmail.com");//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

("youremailid@gmail.com", "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 نیز برای جلوه بهتر استفاده کرده ایم

@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>

@model ContactUS.ViewModel.ContactViewModel

ViewData["Title"] = "Home Page";

}

<div>

<div>

@if (ViewBag.Message == null)

{

<div>

<span asp-validation-for="Name"

class="text-muted"></span>

</div>

<label asp-for="Email">Email</label>

<span asp-validation-for="Email"

class="text-muted"></span>

</div>

<label asp-for="Subject">Subject</label>

<span asp-validation-for="Subject"

class="text-muted"></span>

</div>

<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>

@if (ViewBag.Message != null)

{

<div>@ViewBag.Message</div>

}

</div>

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

دانلود کدها

آموزش asp.net mvc 6

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

developer سه‌شنبه 10 مهر 1397 ساعت 22:36

0 نظر

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

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

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

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

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

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

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

در نهایت فایل index.php باید شکل زیر باشد . شما می توانید کدهای های لایت شده و یا همه کدها را به فایل 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="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> 
  </body>
</html>

<!DOCTYPE html>

<head>

</head>

<body>

</div>

<p>

<a href="create.php" class="btn btn-success">Create</a>

</p>

<thead>

<tr>

<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 ' ';

echo '<a class="btn btn-success" href="update.php?id='.$row['id'].'">Update</a>';

echo ' ';

echo '<a class="btn btn-danger" href="delete.php?id='.$row['id'].'">Delete</a>';

echo '</td>';

echo '</tr>';

}

Database::disconnect();

</tbody>

</table>

</div>

</div>

</body>

</html>

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

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

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

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

اولین بخش کد های آن یک فرم HTMl است این فرم دقیقا مشابه فرم صفحه Create است . کد های زیر را در فایل update.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>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> 
  </body>
</html>

<!DOCTYPE html>

<head>

</head>

<body>

<h3>Update a Customer</h3>

</div>

<form class="form-horizontal" action="update.php?id=<?php echo $id?>" method="post">

<?php if (!empty($nameError)): ?>

<?php endif; ?>

</div>

<label class="control-label">Email Address</label>

<?php if (!empty($emailError)): ?>

<?php endif;?>

</div>

<label class="control-label">Mobile Number</label>

<?php if (!empty($mobileError)): ?>

<?php endif;?>

</div>

<button type="submit" class="btn btn-success">Update</button>

</div>

</form>

</div>

</div>

</body>

</html>

بخش دوم کدها جایی است که فرآیند به روز رسانی اتفاق می افتد. کدهای زیر را به ابتدای فایل updae.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();
	}
?>

<?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 صفحه مشابه زیر باید نمایش داده شود.

php-crud-update-form

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

در آخرین قسمت آموزش فایل phpبا عنوان delete.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> 
  </body>
</html>

<?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>

<head>

</head>

<body>

<h3>Delete a Customer</h3>

</div>

<p class="alert alert-error">Are you sure to delete ?</p>

</div>

</form>

</div>

</div>

</body>

</html>

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

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

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

php-crud-delete-form

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

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

php-crud-file-structure-3

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

دانلود پروژه

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

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

developer یکشنبه 8 مهر 1397 ساعت 18:11

0 نظر

چهارده ویژگی جدید در ASP.NET Core

محمد آذرنیوا Asp Form, ASP.NET MVC 1 دیدگاه 4,528 بازدید

در این آموزش MVC Core به بررسی ویژگی های جدید در ASP.NET Core می پردازیم :

۱- مایکروسافت تغییرات مهمی را با ASP.NET MVC Core ارائه کرده است . اولین مورد اپن سورس شدن آن است که برروی Github قرار دارد. با مراجعه به Github در صورت نیاز هر کدی که مربوط به Asp.net است می توانید پیدا کرده و دانلود کنید.

آموزش mvc core

۲ – ASP.NET Core را می توان برروی هر پلتفرمی مانند لینوکس و مک اجرا کرد. این بدین معناست که در صورتیکه سایتی با ASP.NET Core ایجاد کنید بدون هیچ مشکلی می توانید برروی هر یک از این پلت فرم ها run کنید . در حالیکه که در ورژن های قبل Asp.net برنامه ها قابل اجرا برروی لینوکس و مک نبود ، اما ASP.NET 5 از cross platform runtime پشتیبانی می کندو شما به راحتی می توانید پروژه ها را برروی لینوکس و مک اجرا کنید.

آموزش asp.net core 2

۳- ASP.NET MVC Core شامل ۲ فریم ورک است . اولی .NET Framework که در ورژن های قبل هم بوده و دومی که جدید است NET Core. نام دارد. DNX Core یک فریم ورک اوپن سورس است که برروی مک و لینوکس اجرا می شود .

دوره آموزش asp.net core

آموزش MVC Core

۴- ASP.NET Core یک ابزار مدیریتی خط فرمانی با نام DNVM دارد . DNVM (DotNetVersion Manager) این امکان را به شما می دهد ورژن های مختلف DNX نصب و به روز رسانی کنید.

آموزش تصویری asp.net

۵-برنامه نویسی و توسعه پروژه با ASP.NET Core سریعتر است چون بر مبنای فایل سیستم کار می کند به همین خاطر زمانی که تغیراتی در کدها ایجاد می کنید در پس زمینه فرآیند کامپایل کردن اتفاق می افتد و پروژه در حال اجرا به روز رسانی می شود.

۶- در ورژن های قبل بعد از build کردن پروژه همه dll ها در پوشه ای با نام bin که در داخل پروژه بود قرار می گرفت . اما در ASP.NET 5 پوشه Bin در داخل پوشه ای جدیدی با نام Artifact قرار دارد.

آموزش کامل asp.net mvc

آموزش asp core

۷ – Dependency Injection به طور درون ساخت در ASP.NET پشتیبانی می شود .

۸- ASP.NET Core به طور کامل از فرآیند publish پروژه برروی cloud پشتیبانی می کند.

۹-در ورژن های قبل ما از دی ال ال System.Web در پروژه ها استفاده می کردیم که این مورد حذف شده است.

۱۰- ار جحیت فایل های JSON از فایل های xml بیشتر است . تمام فایل های پیکربندی در ASP.NET 5 به فرمت JSON تبدیل شده اند مانند فایل global.json,config.json.

۱۱- پوشه wwwroot شامل تمام محتویات استاتیک پروژه مانند فایل های js ,css و تصاویر می شود.

آموزش کامل asp.net

۱۲- ASP.NET Core دارای یک بخش مدیریت پکیج های سمت کاربر است این مدیریت پکیج هابرای جاوااسکریپت و جی کوئری استفاده می شود.

code

۱۳- در ASP.NET Core پسوند فایل پروژه از .csproj به .xproj تغییر پیدا کرده است .

کتاب آموزش asp.net core

۱۴- ادیتور جدید Visual Studio Code برای کار در لینوکس و مک معرفی شده است.

کتاب آموزش asp core

دوره آموزش ASP.NET Core

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

محمد آذرنیوا

من محمد آذرنیوا، نویسنده و مدرس دوره های برنامه نویسی ، طراحی وب و تحلیل گر پایگاه داده هستم و قصد دارم در این وبسایت مطالب کاربردی در این زمینه را با شما به اشتراک بگذارم. بیشتر از یک برنامه نویس باشید…

developer چهارشنبه 4 مهر 1397 ساعت 18:46

0 نظر

انتقال اطلاعات از اکسل به SQL Server

با سلام می خوام در این پست نحوه انتقال اطلاعات از فایل Excel رو به پایگاه داده SQl Server آموزش بدم.SQl Server Management Studio (SSMS) امکانی رو فراهم کرده که شما می تونید داده های موجود در فایل های اطلاعاتی از قبیل Excel رو به SQL Server وارد کنید. شما با این کار می تونید داده های فایل اکسل رو در یک جدول کپی کرده و سپس پردازش هایی لازم رو با SQL Server برروی داده ها انجام بدین. مراحل انتقال اطلاعات از اکسل به SQL ( اتصال اکسل به SQL ) به شرح زیر می باشد :

۱- من یک فایل اکسل با نام Data دارم .

انتقال اطلاعات از اکسل به sql

۲- یک دیتابیس جدید ایجاد کنید و یا برروی یک دیتابیس موجود راست کلیک کرده سپس گزینه Task و بعد گزینه Import Data رو مثل تصویر زیر انتخاب کنید.

اتصال اکسل به sql

۳- یک ویزارد جدید باز می شه برروی Next کلیک کنید.

اتصال اکسل به دیتابیس

۴- در قسمت Data source گزینه Microsoft Excel رو انتخاب کنید.

ورود اطلاعات از excel به sql

۵- بعد از اینکه برروی Next کلیک کردید مسیر فایل رو در پنجره بعد مشخص کنید.

ارتباط اکسل با sql

۶- حالا در پنجره انتخاب مقصد(Destination) گزینه SQL Server Native Client 11.0 رو انتخاب کنید.

import کردن در sql

آموزش انتقال اطلاعات از اکسل به SQL

۷- در این مرحله پایگاه داده خود را انتخاب کنید . البته هم می تونید یک پایگاه داده موجود رو انتخاب کنید هم با کلیک برروی دکمه New.. یک جدیدش رو بسازید.

روش انتقال اطلاعات از اکسل به sql

۸- در پنجره جدید گزینه پیش فرض Table copy data در حالت انتخاب باشه و برروی next کلیک کنید.

چگونه داده ها را از اکسل وارد sql کنیم

۹- در پنجره Source Table and Views باید sheet فایل اکسل رو انتخاب کنید همچنین با دکمه Preview می تونید یک پیش نمایش از داده ها رو ببینید.

چگونه داده ها را از اکسل وارد sql کنیم

و یا

با کلیک بروری Edit Mapping می شه سایز داده ها و گزینه Edit SQL برای دیدن ستون ها و تغییر نوع ستون های داده و امکان تغییر ترتیب ستون ها استفاده کرد. حال برروی Ok کلیک کنید و next رو بزنید.

انتقال داده ها از اکسل به sql