仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 3863|回复: 18
打印 上一主题 下一主题

[学习教程] ASP网页设计若何完成平面的DataGrid和具有Windows效...

[复制链接]
不帅 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-2-3 23:41:29 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
写软件都是想的时间比写的时间要长的.如果反过来了就得看看是什么原因了. 另外大家可以回去问问公司里的小MM.(一般企业里,跟你们交付软件接触得最多的是她们)datagrid|window|按钮   下文将为您演示若何将DataGrid完成为一个平面的表格,和若何完成在Image按钮中完成平面感的后果。为了完成下面的内容咱们起首要对CSS的自界说款式有所懂得,然后就是一些复杂的js代码。

为了完成平面大DataGrid咱们需求创立一个工程,外面有一个DataGrid和绑定在其上的数据,代码以下:

<asp:datagrid id="DataGrid1" runat="server" GridLines="Horizontal" style="BORDER-COLLAPSE:separate">

<ItemStyle ></ItemStyle>

</asp:datagrid>

下面的代码中有一个中央十分主要,就是设置style的属性那边,记得必定要写成如许。有了这个数据网格今后咱们需求写一个可以完成平面后果的css款式,CSS款式以下所示:

<style>

.SolidDataGrid{

CoolSolidDataGrid:expression(ApplySolidTable(this));

border-color:#FFFFFF;

border-bottom-width:0px;

border-left-width:0px;

border-right-width:0px;

border-top-width:0px;

}

.SolidDataGridItem{

CoolSolidDataGridRow:expression(ApplySolidTr(this));

}

</style>

从代码中咱们可以看到利用了自界说的款式,该款式利用js来完成的,所以咱们还要有上面的js代码来撑持下面的CSS款式。Js代码以下所示:

<script language="javascript">

function ApplySolidTable(obj){

obj.cellPadding = "0px";

obj.cellSpacing = "0px";

obj.border = "1px";

obj.width = "100%";

}

function ApplySolidTr(obj){

for(var i=0;i<=obj.cells.length-1;i++){

ApplySolidTd(obj.cells(i));

}

}

function ApplySolidTd(CurrentTd){

CurrentTd.bgColor = "#E1E2E2";

CurrentTd.borderColorLight = "#929292";

CurrentTd.borderColorDark = "#FFFFFF";

}

</script>

代码的细节我就不具体表述了,最初只需将下面的CSS使用在咱们的DataGrid外面就能够完成平面的DataGrid后果。终究的DataGrid以下所示:

<asp:datagrid id="DataGrid1" runat="server" CssClass="SolidDataGrid" GridLines="Horizontal" style="BORDER-COLLAPSE:separate">

<ItemStyle CssClass="SolidDataGridItem"></ItemStyle>

</asp:datagrid>



接上去是若何完成有平面后果的Image按钮,其实很复杂就是完成普通Windows外面按钮的后果,翻开Word将鼠标挪动到东西条后你就能够看到该办法完成的后果。操作以下:你可以放一个ImageButton或被阅读器最初注释成image的控件,为了完成这个后果咱们需求上面的js剧本,然而因为咱们想重用这个剧本所以我将它写到一个HTC文件中,文件内容以下:

<PUBLIC:COMPONENT>

<PUBLIC:ATTACH EVENT="onmou搜索引擎优化ver" ONEVENT="ButtonOnMouseOver()" />

<PUBLIC:ATTACH EVENT="onmou搜索引擎优化ut" ONEVENT="ButtonOnMouseNormal()" />

<PUBLIC:ATTACH EVENT="onmousedown" ONEVENT="ButtonOnMouseDown()"/>

<PUBLIC:ATTACH EVENT="onmouseup" ONEVENT="ButtonOnMouseNormal()"/>

<SCRIPT LANGUAGE="javascript">

function ButtonOnMouseOver(){

showMouseOver(this.style);

}

function ButtonOnMouseDown(){

showMouseDown(this.style);

}



function ButtonOnMouseNormal(){

showNormal(this.style);

}



function showMouseOver(elStyle){

elStyle.borderLeft = "1px solid buttonhighlight";

elStyle.borderRight = "1px solid buttonshadow";

elStyle.borderTop = "1px solid buttonhighlight";

elStyle.borderBottom = "1px solid buttonshadow";

elStyle.paddingTop = "1px";

elStyle.paddingLeft = "2px";

elStyle.paddingBottom = "1px";

elStyle.paddingRight = "0px";

}



function showMouseDown(elStyle){

elStyle.borderLeft = "1px solid buttonshadow";

elStyle.borderRight = "1px solid buttonhighlight";

elStyle.borderTop = "1px solid buttonshadow";

elStyle.borderBottom = "1px solid buttonhighlight";

elStyle.paddingTop = "1px";

elStyle.paddingLeft = "2px";

elStyle.paddingBottom = "1px";

</p>  Access是一种桌面数据库,只适合数据量少的应用,在处理少量数据和单机访问的数据库时是很好的,效率也很高。但是它的同时访问客户端不能多于4个。access数据库有一定的极限,如果数据达到100M左右,很容易造成服务器iis假死,或者消耗掉服务器的内存导致服务器崩溃。
活着的死人 该用户已被删除
沙发
发表于 2015-2-4 06:01:49 | 只看该作者
不是很难但是英文要有一点基础网上的教程很少有系统的详细的去买书吧,另不用专门学习vb关于vbscript脚本在asp教材都有介绍
透明 该用户已被删除
板凳
发表于 2015-2-9 16:46:22 | 只看该作者
先学习用frontpage熟悉html编辑然后学习asp和vbscript建议买书进行系统学习
柔情似水 该用户已被删除
地板
发表于 2015-3-3 21:10:40 | 只看该作者
最近在学asp,不要问我为什么不直接学.net,因为公司网站是asp做的所以有这个需要,卖了本书asp入门到精通,对里面的六大内置对象老是记不住,还有很多属性和方法看的头晕。
莫相离 该用户已被删除
5#
发表于 2015-3-7 03:55:12 | 只看该作者
最近在学asp,不要问我为什么不直接学.net,因为公司网站是asp做的所以有这个需要,卖了本书asp入门到精通,对里面的六大内置对象老是记不住,还有很多属性和方法看的头晕。
分手快乐 该用户已被删除
6#
发表于 2015-3-14 08:33:50 | 只看该作者
那么,ASP.Net有哪些改进呢?
海妖 该用户已被删除
7#
发表于 2015-3-19 04:24:26 | 只看该作者
ASP也是这几种脚本语言中最简单易学的开发语言。但ASP也是这几种语言中唯一的一个不能很好支持跨平台的语言。  因为ASP脚本语言非常简单,因此其代码也简单易懂,结合HTML代码,可快速地完成网站的应用程序。
蒙在股里 该用户已被删除
8#
发表于 2015-3-22 18:11:45 | 只看该作者
哪些内置对象是可以跳过的,或者哪些属性和方法是用不到的?
飘灵儿 该用户已被删除
9#
发表于 2015-3-26 10:29:10 | 只看该作者
下载一个源代码,然后再下载一个VBScript帮助,在源代码中遇到不认识的函数或是其他什么程序,都可以查帮助进行解决,这样学习效率很高。
精灵巫婆 该用户已被删除
10#
发表于 2015-3-30 11:12:58 | 只看该作者
代码逻辑混乱,难于管理:由于ASP是脚本语言混合html编程,所以你很难看清代码的逻辑关系,并且随着程序的复杂性增加,使得代码的管理十分困难,甚至超出一个程序员所能达到的管理能力,从而造成出错或这样那样的问题。
因胸联盟 该用户已被删除
11#
发表于 2015-4-24 08:42:45 | 只看该作者
弱类型造成潜在的出错可能:尽管弱数据类型的编程语言使用起来回方便一些,但相对于它所造成的出错几率是远远得不偿失的。
再见西城 该用户已被删除
12#
发表于 2015-4-26 12:10:40 | 只看该作者
掌握asp的特性而且一定要知道为什么。
爱飞 该用户已被删除
13#
发表于 2015-7-1 04:01:13 | 只看该作者
尽管MS自己讲C#内核中更多的象VC,但实际上我还是认为它和Java更象一些吧。首先它是面向对象的编程语言,而不是一种脚本,所以它具有面向对象编程语言的一切特性,比如封装性、继承性、多态性等等,这就解决了刚才谈到的ASP的那些弱点。
小妖女 该用户已被删除
14#
发表于 2015-7-8 04:27:22 | 只看该作者
兴趣爱好,那么你无须学编程,申请一个域名和空间,在网上下载一些免费开源的CMS系统,你不用改代码,只须熟悉它们的后台操作,像office一样简单方便,很快就能建一个站点,很多站长都是这样做的
变相怪杰 该用户已被删除
15#
发表于 2015-7-12 19:58:08 | 只看该作者
不是很难但是英文要有一点基础网上的教程很少有系统的详细的去买书吧,另不用专门学习vb关于vbscript脚本在asp教材都有介绍
兰色精灵 该用户已被删除
16#
发表于 2015-7-13 20:23:08 | 只看该作者
从事这个行业,那么你可以学ASP语言,简单快速上手,熟练dreamweav排版,写asp代码,熟练photoshop处理图片,打好基础就行了
飘飘悠悠 该用户已被删除
17#
发表于 2015-10-8 14:59:09 | 只看该作者
兴趣爱好,那么你无须学编程,申请一个域名和空间,在网上下载一些免费开源的CMS系统,你不用改代码,只须熟悉它们的后台操作,像office一样简单方便,很快就能建一个站点,很多站长都是这样做的
再现理想 该用户已被删除
18#
发表于 2015-10-25 05:08:00 | 只看该作者
ASP(ActiveServerPages)是Microsfot公司1996年11月推出的WEB应用程序开发技术,它既不是一种程序语言,也不是一种开发工具,而是一种技术框架,不须使用微软的产品就能编写它的代码,能产生和执行动态、交互式、高效率的站占服务器的应用程序。
小女巫 该用户已被删除
19#
发表于 2015-10-31 16:02:10 | 只看该作者
不是很难但是英文要有一点基础网上的教程很少有系统的详细的去买书吧,另不用专门学习vb关于vbscript脚本在asp教材都有介绍
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-4-20 21:14

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表