ASP .Net Core和Razor Pages是一种用于构建Web应用程序的框架，而Angular是一种用于构建单页应用程序的前端框架。虽然它们可以用于构建用户界面，但它们的工作方式和代码示例有所不同。

ASP .Net Core和Razor Pages的用户界面示例：

1. 创建一个新的ASP .Net Core项目：

dotnet new webapp -n MyWebApp
cd MyWebApp

2. 在Pages文件夹中创建一个新的Razor页面：

cd Pages
touch Index.cshtml

3. 在Index.cshtml中添加以下代码：

@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

@ViewData["Title"]
Welcome to ASP .Net Core with Razor Pages!

4. 在Pages文件夹中创建一个新的Razor页面模型：

touch Index.cshtml.cs

5. 在Index.cshtml.cs中添加以下代码：

using Microsoft.AspNetCore.Mvc.RazorPages;

namespace MyWebApp.Pages
{
    public class IndexModel : PageModel
    {
        public void OnGet()
        {
        }
    }
}

6. 运行应用程序：

dotnet run

7. 打开浏览器并访问http://localhost:5000，您将看到ASP .Net Core和Razor Pages生成的用户界面。

Angular的用户界面示例：

1. 安装Angular CLI（如果尚未安装）：

npm install -g @angular/cli

2. 创建一个新的Angular项目：

ng new my-app
cd my-app

3. 创建一个新的组件：

ng generate component home

4. 在home.component.html中添加以下代码：

Welcome to Angular!
This is the home component.

5. 在app.component.html中添加以下代码：

6. 运行应用程序：

ng serve

7. 打开浏览器并访问http://localhost:4200，您将看到Angular生成的用户界面。

以上是ASP .Net Core与Razor Pages以及Angular的用户界面示例。两者之间的主要区别在于ASP .Net Core和Razor Pages是服务器端渲染的框架，而Angular是客户端渲染的框架。