Real Time ASP Net MVC Web App On 3 Tier
Real Time ASP Net MVC Web App On 3 Tier
Overview:
Q. Do you want to see a live web app built on 3-Tier arch using Asp.Net MVC, jQuery,
Bootstrap, C#.Net, Entity Framework and MS SQL Server?
A. Here it is http://linkhub.manzoorthetrainer.com/
Q. Are you really excited to learn how to develop this 3-tier web app on Asp.Net MVC
and Entity Framework?
In this article we are going to learn how to break requirements into objects and
find relation among them. We will then learn designing database out of this objects and
relationships. Moving forward we will also see how to design a basic 3-Tier architecture
of the project and implement various layers. We are going to learn implementation of
business object layer using Entity Framework and data access layer using repository
design pattern and Entity Framework.
For user interface we will see Asp.Net MVC, jQuery and Bootstrap. We will learn how
bootstrap makes our application responsive. We will also see how to implement custom
sorting and paging. Moving ahead you will learn forms validations and business rules
validations as well. We are going to secure our app using custom membership provider
and role provider and publish it on web.
Tools Requirements:
Target Audience:
Disclaimer:
The sample code is solely based on my self-study, research results and based on any
practical project. The code is just for the purpose to explain the overall architecture only.
If you want to use the code in your project, you need to enrich and modify it to meet
your own need. In addition, the CRUD operations in the sample project is very primitive
with basic features, you can enrich them with some advanced features.
Content:
1: Introduction
Complete video tutorial of this course at a discount of 50% is here Enroll Now
1|Page
www.ManzoorTheTrainer.com
Introduction
Creating Data Access Layer Using Repository Design Pattern, Creating Business Logic
Layer And Implement BrowseUrLs, Filtering BrowseURLs, Implementing Custom Sorting
in MVC on BrowseUrls table, Implementing Custom Paging in MVC on BrowseUrls table,
Implementing ListUsers, ListCategory And DeleteCategory
Applying New Bootstrap Theme And Implementing Slider-I, Applying New Bootstrap
Theme And Implementing Slider-II
8: Implementing Transactions
Binding Multiple Models To A Single View, Working With Identity Field, Transactions
Ajaxifying Demo, Making A JQuery Based Ajax Call, Implementing Approve And Reject
ALL With Update Progress Bar, Partial Page Update In MVC
1: Introduction
Complete video tutorial of this course at a discount of 50% is here Enroll Now
2|Page
www.ManzoorTheTrainer.com
Introduction: Link hub is a web portal where a user can submit their portal URL under
a specific category to be shared on link hub. Admin can approve or reject the URL
submitted by the user and in each case an email is sent out to the user. Once the link is
approve it will be available on the link hub portal.
Complete video tutorial of this course at a discount of 50% is here Enroll Now
3|Page
www.ManzoorTheTrainer.com
Complete video tutorial of this course at a discount of 50% is here Enroll Now
4|Page
www.ManzoorTheTrainer.com
Note: In future articles we will also try to do see some extra features whose screen are
not described here.
Let us say that the client has given us a brief requirements or you can also called it as
user story i.e., They need to develop a portal called as LINKHUB…
Link hub is a web portal where a user can submit their portal URL under a specific
category to be shared on link hub. Admin can approve or reject the URL submitted by
the user and in each case an email is sent out to the user. Once the link is approve it will
be available on the link hub portal.
Step-1: From the above requirements let us define the roles and responsibilities first
User
o Can Browse URLs
o Can Register
Can Submit A URL
o
Admin
o Can CRUD Category
o Can View All Users
o Can ApproveOrReject URL
Objects
Complete video tutorial of this course at a discount of 50% is here Enroll Now
5|Page
www.ManzoorTheTrainer.com
User
Category
URL
Relationships
Category : Url (1:M) (As a single category can have many urls)
User : Url (1:M) (As a single user can upload many urls)
Step-4: Once we have objects and relationships with us, we can go designing the data
base with the 3 key rules of database design
2. For 1:M relationship. 1 will become master and M will become child i.e., primary key
of 1 will act as a foreign key for M.
3. M:M relationship. Both the objects will become master and there will be one more new
table called as transaction table or child table with primary keys of masters as foreign
Keys in it.
Eg:Student : Course is M : M
Complete video tutorial of this course at a discount of 50% is here Enroll Now
6|Page
www.ManzoorTheTrainer.com
With these above three rules our data base design would look something like this and
role column in the tbl_User table will differentiate a normal user as ‘U’ and Admin as ‘A’
LinkHubDb
Complete video tutorial of this course at a discount of 50% is here Enroll Now
7|Page
www.ManzoorTheTrainer.com
Step-5: Once we have our datadase ready we need to insert few meaning full and
dummy records which will help us in further implementation process.
Complete video tutorial of this course at a discount of 50% is here Enroll Now
8|Page
www.ManzoorTheTrainer.com
Data Access Layer: In the above architecture our application’s back end is MS SQL
Server and to access the data from the database we are using ADO.Net Entity
Framework and we call it as Data Access Layer (DAL).
Business Logic Layer: Before I store data into the database or after reading data from
the database I need to perform some business logic on the data. For example I want to
store the salary of an employee and it is $25 per hour and say he is worked for 50hrs.
So, his salary would be calculated as 25X50=1250$ which is called as business logic and
this logical code will go to business logic layer and it will be developed using C#.Net
programming language. So, here it is Business Logic Layer (BLL).
Complete video tutorial of this course at a discount of 50% is here Enroll Now
9|Page
www.ManzoorTheTrainer.com
UI: Now, how do I interact with the application? Yes, the interface from which I interact
with the application is called as user interface of presentation logic layer where we see
all the form controls like textboxes, buttons, grids, etc., and we are going to use Asp.Net
MVC 5 to implement our presentation Logic layer (PLL).
Business Object Layer: And finally how do I pass the data from one layer to another
layer? We need a container to store the data so that we can pass that container to other
layers and that container is called as business object and they reside in business object
layer (BOL).
Complete video tutorial of this course at a discount of 50% is here Enroll Now
10 | P a g e
www.ManzoorTheTrainer.com
Therefore we need to have a solution which should contain the following four project
Complete video tutorial of this course at a discount of 50% is here Enroll Now
Complete video tutorial of this course at a discount of 50% is here Enroll Now
11 | P a g e