I want to show Components in a tabs , so first of all create few components. In this project we have three components, First View Component public class AllViewComponent : ViewComponent { private readonly UserManager<ApplicationUser> _userManager; public AllViewComponent(UserManager<ApplicationUser> userManager) { _userManager = userManager; } public async Task<IViewComponentResult> InvokeAsync() { List<StudentViewModel> allUsers = new List<StudentViewModel>(); var items = await _userManager.Users.ToListAsync(); foreach (var item in items) { allUsers.Add(new StudentViewModel {Id=item.Id, EnrollmentNo = item.EnrollmentNo, FatherName = item.FatherName, Name = item.Name, Age = item.Age, Birthdate = item.Birthdate, Address = item.Address, Gender = item.Gender, Email = item.Email }); }
In MVC application, to store our data for further references, we have to create a database and use that for SQL querying. Earlier we have created the database using Entity Framework that was a code first approach, in this article we will create a Database first and then code to use that.
As soon as we create this database, our server explorer have a connection with the same as shown.
While we look in the T-SQL of this table creation, just under the design window i.e.
CREATE TABLE [dbo].[Student]
(
[Id] INT NOT NULL PRIMARY KEY,
[Name] VARCHAR(50) NOT NULL,
[Age] INT NOT NULL,
[City] VARCHAR(50) NULL
)
Change the database name from this T-SQL (Student here) and click on the Update button at left upper of the designer. It will show Preview Database Update window, click on Update Database button and your changes have been saved to database, means Student table have been created in the database.
Add this connection string in your web.config file to establish the connection with the database.
<add name="StudentConnection" connectionString="Data Source=(LocalDB)\v11.0;AttachDbFilename=|DataDirectory|\StudentDb.mdf;Integrated Security=True"/>
The database have been created and added in our project by this connection string, we will do some insert, update and delete with this database in later articles.
- Right click on the App_Data folder and Add New Item.
- Under Visual C# in left side tree, click on Data node and select SQL Server Database.
- The default name for the database is Database1 with .mdf file extension and it may change (I have change it StudentDb.mdf). Click on Add to add the database in our application.
As soon as we create this database, our server explorer have a connection with the same as shown.
- Write click on the Table node under newly created database in Server Explorer, and click on Add New Table.
- A design will open with three columns, first for name, second for data type and the last one for Allow nulls or not.
- Add some Fields in this design as I have added below:
While we look in the T-SQL of this table creation, just under the design window i.e.
CREATE TABLE [dbo].[Student]
(
[Id] INT NOT NULL PRIMARY KEY,
[Name] VARCHAR(50) NOT NULL,
[Age] INT NOT NULL,
[City] VARCHAR(50) NULL
)
Change the database name from this T-SQL (Student here) and click on the Update button at left upper of the designer. It will show Preview Database Update window, click on Update Database button and your changes have been saved to database, means Student table have been created in the database.
Add this connection string in your web.config file to establish the connection with the database.
<add name="StudentConnection" connectionString="Data Source=(LocalDB)\v11.0;AttachDbFilename=|DataDirectory|\StudentDb.mdf;Integrated Security=True"/>
The database have been created and added in our project by this connection string, we will do some insert, update and delete with this database in later articles.
Comments
Post a Comment