Html ashx比较mvc,C# ashx与html的联合使用

本文介绍如何结合使用ASHX和HTML实现从SQL Server数据库获取数据并在HTML页面中展示的方法。通过实例演示了如何利用Visual Studio创建项目,并通过ASHX处理程序读取数据库内容填充到HTML模板中。

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

本文将介绍ashx和html的联合使用方法,尽管目前流行mvc,但handler一般处理程序还是ASP.NET的基础知识,结合html页面,做出来的网页绝对比WebForm的简洁和效率高。

首先,概要说明一下:

html是过去非常老的一种网页格式,属于静态网页,要想在html上呈现SQL Server上的数据,只能依靠ashx了。

大概的方法是,利用html作为模板,使用ashx读取数据库,替换html中的部分内容,最终显示已替换的html内容。

先给个效果图:

a3213f2306a9b402057b0da8c721e6f8.png

下面开始上代码:

首先做用visual studio,新建一个项目,项目下再新建有footer.htm,header.htm,Index.ashx,Index.htm

另外我已做了一个简单的选取表格信息,显示在input标签中的功能,所以我也用到了jquery.min.js

f498ad9a5e8ca3644dad32a4a6f8a60f.png

(屏蔽部分请忽略,是我做的另一个静态页面,与本例无关)

1、首先看的是Index.htm的静态网页代码:

1

2

3

4

首页

5

6 body7 {

8 width:1000px;

9 }

10 table11 {

12 width:300px;

13 text-align:center;

14 }

15 table th16 {

17 text-align:center;

18 }

19 button20 {

21 background-color:Transparent;

22 }

23

24

25

26

27

28 functionselect(obj){29 var$btn=$(obj);30 $("#col1").val($btn.parent().prev().prev().html());31 $("#col2").val($btn.parent().prev().html());32 }33

34

35

36

37 $header38

39

40

41 col142

43

44 col245

46

47 col348

49

50 $content51

52

53

54

55 $footer56

57

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值