.NET Core Razor

最新推荐文章于 2022-03-03 11:38:53 发布
原创 最新推荐文章于 2022-03-03 11:38:53 发布 · 531 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#c# #visualstudio #sql #.net

这是一个关于使用ASP.NET Core MVC进行页面展示和数据查询的示例，包括物品列表的分页查询、筛选以及通过AJAX实现的删除功能。页面中包含物品名称输入框、类别选择下拉框和查询按钮，同时提供了添加和编辑链接。在后台，`OnGetAsync`和`OnPostAsync`方法处理查询逻辑，`OnPostDelete`方法处理删除操作。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

页面显示

@page
@Html.AntiForgeryToken()
@model Webcore.Pages.ListModel
@{
    ViewData["Title"] = "List";
}

<h1>List</h1>

<form method="post">
    <p>
        物品名称: <input type="text" name="PName" style="height:35px;padding-bottom: 6px;" />

        <select name="CatId" asp-items="Model.Category" style="width:130px;height:35px;padding-bottom:5px">
            <option value="0">请选择</option>
        </select>

        <input class="btn btn-success" type="submit" value="查 询" />

        <a class="btn btn-info" asp-page="Add">添 加</a>
    </p>
</form>


@using (Html.BeginForm(FormMethod.Post))
{
    <div>
        <p>
            物品名称: <input type="text" asp-for="PName" style="height:35px;padding-bottom: 6px;" />

            <select asp-for="CatId" asp-items="Model.Category" style="width:130px;height:35px;padding-bottom:5px">
                <option value="0">请选择</option>
            </select>

            <input class="btn btn-success" type="submit" value="查 询" />

            <a class="btn btn-info" asp-page="Add">添 加</a>
        </p>
    </div>
}


<table class="table">
    <thead>
        <tr>
            <th>
                @Html.DisplayNameFor(model => model.Product[0].ProductName)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.Product[0].IsUp)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.Product[0].UnitPrice)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.Product[0].Remark)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.Product[0].Category)
            </th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model.Product)
        {
            <tr>
                <td>
                    @Html.DisplayFor(modelItem => item.ProductName)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.IsUp)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.UnitPrice)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.Remark)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.Category.CategoryName)
                </td>
                <td>
                    <a asp-page="./Edit" asp-route-id="@item.ProductId">编辑</a> |
                    <a href="javascript:void(0);" data-del="@item.ProductId">删除</a>
                </td>
            </tr>
        }
    </tbody>
</table>

@section scripts{
    <script type="text/javascript">
        $("a[data-del]").click(function () {
            var $this = $(this);
            var id = $this.attr("data-del");
            if (confirm("确定要删除吗？")) {
                $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded",
                    url: "?handler=Delete",
                    data: { id: id },
                    success: function (data) {
                        if (data == "yes") {
                            alert("删除成功");
                            $this.closest("tr").remove();
                        } else {
                            alert("删除失败");
                        }
  
                    },
                    error: function () {
                        alert("程序异常！查询出错"); return;
                    }
                }).then(function (row) {
                    console.log(row);
                })
            }
        });
    </script>
}

 页面显示和查询

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;
using Microsoft.AspNetCore.Mvc.Rendering;
using Microsoft.EntityFrameworkCore;
using Webcore.Model;
using Webcore.Model.Entity;

namespace Webcore.Pages
{
    public class ListModel : PageModel
    {
        private readonly Webcore.Model.EntityDbContext _context;

        public ListModel(Webcore.Model.EntityDbContext context)
        {
            _context = context;
        }
        public IList<Product> Product { get; set; }

        public SelectList Category;
        public int CatId { get; set; }

        public string PName { get; set; }
        public async Task OnGetAsync(int CatId, string PName)
        {
            var product = from m in _context.Products.Include(p => p.Category) select m;

            if (!string.IsNullOrEmpty(PName))
            {
                product = product.Where(s => s.ProductName.Contains(PName));
            }
            if (CatId != 0)
            {
                product = product.Where(s => s.CategoryId == CatId);
            }

            Category = new SelectList(_context.Categories, "CategoryId", "CategoryName");
            Product = await product.ToListAsync();
        }


        public async Task OnPostAsync(int CatId, string PName)
        {
            var product = from m in _context.Products.Include(p => p.Category) select m;

            if (!string.IsNullOrEmpty(PName))
            {
                product = product.Where(s => s.ProductName.Contains(PName));
            }
            if (CatId != 0)
            {
                product = product.Where(s => s.CategoryId == CatId);
            }

            Category = new SelectList(_context.Categories, "CategoryId", "CategoryName");
            Product = await product.ToListAsync();
        }


        public async Task<IActionResult> OnPostDelete(int id)
        {
            if (!ModelState.IsValid)
            {
                return Page();
            }
            var model = _context.Products.FirstOrDefault(b => b.ProductId == id);
            if (model == null)
            {
                return new JsonResult("no");
            }
            _context.Products.Remove(model);
            await _context.SaveChangesAsync();
            return new JsonResult("yes");
        }


    }
}

 添加

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;
using Microsoft.AspNetCore.Mvc.Rendering;
using Microsoft.EntityFrameworkCore;
using Webcore.Model;
using Webcore.Model.Entity;

namespace Webcore.Pages
{
    public class ListModel : PageModel
    {
        private readonly Webcore.Model.EntityDbContext _context;

        public ListModel(Webcore.Model.EntityDbContext context)
        {
            _context = context;
        }
        public IList<Product> Product { get; set; }

        public SelectList Category;
        public int CatId { get; set; }

        public string PName { get; set; }
        public async Task OnGetAsync(int CatId, string PName)
        {
            var product = from m in _context.Products.Include(p => p.Category) select m;

            if (!string.IsNullOrEmpty(PName))
            {
                product = product.Where(s => s.ProductName.Contains(PName));
            }
            if (CatId != 0)
            {
                product = product.Where(s => s.CategoryId == CatId);
            }

            Category = new SelectList(_context.Categories, "CategoryId", "CategoryName");
            Product = await product.ToListAsync();
        }


        public async Task OnPostAsync(int CatId, string PName)
        {
            var product = from m in _context.Products.Include(p => p.Category) select m;

            if (!string.IsNullOrEmpty(PName))
            {
                product = product.Where(s => s.ProductName.Contains(PName));
            }
            if (CatId != 0)
            {
                product = product.Where(s => s.CategoryId == CatId);
            }

            Category = new SelectList(_context.Categories, "CategoryId", "CategoryName");
            Product = await product.ToListAsync();
        }


        public async Task<IActionResult> OnPostDelete(int id)
        {
            if (!ModelState.IsValid)
            {
                return Page();
            }
            var model = _context.Products.FirstOrDefault(b => b.ProductId == id);
            if (model == null)
            {
                return new JsonResult("no");
            }
            _context.Products.Remove(model);
            await _context.SaveChangesAsync();
            return new JsonResult("yes");
        }


    }
}
 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;
using Microsoft.AspNetCore.Mvc.Rendering;
using Webcore.Model;
using Webcore.Model.Entity;

namespace Webcore.Pages
{
    public class AddModel : PageModel
    {
        private readonly Webcore.Model.EntityDbContext _context;

        public AddModel(Webcore.Model.EntityDbContext context)
        {
            _context = context;
        }

        public IActionResult OnGet()
        {
            ViewData["CategoryId"] = new SelectList(_context.Categories, "CategoryId", "CategoryName");
            return Page();
        }

        [BindProperty]
        public Product Product { get; set; }

        public async Task<IActionResult> OnPostAsync()
        {
            if (!ModelState.IsValid)
            {
                return Page();
            }
            _context.Products.Add(Product);
            await _context.SaveChangesAsync();

            return RedirectToPage("./List");
        }

    }
}
 

修改 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;
using Microsoft.AspNetCore.Mvc.Rendering;
using Microsoft.EntityFrameworkCore;
using Webcore.Model;
using Webcore.Model.Entity;

namespace Webcore.Pages
{
    public class EditModel : PageModel
    {
        private readonly Webcore.Model.EntityDbContext _context;

        public EditModel(Webcore.Model.EntityDbContext context)
        {
            _context = context;
        }

        [BindProperty]
        public Product Product { get; set; }

        public async Task<IActionResult> OnGetAsync(int? id)
        {
            if (id == null)
            {
                return NotFound();
            }

            Product = await _context.Products
                .Include(p => p.Category).FirstOrDefaultAsync(m => m.ProductId == id);

            if (Product == null)
            {
                return NotFound();
            }
            ViewData["CategoryId"] = new SelectList(_context.Categories, "CategoryId", "CategoryName");
            return Page();
        }
        public async Task<IActionResult> OnPostAsync()
        {
            if (!ModelState.IsValid)
            {
                return Page();
            }

            _context.Attach(Product).State = EntityState.Modified;

            try
            {
                await _context.SaveChangesAsync();
            }
            catch (DbUpdateConcurrencyException)
            {
                if (!ProductExists(Product.ProductId))
                {
                    return NotFound();
                }
                else
                {
                    throw;
                }
            }

            return RedirectToPage("./List");
        }

        private bool ProductExists(int id)
        {
            return _context.Products.Any(e => e.ProductId == id);
        }
    }
}

asp.net core系列 39 Web 应用Razor 介绍与详细示例
weixin_43394129的博客
03-08 1235
一. Razor介绍 　　在使用ASP.NET Core Web开发时，ASP.NET Core MVC 提供了一个新特性Razor。 这样开发Web包括了MVC框架和Razor框架。对于Razor来说它是一个新特性，在官方介绍ASP.NET Core的优点中提到“Razor Pages可以使基于页面的编码方式更简单高效”。 　　1.1 Razor结构介绍 　　　　(1) Pages文件夹 ...
【ASP.NET编程知识】如何ASP.NET Core Razor中处理Ajax请求.docx
05-21
ASP.NET Core Razor 中处理 Ajax 请求 ASP.NET Core Razor 中处理 Ajax 请求是 ASP.NET Core 的一项新功能，可以使编程方案更简单，更高效。RazorPages 使用处理程序方法来处理传入的 HTTP 请求（GET / POST / PUT ...
.NET Core中使用Razor模板引擎
weixin_30553777的博客
10-08 747
一、简介 　　在MVC以外的场景中，我们往往需要完成一些模板引擎生成代码或页面的工作；在以前我们一般常用的有Razor、NVeocity、VTemplate。虽然所有的模板系统都具有一些共同特征，但 Razor却和我们前面讨论的二种视图引擎截然不同。不同于其它视图引擎，Razor在使用XML代 码方面没有走得那么极端。它也不完全类似于ASPX，因为它把那些比较笨重的占位符替换成@符号接表达式或者...
Asp.NetCore Razor 模式 Web 应用
weixin_30514745的博客
03-27 175
Razor 页面是 ASP.NET Core MVC 的一个新功能，它可以使基于页面的编码方式更简单高效。 Razor 页面是 ASP.NET Core 2.0 中的一个新选择，它是基于页面的编程模型，可以实现更简单、更高效地生成 Web UI 安装.NET Core2.0.0 或更高版本。 如果在使用 Visual Studio，请使用以下工作负载安装Visual Studio20...
.net core 2.1 Razor 超快速入门
weixin_30249203的博客
11-13 546
以下过程如有不明白的，可参考：https://docs.microsoft.com/zh-cn/aspnet/core/tutorials/razor-pages/?view=aspnetcore-2.1 一、下载安装.net core 2.1和VS2017，开发环境配置好以后： 1、用cmd在某个目录下运行： dotnet dev-certs https --trust 安装ht...
ASP.NET Core Razor 视图组件
zhuzhu81的博客
09-12 3536
视图组件简介 在新的ASP.NET Core MVC中，视图组件类似于局部视图，但它们更强大。视图组件不使用模型绑定，仅依赖于您在调用时提供的数据。 视图组件特性： 呈现页面响应的某一部分而不是整个响应 包括在控制器和视图之间发现的关注分离和可测试性优势 可以具有参数和业务逻辑 通常在页面布局中调用 视图组件是在任何地方可重用的呈现逻辑，对于局部视图来说相对复杂，例如： 动态导
如何ASP.NET Core Razor中处理Ajax请求
01-20
在ASP.NET Core Razor(以下简称Razor)刚出来的时候,看了一下官方的文档,一直没怎么用过。 今天闲来无事,准备用Rozor做个项目熟练下,结果写第一个页面就卡住了。。折腾半天才搞好,下面给大家分享下解决方案。先来给...
ASP.NET_Core-Razor:实施并阅读Microsoft ASP.NET Core Razor Pages教程
03-07
ASP.NET Core Razor Pages是Microsoft开发的一个强大的Web应用框架，用于构建高效、现代的网页应用程序。在本教程中，我们将深入探讨Razor Pages的核心概念、优势以及如何实施和阅读相关的代码。 Razor Pages是ASP...
在 ASP.NET Core 8.0 Razor Pages 中导入和导出 Excel npoi
最新发布
12-24
Razor Pages是ASP.NET Core中一种简单的页面优先编码的模型，它使得基于页面的开发更加直观。Npoi是一个.NET库，用于读取和写入Microsoft Office格式的文件，包括Excel文件。 在ASP.NET Core 8.0 Razor Pages中实现...
ASP.NET Core 中的 Razor 页面介绍
luzhangtong的博客
07-03 1825
Razor 页面是 ASP.NET Core MVC 的一个新特性，它可以使基于页面的编码方式更简单高效。若要查找使用模型视图控制器方法的教程，请参阅 ASP.NET Core MVC 入门。本文档介绍 Razor 页面。 它并不是分步教程。 如果认为某些部分过于复杂，请参阅 Razor 页面入门。 有关 ASP.NET Core 的概述，请参阅 ASP.NET Core 简介。系统必备Insta...
ASP.NET Core Razor 页面路由详解
10-19
主要介绍了ASP.NET Core Razor 页面路由详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
ASP.NET Core - Razor 页面介绍
weixin_30414635的博客
08-11 286
简介 随着ASP.NET Core 2 即将来临，最热门的新事物是Razor页面。在之前的一篇文章中，我们简要介绍了ASP.NET Core Razor 页面。 Razor页面是ASP.NET Core的一个新功能，可以使基于页面的编程方式更容易，更高效。 大众的初步印象是对于那些只专注于页面的小型应用来说，Razor页面更容易、更快地取代MVC。然而，事实证明，它可能比这更强大。使用ASP....
ASP.NET Core 的 Razor 语法参考
allway2的博客
03-03 2018
作者：Rick Anderson、Taylor Mullen和Dan Vicarel Razor 是一种标记语法，用于将基于 .NET 的代码嵌入网页中。 Razor 语法由 Razor 标记、C# 和 HTML 组成。 包含 Razor 的文件通常具有.cshtml文件扩展名。 Razor 也可在Razor component文件 (.razor) 中找到。 Razor 语法类似于各种 JavaScript 单页应用程序 (SPA) 框架（如 Angular、React、VueJs 和 Sv...
ASP.NET Core Razor页面学习
xiaoLongww的博客
05-13 448
ASP.NET Core Razor页面学习 快速搭建一个管理数据库的简易应用 （1）在VS2019下，创建项目，选择ASP.NET Core应用程序 （2）在项目下，新建文件夹Models，用于存放实体类；并在文件夹下新建实体类Book，如图 using System; using System.Collections.Generic; using System.ComponentModel.DataAnnotations; using System.Linq; using System.Thread
谈谈ASP.NET CORE Razor Pages 使用
覃鸿宇的博客
04-30 4608
前言 今日谈谈Razor Pages 原文链接：https://www.cnblogs.com/kklldog/p/core-razor-page.html 什么是Razor Pages？ “Razor Pages 使编码更加简单更加富有生产力”这是微软说的==！。Razor Pages 简化了传统的mvc模式，仅仅使用视图跟模型来完成网页的渲染跟业务逻辑的处理。模型里包含了数据跟方法，通...
ASP.NET Core 中的 Razor Pages 介绍
songjuntao8的专栏
02-12 1041
Razor 是一个用于将基于 .NET 的代码嵌入到网页中的标记语法。 Razor语法由 Razor 标记、c # 和 HTML 组成。 包含 Razor 的文件通常具有 .cshtml 文件扩展名。 Razor还可在 Razor 组件文件 () 中找到 .razor 。 Razor语法 类似于不同 JavaScript 单页应用程序的模板化引擎 (SPA) 框架，如 Angular、React、VueJs 和 Svelte。 呈现 HTML 默认 Razor 语言为 HTML。 从标记呈现 HTM
独立使用Asp.net Core 的razor模板 (一):Razor引擎的一些细节
weixin_30924087的博客
03-14 712
由于最近需要写一些界面稍微好看点的Winform程序,如果用原生控件,,想要达到好看的程度,需要花费比较大的功夫,因为之前使用过CefSharp,因此发觉如果是使用CEF+Html的方式,界面可以相对容易做的精致一点(其实就是设计完之后,找个前端人员切切图),但是,使用CEF+Html有个弊端就是,正常的软件,Header跟Footer大体是通用的,包括一些通用的js/css的引用以及菜单...
ASP.NET Core 中的 Razor 文件编译
weixin_30699465的博客
08-06 814
asp .net core mvc 3.0 在编译的时候做了一些改变，有些view视图更改需要重新编译，你也可以配置运行时编译，不用每次更改都去重新生成，具体代码如下，从官方文档看到，做个记录。 Razor 编译 Razor SDK 默认启用 Razor 文件的生成时和发布时编译。启用后，运行时编译将补充生成时编译，允许更新 Razor 文件（如果对其进行编辑）。 运行时编...
掌握ASP.NET Core Razor打印与导出数据库记录技巧
资源摘要信息:"如何使用ASP.NET Core Razor页面应用程序从数据库中打印或导出记录" 在当今信息化时代，数据的处理和展示成为了开发过程中的一项重要任务。特别是在ASP.NET Core Razor页面应用程序中，实现从数据库...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值