The main objectives of this article are:
- .NET 7 Web API And Vue(3.0) Application Communication.
- Install The SQL Server And SQL Management Studio
.NET 7 Web API And Vue(3.0) Application Communication:
- The user requests the VueJS(3.0) application(single page application) then js files are downloaded and run the app on the browser.
- Since VueJS(3.0) is a single-page application, it depends on API for data to display.
- API runs at the server that gives JSON response. API communicates with the database for fetching the data.
Install The SQL Server And SQL Management Studio:
First, install the SQL server on our local machine. So go to "https://www.microsoft.com/en-in/sql-server/sql-server-downloads" and then install the developer version which is accessible and fully functional.
Next, install the SSMS(SQL Server Management Studio) IDE at "https://learn.microsoft.com/en-us/sql/ssms/download-sql-server-management-studio-ssms?view=sql-server-ver16"
CREATE DATABASE MyWorldDB
- Here 'MyWorldDB' is the name of the database.
Create A Sample Table:
Let's run the following SQL script to create a new table. While running the below script make sure to select your active database under which our has to be created.
CREATE TABLE Beach( Id int IDENTITY (1,1) NOT NULL, BeachName varchar (200) , Place varchar (200) , ImageUrl varchar(1000) CONSTRAINT PK_Employee_Id PRIMARY KEY (Id) )
- Here we create a sample table like 'Beach' that has columns like 'Id', 'BeachName', 'Place', 'ImageUrl'. Here 'Id' column is the primary key.
Support Me!
Buy Me A Coffee
PayPal Me
Video Session:
Wrapping Up:
Hopefully, I think this article delivered some useful information on the .NET 7 Web API and Vue(3.0) application. using I love to have your feedback, suggestions, and better techniques in the comment section below.
Comments
Post a Comment