سورس پروژه اضافه ، ویرایش و حذف در MVC توسط AngularJS

MVC توسط AngularJS

با یکی دیگر از پروژه های کاربردی در 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 صورت میگرد.

فیلم نحوه عملکرد پروژه : 

نقد و بررسی‌ها

هیچ دیدگاهی برای این محصول نوشته نشده است.

اولین کسی باشید که دیدگاهی می نویسد “سورس پروژه اضافه ، ویرایش و حذف در MVC توسط AngularJS”

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.

میشه تو نظرسنجی ما شرکت کنید؟بزن بریم