Rubalema  Sonia

Rubalema Sonia

1625393760

How to Create a New Decoupled Orchard Core CMS Website - [Part 4]

Latest: https://youtu.be/LyVZySzKoI8 (Unit Testing Blazor ASP.NET 5) This lecture will cover the following topics:

Configuring the Preview feature for Blog Posts
One very useful feature for the users who will have to edit the content is called Preview. If you try to edit a blog post and click on the Preview button, a new window will open with a live preview of the currently edited values.

While editing an existing blog post, click on Preview, and snap the new windows on the side.
Edit the Title while the preview window is visible, and notice how the result updated automatically.
The CMS doesn’t know what Razor Page to use when rendering a content item and will use a generic one instead. However, the same way we provided a pattern for generating an alias, we can provide a pattern to invoke a specific page for previewing a content item.

Watch Part 3: https://youtu.be/0rdIG-SE-mU
Watch Part 2: https://youtu.be/uzFUcK-wIrgr
Watch Part 1: https://youtu.be/kKRGqaaG1WE

Like || Share || Spread || Love

Make sure you subscribe to our YouTube Channel and never miss our latest video:- http://bit.ly/Kaushik-roy-chowdhury-subscribe

Support The Channel By Donations:
https://www.patreon.com/deveducator

For more updates Follow us on:-

Visit- https://kaushikroychowdhury.com

Facebook- https://www.facebook.com/deveducate

Twitter- https://twitter.com/krchome58

Linkedin- https://www.linkedin.com/in/chowdhurykaushik

Github- https://github.com/krchome

Blogger- https://krchome1.blogspot.com/

Live Journal- https://ext-5537239.livejournal.com/

MIx - https://mix.com/kaushikroychowdhury

#KaushikRoyChowdhury #OrchardCoreCMS #OrchardCoreCMSTutorials https://www.skillshare.com/r/profile/Kaushik-Roy-Chowdhury/5724896

#kaushikroychowdhury #orchardcorecms #orchardcorecmstutorials #dotnet #cms

What is GEEK

Buddha Community

How to Create a New Decoupled Orchard Core CMS Website - [Part 4]
Einar  Hintz

Einar Hintz

1602560783

jQuery Ajax CRUD in ASP.NET Core MVC with Modal Popup

In this article, we’ll discuss how to use jQuery Ajax for ASP.NET Core MVC CRUD Operations using Bootstrap Modal. With jQuery Ajax, we can make HTTP request to controller action methods without reloading the entire page, like a single page application.

To demonstrate CRUD operations – insert, update, delete and retrieve, the project will be dealing with details of a normal bank transaction. GitHub repository for this demo project : https://bit.ly/33KTJAu.

Sub-topics discussed :

  • Form design for insert and update operation.
  • Display forms in modal popup dialog.
  • Form post using jQuery Ajax.
  • Implement MVC CRUD operations with jQuery Ajax.
  • Loading spinner in .NET Core MVC.
  • Prevent direct access to MVC action method.

Create ASP.NET Core MVC Project

In Visual Studio 2019, Go to File > New > Project (Ctrl + Shift + N).

From new project window, Select Asp.Net Core Web Application_._

Image showing how to create ASP.NET Core Web API project in Visual Studio.

Once you provide the project name and location. Select Web Application(Model-View-Controller) and uncheck HTTPS Configuration. Above steps will create a brand new ASP.NET Core MVC project.

Showing project template selection for .NET Core MVC.

Setup a Database

Let’s create a database for this application using Entity Framework Core. For that we’ve to install corresponding NuGet Packages. Right click on project from solution explorer, select Manage NuGet Packages_,_ From browse tab, install following 3 packages.

Showing list of NuGet Packages for Entity Framework Core

Now let’s define DB model class file – /Models/TransactionModel.cs.

public class TransactionModel
{
    [Key]
    public int TransactionId { get; set; }

    [Column(TypeName ="nvarchar(12)")]
    [DisplayName("Account Number")]
    [Required(ErrorMessage ="This Field is required.")]
    [MaxLength(12,ErrorMessage ="Maximum 12 characters only")]
    public string AccountNumber { get; set; }

    [Column(TypeName ="nvarchar(100)")]
    [DisplayName("Beneficiary Name")]
    [Required(ErrorMessage = "This Field is required.")]
    public string BeneficiaryName { get; set; }

    [Column(TypeName ="nvarchar(100)")]
    [DisplayName("Bank Name")]
    [Required(ErrorMessage = "This Field is required.")]
    public string BankName { get; set; }

    [Column(TypeName ="nvarchar(11)")]
    [DisplayName("SWIFT Code")]
    [Required(ErrorMessage = "This Field is required.")]
    [MaxLength(11)]
    public string SWIFTCode { get; set; }

    [DisplayName("Amount")]
    [Required(ErrorMessage = "This Field is required.")]
    public int Amount { get; set; }

    [DisplayFormat(DataFormatString = "{0:MM/dd/yyyy}")]
    public DateTime Date { get; set; }
}

C#Copy

Here we’ve defined model properties for the transaction with proper validation. Now let’s define  DbContextclass for EF Core.

#asp.net core article #asp.net core #add loading spinner in asp.net core #asp.net core crud without reloading #asp.net core jquery ajax form #asp.net core modal dialog #asp.net core mvc crud using jquery ajax #asp.net core mvc with jquery and ajax #asp.net core popup window #bootstrap modal popup in asp.net core mvc. bootstrap modal popup in asp.net core #delete and viewall in asp.net core #jquery ajax - insert #jquery ajax form post #modal popup dialog in asp.net core #no direct access action method #update #validation in modal popup

Rubalema  Sonia

Rubalema Sonia

1625393760

How to Create a New Decoupled Orchard Core CMS Website - [Part 4]

Latest: https://youtu.be/LyVZySzKoI8 (Unit Testing Blazor ASP.NET 5) This lecture will cover the following topics:

Configuring the Preview feature for Blog Posts
One very useful feature for the users who will have to edit the content is called Preview. If you try to edit a blog post and click on the Preview button, a new window will open with a live preview of the currently edited values.

While editing an existing blog post, click on Preview, and snap the new windows on the side.
Edit the Title while the preview window is visible, and notice how the result updated automatically.
The CMS doesn’t know what Razor Page to use when rendering a content item and will use a generic one instead. However, the same way we provided a pattern for generating an alias, we can provide a pattern to invoke a specific page for previewing a content item.

Watch Part 3: https://youtu.be/0rdIG-SE-mU
Watch Part 2: https://youtu.be/uzFUcK-wIrgr
Watch Part 1: https://youtu.be/kKRGqaaG1WE

Like || Share || Spread || Love

Make sure you subscribe to our YouTube Channel and never miss our latest video:- http://bit.ly/Kaushik-roy-chowdhury-subscribe

Support The Channel By Donations:
https://www.patreon.com/deveducator

For more updates Follow us on:-

Visit- https://kaushikroychowdhury.com

Facebook- https://www.facebook.com/deveducate

Twitter- https://twitter.com/krchome58

Linkedin- https://www.linkedin.com/in/chowdhurykaushik

Github- https://github.com/krchome

Blogger- https://krchome1.blogspot.com/

Live Journal- https://ext-5537239.livejournal.com/

MIx - https://mix.com/kaushikroychowdhury

#KaushikRoyChowdhury #OrchardCoreCMS #OrchardCoreCMSTutorials https://www.skillshare.com/r/profile/Kaushik-Roy-Chowdhury/5724896

#kaushikroychowdhury #orchardcorecms #orchardcorecmstutorials #dotnet #cms

Rubalema  Sonia

Rubalema Sonia

1625408580

How to Create a New Decoupled Orchard Core CMS Website - [Part 1]

Latest: https://youtu.be/LyVZySzKoI8 (Unit Testing Blazor ASP.NET 5) Like || Share || Spread || Love

In this video, you will get to learn how to create ASP.NET Core 3.1 professional website using Orchard Core CMS. The video shows the creation of a custom website from scratch to finish using ASP.NET Core 3.1 without writing any code. It does this using a NuGet package and configuring the Startup class. The admin dashboard is also explained.

ASP.NET Core 3.1 is an open-source web development framework for building web apps on the .NET platform. It was released on December 3rd, 2019, with a long-term supported (LTS) feature that will support for three years. It can run on macOS, Linux, and Windows.

Watch Part 2: https://youtu.be/uzFUcK-wIrg
Watch Part 3: https://youtu.be/0rdIG-SE-mU
Make sure you subscribe to our YouTube Channel and never miss our latest video:- http://bit.ly/Kaushik-roy-chowdhury-subscribe

Support The Channel By Donations:
https://www.patreon.com/deveducator

For more updates Follow us on:-

Visit- https://kaushikroychowdhury.com

Facebook- https://www.facebook.com/deveducate

Twitter- https://twitter.com/krchome58

Linkedin- https://www.linkedin.com/in/chowdhurykaushik

Github- https://github.com/krchome

Blogger- https://krchome1.blogspot.com/

Live Journal- https://ext-5537239.livejournal.com/

MIx - https://mix.com/kaushikroychowdhury

#KaushikRoyChowdhury #OrchardCoreCMS #OrchardCoreCMSTutorials https://www.skillshare.com/r/profile/Kaushik-Roy-Chowdhury/5724896

#kaushikroychowdhury #orchardcorecms #orchardcorecmstutorials #core cms

Rubalema  Sonia

Rubalema Sonia

1625397600

How to Create a New Decoupled Orchard Core CMS Website - [Part 3]

Latest: https://youtu.be/LyVZySzKoI8 (Unit Testing Blazor ASP.NET 5) This lecture will cover the following topics: Creating a custom Razor Page

In the editor, in the Pages folder, create a new file named BlogPost.cshtml with the following content:

Loading a Blog Post from its identifier
Each content item in Orchard Core has a unique and immutable Content Item Identifier. We can use it in our Razor Page to load a blog post.
Accessing the other properties of a Content Item

In the previous section, the DisplayText property is used to render the title of the blog post. This property is common to every content item, so is the ContentItemId or Author for instance. However, each Content-Type defines a unique set of dynamic properties, like the Markdown Part that we added in the Content Modeling section. (Part 2)

The dynamic properties of a content item are available in the Content property, as a JSON document.

Loading a Blog Post from a custom slug
Even though we can load blog posts from their Content Item Id, this is not user friendly and good SEO optimization is to reuse the title in the URL.
Generating the slug using a custom pattern

The Alias Part provides some custom settings in order to let it be generated automatically. In our case we want it to be generated from the Title, automatically. To provide such patterns the CMS uses a templating language named Liquid, together with some custom functions to manipulate content items’ properties. Orchard provides a generally suitable default pattern

Watch Part 1: https://youtu.be/kKRGqaaG1WE
Watch Part 2: https://youtu.be/uzFUcK-wIrg

Like || Share || Spread || Love

Make sure you subscribe to our YouTube Channel and never miss our latest video:- http://bit.ly/Kaushik-roy-chowdhury-subscribe

Support The Channel By Donations:
https://www.patreon.com/deveducator

For more updates Follow us on:-

Visit- https://kaushikroychowdhury.com

Facebook- https://www.facebook.com/deveducate

Twitter- https://twitter.com/krchome58

Linkedin- https://www.linkedin.com/in/chowdhurykaushik

Github- https://github.com/krchome

Blogger- https://krchome1.blogspot.com/

Live Journal- https://ext-5537239.livejournal.com/

MIx - https://mix.com/kaushikroychowdhury

#KaushikRoyChowdhury #OrchardCoreCMS #OrchardCoreCMSTutorials https://www.skillshare.com/r/profile/Kaushik-Roy-Chowdhury/5724896

#kaushikroychowdhury #orchardcorecms #orchardcorecmstutorials #dotnet #cms

anita maity

anita maity

1619013192

Create a Personal Portfolio Website Using HTML CSS and JavaScript

Demo Click Here: https://cutt.ly/2vFKuxe

#portfolio website html css #personal website html css #personal portfolio website #how to create a complete peronal portfolio website #responsive portfolio website html css #responsive personal portfolio website html css