light mode
night mode
ডট নেট কোর (Dot.Net Core)
Dot.Net Core পরিচিতি (Introduction to Dot.Net Core) Dot.Net Core কী এবং কেন ব্যবহার করা হয়? Dot.Net Framework বনাম Dot.Net Core Dot.Net Core আর্কিটেকচার এবং সুবিধা Cross-platform Support এবং Open-source পরিচিতি Dot.Net Core সেটআপ এবং কনফিগারেশন (Setting Up Dot.Net Core) Dot.Net SDK এবং Visual Studio ইনস্টলেশন প্রথম Console Application তৈরি করা CLI (Command Line Interface) ব্যবহার Visual Studio Code ব্যবহার করে ডেভেলপমেন্ট ASP.Net Core পরিচিতি (Introduction to ASP.Net Core) ASP.Net Core কী? MVC আর্কিটেকচার (Model-View-Controller) বোঝা ASP.Net Core এবং Traditional ASP.Net এর মধ্যে পার্থক্য Web API এবং Razor Pages পরিচিতি ASP.Net Core অ্যাপ্লিকেশন তৈরি (Creating an ASP.Net Core Application) ASP.Net Core প্রজেক্ট স্ট্রাকচার Controller, View, এবং Model তৈরি করা ASP.Net Core Routing এবং Middleware Dependency Injection ব্যবহার রাউটিং এবং Middleware (Routing and Middleware) ASP.Net Core এ Routing কনফিগার করা Attribute Routing Middleware কী এবং কীভাবে কাজ করে? Custom Middleware তৈরি কন্ট্রোলার এবং একশন (Controllers and Actions) Controllers এর ভূমিকা Action Methods এবং Return Types JSON রেসপন্স এবং API কন্ট্রোলার Dependency Injection ব্যবহার করে Services Inject করা ভিউ এবং Razor Pages (Views and Razor Pages) Razor View Engine এর পরিচিতি Layouts এবং Partial Views Razor Syntax এবং Helper Methods Strongly Typed Views এবং Model Binding ডেটা অ্যাক্সেস (Data Access) Entity Framework Core পরিচিতি DbContext এবং Database Migrations LINQ এবং Query Writing CRUD অপারেশন (Create, Read, Update, Delete) ফর্ম এবং ডেটা ভ্যালিডেশন (Forms and Data Validation) ফর্ম তৈরি করা এবং ডেটা সাবমিট করা Model Binding এবং Validation Attributes Custom Validation এবং Client-Side Validation Anti-forgery Tokens এবং Security Web API এবং RESTful Services Web API কী এবং কেন প্রয়োজন? API Controller তৈরি করা HTTP Methods (GET, POST, PUT, DELETE) JSON রেসপন্স এবং API Versioning Authentication এবং Authorization ASP.Net Core Identity ব্যবহার Role-based এবং Policy-based Authorization JWT (JSON Web Token) Authentication OAuth এবং OpenID Connect Integration ASP.Net Core Configuration এবং Options Pattern AppSettings.json ফাইল ব্যবহার IConfiguration Interface এবং Options Pattern Environment-based Configuration Secrets Management Logging এবং Monitoring (Logging and Monitoring) ASP.Net Core Logging পরিচিতি NLog, Serilog ইত্যাদি Logging Framework ব্যবহার Application Monitoring এবং Health Checks ELMAH এবং Application Insights Testing ASP.Net Core Applications Unit Testing এবং Integration Testing Xunit এবং NUnit পরিচিতি Mocking Framework (Moq) দিয়ে টেস্টিং করা Automated Testing এবং CI/CD Integration API Documentation এবং Swagger Integration API Documentation কেন প্রয়োজন? Swagger এবং Swashbuckle ইনস্টল করা API Endpoints Documentation তৈরি Postman দিয়ে API Testing বুন্ডলিং এবং মিনিফিকেশন (Bundling and Minification) CSS এবং JavaScript বুন্ডলিং করা Webpack এবং Gulp পরিচিতি পারফরম্যান্স অপটিমাইজেশনের জন্য মিনিফিকেশন ডেপ্লয়মেন্ট এবং হোস্টিং (Deployment and Hosting) IIS এ ASP.Net Core অ্যাপ্লিকেশন ডেপ্লয় করা Docker ব্যবহার করে কনটেইনারাইজেশন Azure এবং AWS এ ডেপ্লয়মেন্ট Continuous Integration এবং Continuous Deployment (CI/CD) Cross-Origin Resource Sharing (CORS) CORS কী এবং কেন প্রয়োজন? CORS কনফিগার করা API Security এবং Cross-Domain Requests SignalR দিয়ে রিয়েল-টাইম অ্যাপ্লিকেশন তৈরি SignalR পরিচিতি রিয়েল-টাইম চ্যাট অ্যাপ্লিকেশন তৈরি WebSockets এবং Long Polling Authentication এবং Authorization সহ SignalR ASP.Net Core Security Best Practices XSS (Cross-Site Scripting) এবং CSRF (Cross-Site Request Forgery) প্রতিরোধ Authentication এবং Authorization এর বেস্ট প্র্যাকটিস HTTPS এবং SSL/TLS কনফিগারেশন Data Encryption এবং Secure Communication Microservices Architecture এবং Dot.Net Core Microservices আর্কিটেকচারের ভূমিকা Dot.Net Core এ Microservices তৈরি করা Docker এবং Kubernetes দিয়ে Microservices ডেপ্লয় API Gateway এবং Service Discovery ASP.Net Core WebSockets এবং গ্লোবালাইজেশন (Localization and Globalization) WebSockets পরিচিতি এবং ব্যবহার Localization এবং Globalization কনফিগার করা ASP.Net Core এ Multiple Language Support SignalR এবং রিয়েল-টাইম অ্যাপ্লিকেশন SignalR কী? SignalR ব্যবহার করে রিয়েল-টাইম ডেটা আপডেট Blazor এবং Single Page Applications (SPA) Blazor পরিচিতি Blazor Server এবং Blazor WebAssembly এর পার্থক্য SPA তৈরির জন্য ASP.Net Core ব্যবহার API Integration এবং Component-based Architecture ASP.Net Core Performance Optimization Response Caching এবং Distributed Caching Data Compression এবং Minification Techniques Application Profiling এবং Performance Testing Async Programming এবং Scalability Techniques

Layouts এবং Partial Views

Microsoft Technologies - ডট নেট কোর (Dot.Net Core) ভিউ এবং Razor Pages (Views and Razor Pages) |
264
264

ASP.NET Core MVC অ্যাপ্লিকেশনে Layouts এবং Partial Views ব্যবহারের মাধ্যমে ভিউয়ের কাঠামো এবং পুনঃব্যবহারযোগ্যতা উন্নত করা যায়। এগুলো এমন দুটি ফিচার যা বড় এবং কমপ্লেক্স ওয়েব অ্যাপ্লিকেশনগুলোতে কোড পুনঃব্যবহার এবং স্টাইল এক্সটেনশনকে সহজ করে তোলে।

Layouts

Layout একটি সাধারণ কনটেইনার ফাইল, যা অন্যান্য ভিউগুলোর জন্য একটি সাধারণ কাঠামো প্রদান করে। Layouts মূলত হেডার, ফুটার, ন্যাভিগেশন বার এবং অন্যান্য সাধারণ উপাদান ধারণ করে, যা পুরো সাইট জুড়ে পুনরাবৃত্তি হতে পারে। যখন ভিউ একটি লেআউট ব্যবহার করে, তখন তা স্বয়ংক্রিয়ভাবে লেআউটের মধ্যে রেন্ডার হয়ে যায়।

Layout ফাইল তৈরি করা

  1. Layout ফাইল তৈরি করুন: প্রথমে Views/Shared ফোল্ডারে _Layout.cshtml নামের একটি ফাইল তৈরি করুন।
  2. Layout ফাইলের কাঠামো: এই ফাইলটি সাধারণত HTML স্ট্রাকচার ধারণ করে যেমন হেডার, ফুটার এবং অন্যান্য গ্লোবাল উপাদান।
  3. ভিউ থেকে Layout ব্যবহার করুন: প্রতিটি ভিউতে @layout ডিরেকটিভ ব্যবহার করে লেআউটের রেফারেন্স দিন।

_Layout.cshtml (Layout ফাইল):

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewData["Title"]</title>
    <link href="~/css/site.css" rel="stylesheet" />
</head>
<body>
    <header>
        <h1>My Website</h1>
        <nav>
            <ul>
                <li><a href="/">Home</a></li>
                <li><a href="/About">About</a></li>
                <li><a href="/Contact">Contact</a></li>
            </ul>
        </nav>
    </header>

    <div class="container">
        @RenderBody()  <!-- এখানে ভিউয়ের কন্টেন্ট রেন্ডার হবে -->
    </div>

    <footer>
        <p>© 2024 My Website</p>
    </footer>
</body>
</html>

এখানে, @RenderBody() ট্যাগটি লেআউটের মধ্যে ভিউয়ের মূল কন্টেন্ট রেন্ডার করবে।

ভিউ থেকে Layout ব্যবহার করা:

@{
    Layout = "_Layout";  // এখানে লেআউট ফাইল নির্দিষ্ট করা হয়েছে
}

<h2>Welcome to the Home Page</h2>
<p>This is the homepage content.</p>

এখানে, এই ভিউটি _Layout.cshtml ফাইলের মধ্যে রেন্ডার হবে, যেখানে হেডার, ন্যাভিগেশন এবং ফুটার এরকম গ্লোবাল উপাদান থাকবে।

Partial Views

Partial View হল একটি ছোট, পুনঃব্যবহারযোগ্য ভিউ, যা কোনো বড় ভিউয়ের অংশ হিসেবে ব্যবহৃত হয়। এটি সাধারণত একটি নির্দিষ্ট কম্পোনেন্ট বা উপাদান, যেমন ফর্ম, গ্রিড, টেবিল, অথবা অন্য কোনো UI অংশের জন্য ব্যবহৃত হয়।

Partial View তৈরি করা

  1. Partial View ফাইল তৈরি করুন: Views/Shared ফোল্ডারে একটি .cshtml ফাইল তৈরি করুন যা নির্দিষ্ট উপাদান বা কম্পোনেন্ট ধারণ করবে।
  2. Partial View রেন্ডার করা: কন্ট্রোলারে বা ভিউতে @Html.Partial() বা @Html.RenderPartial() মেথড ব্যবহার করে partial view রেন্ডার করা হয়।

_ProductList.cshtml (Partial View):

@model IEnumerable<MyApp.Models.Product>

<table>
    <thead>
        <tr>
            <th>Product Name</th>
            <th>Price</th>
        </tr>
    </thead>
    <tbody>
    @foreach (var product in Model)
    {
        <tr>
            <td>@product.Name</td>
            <td>@product.Price</td>
        </tr>
    }
    </tbody>
</table>

এখানে _ProductList.cshtml একটি partial view যা পণ্যের তালিকা প্রদর্শন করবে। এটি একটি IEnumerable<Product> মডেল গ্রহণ করে।

Partial View রেন্ডার করা:

@{
    Layout = "_Layout";
}

<h2>Product List</h2>

@Html.Partial("_ProductList", Model.Products)  <!-- Partial View রেন্ডার করা -->

এখানে, @Html.Partial("_ProductList", Model.Products) দিয়ে আমরা পণ্যের তালিকা রেন্ডার করছি। এই partial view টি মূল ভিউতে ইনক্লুড করা হয়েছে।

Layout এবং Partial View এর মধ্যে পার্থক্য

  • Layout সাধারণত পুরো অ্যাপ্লিকেশনের জন্য কাঠামো প্রদান করে (যেমন হেডার, ফুটার, ন্যাভিগেশন বার), যখন Partial View শুধুমাত্র ছোট UI অংশের জন্য ব্যবহৃত হয়, যা ভিউর মধ্যে অন্তর্ভুক্ত করা হয়।
  • Layout একটি সাধারণ ফাইল যা সমস্ত ভিউতে শেয়ার করা হয়, কিন্তু Partial View প্রয়োজনীয়তা অনুসারে নির্দিষ্ট ভিউতে ব্যবহার করা হয়।
  • Partial View প্রাপ্তি এক বা একাধিক বার ভিউয়ের মধ্যে, কিন্তু Layout একটি ভিউকে সম্পূর্ণভাবে রেন্ডার করে।

সারাংশ
ASP.NET Core MVC তে Layouts এবং Partial Views দুটি গুরুত্বপূর্ণ উপাদান। Layouts ব্যবহার করে অ্যাপ্লিকেশনের সাধারণ কাঠামো এবং UI উপাদানগুলো পুনঃব্যবহারযোগ্য করা যায়, আর Partial Views ছোট, পুনঃব্যবহারযোগ্য UI অংশ হিসেবে ব্যবহৃত হয়, যা ভিউয়ের মধ্যে অন্তর্ভুক্ত করা যায়। এগুলো অ্যাপ্লিকেশনের কোডকে পরিষ্কার এবং সুসংগঠিত রাখতে সহায়তা করে।

common.content_added_by
Md Azizur Rahman

common.read_more

Razor View Engine এর পরিচিতি Razor Syntax এবং Helper Methods Strongly Typed Views এবং Model Binding
টপ রেটেড অ্যাপ

স্যাট অ্যাকাডেমী অ্যাপ

আমাদের অল-ইন-ওয়ান মোবাইল অ্যাপের মাধ্যমে সীমাহীন শেখার সুযোগ উপভোগ করুন।

ভিডিও
লাইভ ক্লাস
এক্সাম
ডাউনলোড করুন

common.or

auth.dont_have_account auth.register

Promotion