الزامات
- ویژوال استودیو 2010 و بالاتر.
- SQL Server 2008 و بالاتر.
دانش مورد نیاز
- دانش اولیه jQuery AJAX.
- دانش پایه WebAPI.
- دانش اولیه Kendo UI.
- دانش اولیه Entity Framework.
جریان مقاله
- یک پایگاه داده ایجاد کنید و مقادیر (DB) را وارد کنید.
- پروژه Web-API را ایجاد کنید و Entity Framework (WEB-API) را پیکربندی کنید.
- برای دریافت داده ها، سرویس ها را بنویسید (WEB-API).
- ایجاد برنامه MVC (ASP.NET MVC).
- ایجاد کنترلر و نمایش (ASP.NET MVC).
- برای فراخوانی Web-API AJAX بنویسید و داده ها را به تکمیل خودکار Kendo UI (jQuery AJAX) متصل کنید.
مرحله 1
DB
یک جدول ایجاد کنید.
مقادیر را وارد کنید
گام 2
Web-API
پروژه Web-API را ایجاد کرده و Entity Framework را پیکربندی کنید.
پروژه Web-API را ایجاد کرده و Entity Framework را پیکربندی کنید.
برای پیکربندی Entity Framework به لینک زیر مراجعه کنید.
http://www.c-sharpcorner.com/blogs/implement-database-first-approach-with-entity-framework پس از پیکربندی Entity Framework با Web-API مانند شکل زیر خواهد بود.
اکنون برای دریافت داده ها، Services را بنویسید. در اینجا، من از الگوی مخزن برای دریافت اطلاعات در مورد الگوی مخزن استفاده کرده ام، به پیوندها مراجعه کنید .
- /// <summary>
- /// Get All Employee Details
- /// </summary>
- /// <remarks>
- /// Get Employees details
- /// </remarks>
- /// <returns></returns>
- [ResponseType(typeof(IEnumerable < Employee > ))]
- [System.Web.Http.Route("api/GetEmployees")]
- [System.Web.Http.HttpGet]
- public HttpResponseMessage GetEmployees()
- {
- var result = _Employeerepository.GetAll();
- return GetResultResponse(result);
- }
مرحله 3
ASP.NET MVC
پس از ایجاد یک برنامه، برنامه MVC ایجاد کنید. کنترل را به نام Crud ایجاد کنید و actionmethod را به نام AutoComplete ایجاد کنید.
روش اقدام
- using System;
- using System.Collections.Generic;
- using System.Linq;
- using System.Web;
- using System.Web.Mvc;
- namespace TS_VMS.Controllers {
- public class CrudController: Controller {
- public ActionResult AutoComplete() {
- return View();
- }
- }
- }
Addview
روش عمل کلیک راست کرده و addview را کلیک کنید.
یک نمای بدون مدال با نام تکمیل خودکار ایجاد کنید.