Sharing Top Content from the Angular-sphere.

Full Calendar – #ASPNET #WebAPI And #Angular by @ELMAHDI_AR cc @CsharpCorner #Web #API

Full Calendar - #ASPNET #WebAPI And #Angular by @ELMAHDI_AR cc @CsharpCorner  #Web #API

  • In this article, we will demonstrate how we can use a Full Calendar plugin based on ASP.Net Web API (Back-end) and AngularJS (Front-end).
  • From solution explorer, right click on the project name, click Add >> Add New Item.
  • A dialog box will pop up, inside Visual C#, select Data then ADO.NET Entity Data Model, and enter the name for your DbContext model as CalendarDB, then click Add.
  • One thing that I’d clarify, [Route(“PostSaveOrUpdate”)] attribute explains we should call the method as follows : the DeleteEvent method accepts EventId as a parameter and is used to delete an event based on the given EventId parameter.
  • Let’s describe the code snippet of DeleteEvent method, – – In solution explorer, right-click the project name, Add >> JavaScript File.

In this article, we will demonstrate how we can use a Full Calendar plugin based on ASP.Net Web API (Back-end) and AngularJS (Front-end). Here what we are doing exactly is to customize the FullCalendar plugin in order to be able to perform CRUD operations. I’d like to remind you that you should have some basic knowledge of Web API and AngularJS. I hope you will like it.

Introduction

As you know, in the professional world, we have to do many things such as meetings, business trips, and training sessions. Therefore all that must be organized by using a calendar.

In this article, we will demonstrate how we can use a Full Calendar plugin based on ASP.Net Web API (Back-end) and AngularJS (Front-end). Here what we are doing exactly is to customize the FullCalendar plugin in order to be able to perform CRUD operations. I’d like to remind you that you should have some basic knowledge of Web API and AngularJS. I hope you will like it.

Prerequisites

Make sure you have installed Visual Studio 2017 (.NET Framework 4.6.1) and SQL Server.

In this post, we are going to:

SQL Database part

Here, you will find the script to create database and table.

Create Database

Create Table

After creating database, we will move to create events table.

Events Table

Create your MVC application

Open Visual Studio and select File >> New Project.

The “New Project” window will pop up. Select ASP.NET Web Application (.NET Framework), name your project, and click OK.

Next, a new dialog will pop up for selecting the template. We are going choose Web API template and click Ok.

Once our project is created, we will add ADO.NET Entity Data Model.

Adding…

Full Calendar

Comments are closed, but trackbacks and pingbacks are open.