Code Monkey home page Code Monkey logo

syncfusionexamples / perform-server-side-crud-operations-in-vue-grid Goto Github PK

View Code? Open in Web Editor NEW
4.0 6.0 2.0 3.28 MB

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.

TypeScript 8.35% HTML 28.21% CSS 6.43% C# 40.02% JavaScript 16.98%
vue vue-cli vue-component vue-grid datatable datagrid vuegrid grid tabledata crud-operations

perform-server-side-crud-operations-in-vue-grid's Introduction

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).

perform-server-side-crud-operations-in-vue-grid's People

Contributors

abooarulraj avatar sarubala20 avatar vinothkumar-ganesan avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.