ASP.NET中使用<script runat="server">

在ASP.NET的.aspx页面中,可以在<head>代码</head>标签中通过<script runat="server">添加代码。其实,这里的代码和.cs文件中的代码地位是相同的,都是在服务器端执行的。

例:

<script type="text/javascript" runat="server">
void Select_Change(Object sender, EventArgs e)
{
     Response.Write("Select Changed!");
}
</script>

可以看到,这里同样可以使用服务器端的Response.Write()来输出内容。

需要注意的是,<script runat="server"> </script>中只能放置方法和属性等,而不能直接添加语句和表达式。

另外,在.aspx页面中,还可以使用<% %>标记来引用服务器端的变量,或将服务器端的函数返回值显示到客户端。但是,这个标记的使用有一定的局限性,其中不能声明函数或子例程,只能放置语句。

在实际应用中,最好还是将前后台代码分开编写,这样不仅可以使代码清晰明确,易于管理,也充分体现了ASP.NET与ASP 的区别。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="OnlineSupermarketTuto.Views.Home.Index" %> <!DOCTYPE html> <html xmlns=" http://www.w3.org/1999/xhtml "> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>购物商城首页</title> <link href="../../bootstrap-5.2.2-dist/bootstrap-5.2.2-dist/css/bootstrap.min.css" rel="stylesheet" /> </head> <body> <form id="form1" runat="server"> <nav class="navbar navbar-expand-lg navbar-light bg-light"> <div class="container-fluid"> <a class="navbar-brand" href="#"/>商城首页</a> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item"> <div class="mb-3"> <img src="../../Assets/Images/groceries.png" style="height: 40px; width: 40px"/> <a class="nav-link" href="Cart.aspx">购物车</a> </div> </li> <li class="nav-item"> <div class="mb-3"> <img src="../../Assets/Images/clipboard.png" id="logo" style="height: 60px; width: 60px" /> <a class="nav-link" href="Order.aspx">订单</a> </div> </li> <li class="nav-item"> <div class="mb-3"> <img src="../../Assets/Images/customer-feedback (1).png" id="logo" style="height: 60px; width: 60px" /> <a class="nav-link" href="Profile.aspx">个人首页</a> </div> </li> </ul> </div> </div> </nav> <div class="container mt-4"> <div class="row"> <div class="col-md-4 mb-4"> <div class="card"> <img src="../../素材图片/groceries.png" class="card-img-top" alt="商品图片"> <div class="card-body"> <h5 class="card-title">示例商品</h5> <asp:LinkButton ID="btnAddToCart" runat="server" CssClass="btn btn-primary" OnClick="btnAddToCart_Click">添加购物车</asp:LinkButton> <asp:LinkButton ID="btnBuy" runat="server" CssClass="btn btn-success" OnClick="btnBuy_Click">购买</asp:LinkButton> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card"> <img src="../../素材图片/groceries.png" class="card-img-top" alt="商品图片"> <div class="card-body"> <h5 class="card-title">示例商品</h5> <asp:LinkButton ID="LinkButton1" runat="server" CssClass="btn btn-primary" OnClick="btnAddToCart_Click">添加购物车</asp:LinkButton> <asp:LinkButton ID="LinkButton2" runat="server" CssClass="btn btn-success" OnClick="btnBuy_Click">购买</asp:LinkButton> </div> </div> <!-- 可添加更多商品卡片 --> </div> </div> </form> <script src="../../bootstrap-5.2.2-dist/bootstrap-5.2.2-dist/js/bootstrap.bundle.min.js"></script> </body> </html> 根据代码写出aspx.cs的功能代码,功能为提取ProductTb1中的PName,PPrice字段来显示每个商品的名称和价格,请基于原本的代码添加功能
最新发布
06-14
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值