۶ مطلب در مهر ۱۳۹۷ ثبت شده است

کتاب آموزش نحوه استفاده از Bootstrap برای برنامه نویسان ASP.NET MVC

۲۵ مهر۹۷

در این کتاب نحوه استفاده از Bootstrap برای برنامه نویسان ASP.NET MVC آموزش داده می شود . هچنین در صورتیکه شما آشنایی کمی با Bootstrap و ASP.NET MVC را دارید با استفاده از این کتاب می توانید شروع به کار کرده و از بوت استرپ در پروژه دات نت خود استفاده کنید .

نحوه استفاده از bootstrap

سرفصل های کتاب آموزش نحوه استفاده از Bootstrap برای برنامه نویسان ASP.NET MVC

شروع کار با ASP.NET MVC و Bootstrap
- فایل ها و ساختار بوت استرپ
- نحوه استفاده از بوت استرپ در ساختار پروژه استاندار ویژوال استدیو
- نحوه ایجاد یک پروژه Empty و افزودت بوت استرپ به صورت دستی
- ایجاد فایل لایوت
- افزودن بوت استرپ با Nuget
- افزایش کارایی سایت با bundling و minification
استفاده از المان های CSS و HTML در بوت استرپ
- معرفی سیستم گرید بوت استرپ
- المان های HTML در بوت استرپ
آموزش استفاده از کامپوننت ها در بوت استرپ
- راهبری در بوت استرپ
- گروه لیست ها
- ورودی ها
- هشدار ها
- و…
آموزش ساخت هلپر های MVC در Bootstrap
- ایجاد یک هلپر سفارشی
- ساخت هلپر ها با متد های استاتیک
- ساخت هلپر ها با متد های توسعه
نحوه استفاده از یک قالب بوت استرپ در یک پروژه ASP.NET MVC
- کار با قالب های از پیش تعریف شده
- ایجاد یک پروژه ASP.NET MVC
- ایجاد لایوت اصلی
- افزودن ویو به کنترلر

توضیحات کتاب آموزش نحوه استفاده از Bootstrap برای برنامه نویسان ASP.NET MVC

نویسنده : Pieter van der Westhuizen

موضوع : ASP.NET MVC

تعداد صفحات : ۱۹۸

فرمت : کتاب PDF

ناشر : Packt Publishing

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

دانلود PDF

کلاس طراحی وب مشهد

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

۰ نظر

mohamad azari

فیلم آموزشی افزودن ویرایشگر TinyMCE به پروژه ASP.NET MVC

۲۲ مهر۹۷

TinyMCE یک ویرایشگر HTML بر پایه جاوا اسکریپت است در این فیلم آموزش MVC نحوه اضافه کردن این ویرایشگر به یک پروژه ASP.NET MVC آموزش داده می شود . TinyMCE به راحتی به انواع پروژه وب (PHP , ASP و…) قابل اضافه شدن است.

از ویژگی های TinyMCE :

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

فیلم آموزش mvc

توضیحات فیلم آموزش MVC

مدرس : محمد آذرنیوا

موضوع : افزودن ویرایشگر TinyMCE به پروژه ASP.NET MVC

مدت زمان : ۱۵ دقیقه

فرمت : mp4

سازنده : برنامه نویسان مشهد

زبان : فارسی

دانلود فیلم و پروژه

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

۰ نظر

mohamad azari

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

۱۹ مهر۹۷

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

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

کتاب آموزش mvc

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

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

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

نویسنده : william Penberthy

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

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

فرمت : کتاب PDF

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

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

دانلود کتاب

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

۰ نظر

mohamad azari

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

۱۵ مهر۹۷

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

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

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

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

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

آموزش ASP.NET MVC

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

آموزش asp.net پروژه محور

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

asp mvc آموزش

آموزش ASP.NET MVC

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

آموزش پروژه محور asp.net core

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

آموزش asp.net با c#

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

آموزش asp.net mvc

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

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

asp mvc آموزش

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

asp آموزش

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

asp.net آموزش

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

aspmvc

مرحله ۱۱٫

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

اموزش asp.net

مرحله ۱۲ ( آموزش 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)

asp mvc

مرحله ۱۴ .

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

آموزش asp mvc

خروجی ۱ .

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

asp mvc url

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

خروجی ۲٫

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

ََُASP CRUD

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

خروجی ۳٫

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

آموزش crud

crud در asp

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

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

۰ نظر

mohamad azari

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

۱۴ مهر۹۷

آموزش 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; }  
}

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

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

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

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

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

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

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

@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

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

۰ نظر

mohamad azari

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

۱۰ مهر۹۷

آموزش 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; }
    }
}

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

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

۰ نظر

mohamad azari

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

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

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

۶ مطلب در مهر ۱۳۹۷ ثبت شده است

کتاب آموزش نحوه استفاده از Bootstrap برای برنامه نویسان ASP.NET MVC

سرفصل های کتاب آموزش نحوه استفاده از Bootstrap برای برنامه نویسان ASP.NET MVC

توضیحات کتاب آموزش نحوه استفاده از Bootstrap برای برنامه نویسان ASP.NET MVC

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

فیلم آموزشی افزودن ویرایشگر TinyMCE به پروژه ASP.NET MVC

توضیحات فیلم آموزش MVC

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

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

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

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

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

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

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

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

آموزش ASP.NET MVC

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

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

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

آموزش Dropdownlist در MVC

آموزش Dropdownlist در MVC

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

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

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

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