本文将介绍ashx和html的联合使用方法,尽管目前流行mvc,但handler一般处理程序还是ASP.NET的基础知识,结合html页面,做出来的网页绝对比WebForm的简洁和效率高。
首先,概要说明一下:
html是过去非常老的一种网页格式,属于静态网页,要想在html上呈现SQL Server上的数据,只能依靠ashx了。
大概的方法是,利用html作为模板,使用ashx读取数据库,替换html中的部分内容,最终显示已替换的html内容。
先给个效果图:
下面开始上代码:
首先做用visual studio,新建一个项目,项目下再新建有footer.htm,header.htm,Index.ashx,Index.htm
另外我已做了一个简单的选取表格信息,显示在input标签中的功能,所以我也用到了jquery.min.js
(屏蔽部分请忽略,是我做的另一个静态页面,与本例无关)
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