با یکی دیگر از پروژه های کاربردی در ASP.NET MVC با شما هستم ، پروژه اضافه ، ویرایش ، حذف که به زبان سی شارپ و MVC توسط AngularJS طراحی و برنامه نویسی شده است.وقتی در پروژه صحبت از AngularJS میشه جذابیت خاصی به خودش میگره و با امکانات AngularJS به پروژه اضافه میکنه کیفیت و عملکرد دوچندانی از پروژه خواهیم دید در این پروژه نیز به همین صورت است همراه در ادامه باشید.
آموزش های زیادی در زبان AngularJS منتشر کردیم که پیشنهاد میکنم برای آشنایی با این اسکریپت آموزش های ان را مطالعه و بررسی کنید.
در اولین قدم صحبت دیتابیس را پیش بکشیم ، دیتابیس پروژه SQL Server است در این پروژه به صورت Database First کار شده است.درواقع از Entity Framework استفاده شده است.فراخوانی و تمامی عملیات اضافه ، ویرایش و حذف توسط Angularjs انجام میشود و صفحه به صورت کاملا Ajax داده ها را ثبت ، ویرایش ، حذف و فراخوانی میکند.
[box type=”info” align=”” class=”” width=””]برای اجرا فقط کافیس پروژه را در ویژوال استدیو اجرا کنید ، فقط چک کنید یوزر local نرم افزار SQL Server بدون مشکل باشد که پروژه بتوانید به آن متصل شده و دیتابیس را ایجاد کند.[/box]برای نمونه در Home Controller کلاسی با نام AddEmployee داریم با کد زیر :
public string AddEmployee(Employee Emp)
{
if (Emp != null)
{
using (SampleDBEntities dataContext = new SampleDBEntities())
{
dataContext.Employees.Add(Emp);
dataContext.SaveChanges();
return "اطلاعات ثبت شد";
}
}
else
{
return "مشکلی در ثبت اطلاعات داریم";
}
}
که داده هایی را توسط متد نوشته زیر دریافت میکند و ثبت میکند. :
// Add Employee
this.AddEmp = function (employee) {
var response = $http({
method: "post",
url: "Home/AddEmployee",
data: JSON.stringify(employee),
dataType: "json"
});
return response;
}
دیگر عملیات ها نیز کاره خود را به همین صورت انجام میدهند.تمامی داده ها روی ng-controller=”myCntrl” که روی AngularJs ساختیم به صورت Json ارسال خواهند شد و عملیات ثبت توسط کلاس های نوشته شده در Home Controller صورت میگرد.
فیلم نحوه عملکرد پروژه :
هیچ دیدگاهی برای این محصول نوشته نشده است.