تحلیل داده
صفحه اصلی / سورس های برنامه نویسی / سورس MVC / سورس پروژه اضافه ، ویرایش و حذف در MVC توسط AngularJS

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

MVC توسط AngularJS

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

آموزش های زیادی در زبان AngularJS منتشر کردیم که پیشنهاد میکنم برای آشنایی با این اسکریپت آموزش های ان را مطالعه و بررسی کنید.

در اولین قدم صحبت دیتابیس را پیش بکشیم ، دیتابیس پروژه SQL Server است در این پروژه به صورت Database First کار شده است.درواقع از Entity Framework استفاده شده است.فراخوانی و تمامی عملیات اضافه ، ویرایش و حذف توسط Angularjs انجام میشود و صفحه به صورت کاملا Ajax داده ها را ثبت ، ویرایش ، حذف و فراخوانی میکند.

برای اجرا فقط کافیس پروژه را در ویژوال استدیو اجرا کنید ، فقط چک کنید یوزر local نرم افزار SQL Server بدون مشکل باشد که پروژه بتوانید به آن متصل شده و دیتابیس را ایجاد کند.

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

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

جزئیات فایل

زبان پروژه : AngularJS&C#&ASP.NETMVC
بانک اطلاعاتی پروژه : SQL Server
حجم فایل پیوست : 20 MB

رمز فایل : www.mspsoft.ir , www.mspsoft.com
کانال ام اس پی سافت

پاسخ دهید

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



دوره های آنلاین ام اس پی سافت

آموزش طراحی فروشگاه اینترنتی

آموزش طراحی فروشگاه اینترنتی

طراحی سیستم مدیریت مشتریان

طراحی سیستم مدیریت مشتریان

دوره طراحی وب سایت پورتال خبری

دوره طراحی وب سایت پورتال خبری

دوره طراحی حسابداری فروشگاه

دوره طراحی حسابداری فروشگاه