Skip to content

A quick-start project that demonstrates how to create a simple ASP.NET Core application with Vue as a client app using a SPA template. This project contains code snippets to perform CRUD operations on the server side using the properties updateUrl, insertUrl, removeUrl, crudUrl, and batchUrl from the DataManager.

Notifications You must be signed in to change notification settings

SyncfusionExamples/perform-server-side-crud-operations-in-vue-grid

Repository files navigation

Perform Server-Side CRUD Operations in Vue Grid

A quick-start project that demonstrates how to create a simple ASP.NET Core application with Vue as a client app using a SPA template. This project contains code snippets to perform CRUD operations on the server side using the properties updateUrl, insertUrl, removeUrl, crudUrl, and batchUrl from the DataManager.

Documentation: https://ej2.syncfusion.com/vue/documentation/grid/edit/#persisting-data-in-server

Online Examples: https://ej2.syncfusion.com/vue/demos/#/material/grid/remote-data.html

Project prerequisites

Make sure you have the latest versions of Node, Visual Studio Code, Asp.Net Core, and Vue CLI on your machine with a compatible browser before working on this project.

How to run this application

To run this application, you first need to clone the perform-server-side-crud-operations-in-vue-grid repository and then navigate to the path where it has been downloaded to your system.

To do so, open a command prompt and run the following commands one after the other:

git clone https://github.com/SyncfusionExamples/perform-server-side-crud-operations-in-vue-grid grid-example
cd grid-example

Installation

After downloading, you need to install the packages required to run this application locally. To do so, run the following command:

npm install

Running on development server

Run the dotnet run command for a dev server. Navigate to http://localhost:5000/. The app will run in production mode by default, so set the environment to development mode in the command prompt with the following:

$Env:ASPNETCORE_ENVIRONMENT = "Development"

Further help

To get help with using the Vue CLI, check out the [Vue CLI README] (https://github.com/vuejs/vue-cli/blob/master/README.md).

About

A quick-start project that demonstrates how to create a simple ASP.NET Core application with Vue as a client app using a SPA template. This project contains code snippets to perform CRUD operations on the server side using the properties updateUrl, insertUrl, removeUrl, crudUrl, and batchUrl from the DataManager.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published