ASP技术动态网站设计

2024-06-21

ASP技术动态网站设计(共12篇)

ASP技术动态网站设计 篇1

网页是网站的基础单元,随着企业信息化程度的加深,网页浏览环境的高质量要求越来越严格,单单以静态网页去进行展示往往难以给予顾客提供一个理想的浏览环境,由此积极将动态网页技术运用进去,使得整个信息质量得以提高,是现阶段网页设计的基本思路。

1 比较视角下审视主流动态网页设计技术的必要性

之所以将几种主流动态网页设计技术进行比较,是因为在比较的过程中,我们可以清晰地看到技术的发展历程、优缺点和应用范围,在深刻理解这些知识之后,往往会给予我们实际网页设计工作相应的引导,以便充分发挥技术优势,规避技术缺陷,使得网页动态设计技术方案更加合理,更加科学,更加高效。

2 ASP、ASP.NET和JSP动态网页设计技术比较分析

1) 从背景特点的角度去分析。ASP作为动态服务器页面,是微软公司于1996年推出的,在当时并没有将其界定为程序语言,也不作为开发工具,更多情况下被称作为技术框架,起着应用的作用。简单来讲,处于服务器端脚本编写环境下,去创建运行动态网页和web应用程序,以IIS服务器为基础,对于浏览器没有很高的要求,往往是以VBScript或者Java Script嵌入的方式融入到Html中去的,是比较简单的动态网页技术。早在2000年的时候微软就积极推出了全新的网页设计技术,即ASP.NET。这是以ASP设计技术为基础的,升级发展而成的全新的动态网页实现途径,有着全新的体系结构,更加容易去操作,并且附加了共享和再利用的功能,表现出一定的延伸性,直观性的特点。另外,可以将C语言充分运用进去,使得其在页面事件,网页控件,缓冲技术和服务器控件捆绑等方面取得了很大的进展。由Sun公司推出的JSP技术,是以Java Servlet和Java技术为基础构建起来的跨平台性质的动态网页,可以实现动态网页和静态网页的分离,还能够在编译后去进行操作,有着运行速度快,消耗小,扩展性佳,安全性能良好的特点。

2) 从应用范围的角度来看。ASP应用范围:其一,必须处于windows的运行环境下;其二,以增加空间的方式可以在Linux系统下实现局部运行。ASP.NET应用范围:基于语言编辑的运行程序,各路开发者更多的选择权利,可以运用到多种语言的网页设计过程中去。JSP应用范围:其一,能够在任何操作平台下实现运行;其二,在Apache服务器的协助下,拥有更加广泛的应用平台;其三,在虚拟机解释的左右下,可以实现字节代码的转移。

3) 从开发效率的角度来看。ASP,开发工具有Microsoft Vi-sual Inter Dev、Front Page、Dream weaver、Edit Plus,以简单的记事本就可以进行手工开发,整体代码比较简单,学习难度不高,可以很快的适应到这样的脚本语言中去,在此基础上融入到Html代码中去,实现网站应用程序的构建。ASP.NET使用到的开发工具有:Microsoft Visual Studio。作为集成程度较高的平台,程序设计人员可以自由选择,以便达到比较高的开发目标,尤其在Web Controls的帮助下使得程序编写工作更加简单高效,很多情况下甚至不需要进行手工输入。JSP开发技术应用之前需要安装JDK,这是前提和基础。能够使用JSP技术的平台比较多,以开源软件为主,但是其开发效率是难于与ASP.NET实现媲美的。

4) 从运行效率的角度来看。从运行速度来看,ASP是比不上JSP和ASP.NET的。在应对基本运算的时候,JSP显得比较吃力,往往会在速度上输于其他两者,这是因为在此过程中,.net技术顺序是先编译后执行的方法,并且以ASP脚本解释执行机制为基础,往往可以获得比较好的运行速度。在这一点上同样以这样的顺序进行的JSP,往往会表现出效率不高的特性。但是,从数据库操作的角度来看,JSP的性能会远远高于其他两者,这一点是无可厚非的。

5) 从数据库连接的角度来看。三种主流动态网页设计技术在连接数据库方面表现出明显的差异性:其一,ASP技术,以内置组件为基础,形成与数据库之间的连接,是使用频率比较高的组件,在这样的环境下,不仅仅可以更加轻松的去获取数据库信息还可以实现动态显示。其二,ASP.NET技术连接数据库效率更加高,避免了过多的人工代码工作以DATASOURCE和DATAGRID的数据库组件去实现数据库的链接,从而达到显示信息的目的。其三,JSP技术是以JDBC-ODBC桥和直接访问的方式去实现的,前者可以访问所有的数据库,只要保证驱动程序进行了合理的安装。

3 如何选择合适的动态网页设计技术

1) 理论联系实际,深入体会动态网页技术的异同。在充分了解三种动态网页技术的优缺点之后,积极将其运用到实际网页设计过程中去,做到理论联系实际,实现自身理论体系和实践体系的夯实,以保证能够在执行动态网页制作方案的时候,可以合理的去舍取,保证设计工作的合理性和科学性。

2) 与时俱进,不断了解先进的动态网页技术趋势。动态网页设计者,还应该积极去了解更多的关于动态网页技术的信息,比如最近几年内比较流行的php动态网页设计,也成为应用范围比较广泛的动态语言。简单来讲,除了上述三种动态网页设计技术,还应该积极去了解更多的动态网页技术,以便在网页设计的时候提供更多的思路。

3) 不断自我夯实,营造良好的技术创新环境。信息瞬息万变,网页设计技术也在不断更新和发展,对于网页设计人员来讲,只有通过不断的自我学习,才能够跟上时代的节奏,才能够保证能够以比较好的技术去满足客户的需求。对此,除了自身需要树立学习意识,积极去进行探索尝试之外,单位应该积极给予其学习创作条件,以教育或者培训的方式鼓励员工进入到网页设计技术交流和学习活动中去,以便营造良好的技术创新环境。

4 结束语

从上述的比较过程来看,三种动态网页设计技术的确存在很多优缺点。在应用的过程中,我们就要注重去选择,去舍取,以便选择比较理想的动态网页设计方案,以保证动态网页技术得以最有效的利用。对此,作为网页设计人员,应该不断去思考和探索。

参考文献

[1]尚俊杰.网络程序设计:ASP案例教程[H].北京:清华大学出版社,2005.

[2]郑莉.Java语言程序设计[M].北京:清华大学出版社,2006.

[3]胡杨.动态网页技术ASP、PHP和JSP比较分析[J].软件技术研究,2006,1(7).

ASP技术动态网站设计 篇2

Macromedia Dreamweaver MX 是一款专业的 HTML 编辑器,用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。无论您愿意享受手工编写 HTML 代码时的驾驭感还是偏爱在可视化编辑环境中工作,Dreamweaver 都会为您提供有用的工具,使您拥有更加完美的 Web 创作体验。Dreamweaver 使您可以使用服务器技术(例如 CFML、ASP.NET、ASP、JSP 和 PHP)生成由动态数据库支持的 Web 应用程序。

本章节内容主要从建立ASP运行环境(安装、配置IIS)、建立站点、怎样建立数据库、Dreamweaver与数据库的连接(使用DSN连接数据库)、显示数据库记录、插入数据库记录、修改数据库记录和删除数据库记录等等内容,以实现ASP动态网站的全部设计过程,希望能给你对建立ASP动态网站有所帮助。

系统软件要求

本教程将运行在Windows XP操作系统上,由IIS Web服务器和Access 2003数据库建立Web站点,通过Dreamweaver MX 2004+ASP技术开发动态页面的技术。

表 软件环境列表

软 件

Windows XP IIS 5.0 Access 2003 Dreamweaver MX 2004 发动态网站解决方案的安全平台。

一、建立ASP运行环境(安装、配置IIS)

(一)、安装IIS

在Windows XP(专业版)上将Windows XP安装光盘放入光驱,点击开始—>设置—>控制面版—>添加或删除程序—>添加或删除windows组件—>在internet信息服务(IIS)项前面打钩,单击下一步进行安装,直至完成internet信息服务(IIS)的安装。如图所示:

操作系统 Web服务器 数据库 动态页面设计

应 用

Windows XP的Internet 信息服务(IIS)给 Windows 带来 Web 计算的强大功能。IIS 是创建和开

(二)、配置IIS

点击开始—>设置—>控制面版—>管理工具—>internet信息服务(IIS),在弹出的窗口单击本地计算机、网站,在默认网站单击鼠标右键,在弹出的窗口选择主目录、在本地面路径选择浏览按钮,选择你建立的网站目录(如:E:我的网站),选择文档项,按添加按钮,添加index.asp文档完成IIS的配置。

二、建立站点

Macromedia Dreamweaver MX 是一个站点创建和管理工具,使用它不仅可以创建单独的文档,还可以创建完整的 Web 站点。

站点的定义

开始使用Dreamweaver MX 2004来创建数据库网站的第一件事,就是定义网站,必须告诉Dreamweaver MX 2004网站根目录在哪里,以及服务器位置、类型等相关信息。

启动Dreamweaver MX 2004后,从主菜单选择站点/管理站点/新建…定义一个新站点。

在弹出菜单中的本地信息栏--站点名称中输入“我的网站”,本地根文件夹中选择“E:我的网站”,在HTTP地址项填写:“HTTP:127.0.0.1”其余各项保持不变。在“分类”处选择“测试服务器”,在服务器模型处选择“ASP VBScript”,“访问”处选择“本地/网络”,单击确定完成站点的定义。

这时网站管理窗口中就可以看到网站根目录的中文件了。

三、怎样建立Access数据库

本系统使用的是Access 2003创建了一个名为db1.mdb的数据库。系统对数据的读取,存储都是对该数据库进行操作。

在Access 2003数据库中,所有的数据存储都是围绕表进行的,数据不会存储在数据库的其他位置。虽然可以有许多方法访问数据,但是它们全部来自表。可以说,表示一个数据库的灵魂。

执行开始->程序->Mccrosoft Office-> Mccrosoft Office Access 2003(安装Mccrosoft Office 2003时,把Office Access 2003也打钩进行安装),执行文件->新建,在弹出窗口右边选择空数据库,文件名保持默认,单击按钮,从弹出窗口选择“使用设计器创建表”,填写相应的字段,具体如下表所示:

字段名称 数据类型 字段大小 ID 姓名 性别 年龄 住址

自动编号 文本 文本 数字 文本 30 10 50

录入时间 日期/时间

完成字段名称等录入后,选择ID为主键,数据表名称保留默认“表1”,将其保存在“E:我的网站”目录下完成数据库的建立。如图所示:

四、Dreamweaver与数据库的连接(使用DSN连接数据库)

如果打算在网络应用程序中使用数据库,就需要创建至少一个数据库连接。没有数据库连接的话,应用程序将不知道在什么地方找到数据库或者如何与数据库连接。在Dreamweaver MX 2004中创建数据库连接时,为应用程序提供了与数据库建立联系的信息或参数。

DSN定义

(1)在控制面板中,双击管理工具,双击ODBC数据库源图标,出现ODBC数据源管理器窗口,选择系统DSN标记。

(2)单击“添加“,接着选择数据库驱动程序,本系统使用Access数据库,所以Microsoft Access Driver(*.mdb),单击“完成“按钮。

(3)出现ODBC Microsoft Access安装窗口,在数据源名一栏给连接取个名字conn,说明一栏不是必填项。

(4)单击窗口中“选择“按钮,找到数据库的所在路径(“E:我的网站”)并选中相应数据库文件,选中db1.mdb,此时ODBC Access安装窗口中数据库一栏就会出现刚才选定的数据库文件,如图所示。DSN连接

建立了数据库名(DSN)之后,就可以创建网络应用程序和数据库之间的ODBC连接,DSN被定义后,就能用它来调用各种参数了。

(1)启动Dreamweaver MX 2004,打开已经定义好的站点“我的网站”,在站点-我的网站窗口中点击鼠标右键,点新击建文件,文件名改为index.asp,双击文件index.asp使其处于编辑状态。

(2)单击“窗口”中的“数据库”,从“数据库”菜单中。在窗口中点击“+”,选择数据源名称,从弹出窗口“连接名称”一栏键入连接的名字conn;在数据源名称(DSN)一栏从下拉菜单中挑选数据库源名conn;Dreamweaver连接一栏选择使用本地DSN即可。如下图:

五、制作显示数据库记录页

(1)、双击index.asp文件,使其处于编辑状态,选择应用程序的“绑定”,点击“+”,à记录集(查询);在弹出的记录集窗口“名称”填写Rs,连接选择conn,表格选择“表1”,“列”选择全部,单击确定完成记录集的绑定。如下图;

(2)、在index.asp编辑状态下,插入2行七列的表格,并使其居中,在上一行的七个空格中加入数据表中的内容标签,然后将记录集的各字段拖入下一行对应的空格中,在表格上方输入数据库总记录数X条、目前为第X条数据,并将记录集中的总记录数,第一条记录拖入对应的字中,并使其居中。如下图所示:

(3)、选中第二行的全部表格,点击服务器行为,点击“+”选择重复区域,保持默认状态,点击确定完成重复显示区的设计。

(4)、点击菜单“插入”,选择“应用程序对象”->记录集分页->记录集导航条,在弹出窗口(保持默认值)点击确定。如图所示:

六、制作添加数据记录页

新建一网页,命名为add.asp,并使其处于编辑状态,点击菜单“插入”,选择“应用程序对象”->插入记录->插入记录表单向导,在弹出窗口“连接”项选择conn,“插入到表”选择“表1”,“插入后转到”填写a.asp(提交成功显示网页,将在下一步建立),删除不需要的字段(ID),然后点击确定按钮完成页面的制作。

建立新的一页,保存为a.asp,并在页面上填写“添加数据成功!”完成页面设计。

七、制作修改数据记录页

打开index.asp文件,使其处于编辑状态,把鼠标定位在第一行,点击拆分单元格图标,如下图:

将列拆分为2列。第二行用同样方式拆分为二列,在最后一列填写“修改”字符,全选“修改”,使其被选定,选择服务器行为—>“+”,转到详细页面,从弹出菜单中,详细页填写edit.asp,其它保持不变完成页面设置。

创建edit.asp新页,用上述同样的方法为其绑定一个名为Rs的记录集(筛选项选择ID,其它保持默认值)。点击菜单“插入”,选择“应用程序对象”->更新记录->更新记录表单向导,在弹出窗口“连接”项选择conn,“要更新表格”选择“表1”,“选取记录是”处选择Rs,唯一键列选择ID,“更新后转到”填写index.asp(修改显示网页,将在下一步建立),删除不需要的字段(ID),然后点击确定按钮完成页面的制作(其余为默认值)。如下图所示:

八、制作删除数据记录页

用上述学过的方法在Index.asp上创建“删除”连接。新建网页命名为delete.asp,并打开它,在其上创建一个七行二列的表格,并在左边的表格上填写相应的字段名,然后给网页绑定一个记录集,并对其字段拖到对应的右这表格中。创建一表单,并把上述所建的表格拖入表单内,同时为表单建立一个删除确定按钮,如下图所示:

在弹出菜单中填上相关内容。如图所示:

基于ASP的动态网站优化策略 篇3

关键词: ASP;WEB数据库;动态网站;静态网站;查询优化

中图分类号:TP393文献标识码: A文章编号:1009-3044(2007)15-30669-02

ASP-based Dynamic Website Optimization Strategy

Chen Shi-bao

(Modern Education Technology Center of Anhui Finance and Trade Vocational College, Hefei 230601,China)

Abstract:With the development of the Internet, web database is becoming more and more widely used . Meanwhile, the users have a growing demand of the speed ofvisiting the database web pages ,which is decided by many factors, which mostly depends on the speed of network, web host server performance, the design of web page itself and web database, and many other reasons. This paper gives some introduction aboutthe ASP-based dynamic website Optimization Strategies mainly from the aspect of web page design.

Key words:ASP;WEB database;dynamic website;static website;query optimization

1 引言

在InterNet迅猛发展的今天,用户不再只满足于通过浏览器看到静态页面,而是希望能根据要求生成更加灵活、

生动的动态页面。数据库对于信息的动态检索无疑具有极大的优越性,因此根据数据库信息的不断变化生成动态web页面将成为网页设计的重要方法,动态网页技术与数据库结合成为了必然,ASP技术加数据库是目前应用最广泛的一种。然而,随着网络上信息数量的膨胀和人们对信息需求量的增加,因此用户对访问WEB数据库页面速度的要求也必然越来越高。对WEB页面的优化可以显著地提高Web数据库的访问速度。

2 Web页面设计的优化

2.1动态页面静态化

用户访问静态Web页面时,Web服务器只需简单地将该页面传回给用户浏览器,由浏览器解释执行;而用户访问“动态”Web页面时(含服务器端执行程序),Web服务器需要先解释执行该页面,将嵌入在页面中的服务器端执行代码在服务器端执行完毕,并将执行结果形成一个“静态”的Web页面传回给用户浏览器,再由浏览器解释执行。

在Web数据库应用系统中,当用户访问Web数据库页面时,Web服务器需要先与数据库服务器交换信息,从数据库中动态地读取数据并形成一个“静态”的Web页面传回用户浏览器端,再由浏览器解释执行。

基于Web页面的上述执行过程,如果把“从数据库中动态读取数据”只执行一次并形成一个“静态”的HTML代码段,在需要从数据库中动态读取数据的页面中插入该段代码,就能减少访问数据库的开销,从而提高访问该页面的速度,其原理类似于程序的一次编译、多次执行。

编程实例:下面以火车订票系统为例来说明该方法的具体实现过程。火车订票系统中站名、车次、各停站及其停车时间等数据被设计存放在数据库中。由于车次、站名的增减、停车时间的变更等信息不会频繁地发生变化,具有相对的稳定性,所以可以在数据需要变更时由系统管理员一次性执行一段代码,从数据库中提取数据并生成若干HTML代码的“静态”引用文件,供需要站名、车次、停站、停车时间的各个Web页面引用。只有到下次铁路系统再次调整时间、车次等信息时,系统管理员才有必要修改数据库中的数据,重新生成并覆盖原有的HTML代码“静态”引用文件,而引用该“静态”代码的各个Web页面则无需任何修改。

下面以其中“站名”为例,说明“静态”代码的生成以及各Web页面对此“静态”代码的引用方法。设系统采用Access数据库train.mdb,表名为tab_train,“站名”字段为stations。首先从数据库中读取“站名”并生成“静态”HTML代码的ASP程序,然后把生成的“静态”代码保存到文件stations.inc中。

/*make_stations.asp*/

<%

Set fso = Server.CreateObject("Scripting.FileSystemObject")

FilePath = Server.MapPath(“station.inc”)

Set file = fso.CreateTextFile(FilePath)

Set conn = server.CreateObject(“ADODB.Connection”)

DBPath = Server.MapPath(“train.mdb”)

conn.Open “driver={Microsoft Access Driver (*.mdb)}; dbq=”& DBPath

sql = “select stations from tab_train”

Set rs = conn.Execute(sql)

line = “function put_stations(){”

file.WriteLine line

line = “document.writeln(‘ ” & “ <select name = ‘stations’ >’)”

file.WriteLine line

While Not rs.EOF

line = “document.write(‘<option >” & rs(“stations”) & “</option>’)”

file.WriteLine line

rs.MoveNext

Wend

line = “document.write(‘</select>’) }”

file.WriteLine line

file.close

%>

引用“静态”的“站名”的HTML页面如下:

< html >

< head >

< title >引用stations.inc文件</title>

< !--include file=“stations.inc”-- >

< /head >

< body >

< table >

< tr >< td >

< script language=“javascript”> put_stations() < /script >

< /td >< /tr >

< /table >

</body>

</html>

2.2 WEB页面查询优化

动态网站的核心是数据库,而动态网站的交互性就体现在根据用户的请求查询数据库从而将执行结果形成一个Web页面传回给用户浏览器解释执行,因此动态网站的实质就是不停的对数据库进行操纵(包括查询,更新,删除和插入,在这四中操纵方式中以查询为主),对WEB页面中查询进行优化也可以极大的提高Web数据库的访问速度。

一个查询往往有许多实现办法,然而不同的办法查询效率是不一样的,因此要找出一个与之等价的且查询效率最高的表达式。显然,笛卡尔积、连接运算最费时间和空间,究竟应采用什么样的策略,能够节省时间和空间,这就是优化的准则。

2.2.1 提前执行选择运算。对于有选择运算的表达式,优化的原则是尽可能先执行选择运算的等价表达式,以得到较小的中间结果,减少运算量。

2.2.2 合并乘积与其后的选择运算为连接运算。在表达式中,当乘积运算后面是选择运算时,应该合并为连接运算,使选择和乘积一道完成,以避免做完乘积后, 再对一个大的乘积关系进行选择运算。

2.2.3 将投影运算与其后的其他运算同时进行。以避免重复扫描关系。

2.2.4 将投影连接和其前后的二目运算结合起来,使得没有必要为去掉某些字段再重复扫描一遍关系。

2.2.5 在执行连接前对关系做适当的预处理。连接运算的执行效率比较低,其结果往往是产生的更大的关系。

3 结语

以上是笔者在实际工作中、在不增加投入的情况下,为改进WEB网站的访问速度而总结出来的。动态页面静态化实际上是采用了生成“函数”的方法,这样设计的好处:一是可以在其他页面的任何布局位置上引用该“函数”,二是增加执行效率。 WEB页面查询优化主要是对WEB页面中的查询语句进行优化,以增加查询效率。

参考文献:

[1]王亚平.数据库系统工程师教程[M].北京:清华大学出版社.2004.7 .339-369

[2]王珊,陈红.数据库系统原理教程[M].北京:清华大学出版社.1998.7

ASP技术动态网站设计 篇4

ASP既活动服务器页面(Active Server Pages),是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互,是一种简单、方便的编程工具,也是一种运行于服务器端的脚本编写模型,它使网站开发者可以使用几乎所有的脚本语言(VBScript、Script或Perl等)编写脚本,这些脚本可以执行应用程序逻辑,并能够调用Active X组件执行特殊任务,如数据库查询、文件输入输出等。利用ASP可以很容易地把HTML标签和文本、脚本命令以及Active X控件混合在一起实现动态网页,创建交互式的Web站点,而不需要进行复杂的编程。ASP技术本身具有如下特点:

(1)面对对象。

(2)ASP是在服务器端运行,因此开发者无需考虑浏览器兼容问题。

(3)ASP只把结果返回给浏览器,开发者不必担心ASP源程序代码会被别人窃取。

(4)ASP可以通过使用Active Server Components(Active X服务器组件)来扩充脚本语言的功能。

(5)ASP本身自带了5个Active Server Components(Active X服务器组件),在ASP脚本中可以方便地引用系统组件和ASP的内置组件。

(6)可以使用ASP程序码,在站点服务器执行Script语言来产生或更改在Client端执行的Script语言。

(7)ASP通常必须放在支持ASP的Web服务器上的一个有可执行权限的目录下,才能被正确运行。

ASP网页的上述特点使其在网页设计上具有下面一些优点:突破静态网页的一些功能限制,实现动态网页技术;ASP文件代码是包含在HTML所组成的文件中的,易于修改和测试;服务器上的ASP解释程序会在服务器端执行ASP程序,并将结果以HTML格式传送到客户端浏览器上,因此使用各种浏览器都可以正常浏览ASP所产生的网页;ASP可以使用服务器端Active X组件来执行各种各样的任务,例如存取数据库、访问文件系统等。由于服务器是将ASP程序执行的结果以HTML格式传回客户端浏览器,因此使用者不会看到ASP所编写的原始程序代码,可防止ASP程序代码被窃取。

2 ASP是如何工作的

ASP文件是以.asp为扩展名的文本文件,这个文本文件可以是文本、HTML标准和ASP脚本命令的任意组合。当用户通过浏览器发出一个对ASP页的请求后,Web服务器接受这一请求,调用相应的ASP页,由于ASP仅是一种开发环境而非一种语言,因此ASP页中能够使用任何一种脚本语言,只要Web服务器上安装了相应的解释程序就行了,脚本语言被解释后,就执行其中的脚本命令,然后生成一个由标准的HTML组成的Web页发给用户。

在这一过程中,由Web服务器完成所有的脚本处理工作,因此用户不必担心浏览器能否能执行ASP代码,站点服务器会自动将ASP的程序码解释为标准HTML格式的主页内容,在送到用户端的浏览器上显示出来。用户端只要使用可执行HTML码的浏览器,即可浏览ASP所设计的主页内容。ASP运行的具体流程如图1所示。

3 动态网页设计中的数据访问方式

实现Web服务器与数据库的连接一般有两种方法:一种是利用中间件技术在两者之间建立连接和通信,如CGI(通用网关接口)和API(应用程序编程接口)。另一种是由浏览器中的Java小应用程序(Java Applet)通过浏览器访问Web服务器上的数据库,。由于Java Applet本身的局限性,目前大多数的应用是基于中间件技术的。ASP也是属于中间件的一种模式,但在Windows平台上它比CGI和API模式有着较大的优点。CGI的最大特点是它的平台无关性,但CGI程序在响应速度和资源利用等方面有较大局限性,API程序占系统资源少,运行效率较高,但它的编程较CGI程序更为复杂。而ASP中访问数据库是通过ADO(Active Database Object,活动数据库对象)及事务处理语句来实现的,不仅可以读取Access和SQL Server的数据库,而且还可以读取其他ODBC(Open Database Connect,开放式数据库互联)兼容的数据库。ADO是一种操作Microsoft所支持的数据库的方法,ADO主要提供了7个对象和4个集合来完成对于数据库的管理,包括Connection、Command、Parameter、Recordset、Field、Property、Error以及Fields、Properties、Parameters、Errors,是一项容易使用并且可扩展的将数据库访问添加到Web页的技术。应用ASP一系列的对象,即可轻松完成对数据库复杂的操作。

4 ASP在电子商务网站中的应用

在电子商务中,对用户而言,进行网上信息查询的目的是寻找自己需要的产品或服务,而对于商品或服务提供者来说,其目的则是向用户推销自己的产品或服务,ASP与交互式动态网页技术为商户与客户进行通信联络提供了有效手段。ASP通过内置的ADODB组件来实现这一功能。具体的操作步骤可以归纳为以下几步:

(1)创建数据库源名(DSN)。

打开Windows的“控制面板”,双击“ODBC”的图标,然后选择“文件DSN”的属性页,单击<添加>,选择数据库驱动程序,然后单击“下一步”,按照屏幕的指示键入数据源文件的名称,然后单击“下一步”,再单击“完成”创建数据源。

(2)创建数据库链接。

利用ADODB的成员函数Open和先前设定的DSN与数据库连接,其语法如下:Set Connect=Server.Create Object("ADODB.Connection")'创建了链接对象Connect。Connect.Open("DSN=dsnname;UID=user ID;PWD=password")'打开链接。dsnname为数据源名;user ID为用户名;password为用户口令。

(3)创建数据对象ADO中的数据对象通常保存的是查询结果。

Record Set是ADO中最复杂的对象,有许多属性和方法,灵活运用,可以达到许多好的效果。其创建方法如下:Set Record Set=Connect.Execute(sqt Str)'创建并打开了对象Record Set,sqt Str是一个串,代表一条标准的SQL语句。例如:sql Str="SELECT*FROM b1"Set Record Set=Connect.Execute(sql Str)这条语句执行后,对象Record Set中就保存了b1中的所有记录。

(4)操作数据库。

可利用Execute方便地执行数据的插入、修改、删除等操作。如执行插入操作:sql Str="Insert Intob1Values(1,2)"Connect.Execute(sqlStr)

(5)关闭数据对象和链接。

在使用了ADO对象之后,一定要关闭数据对象和链接。在ASP中通过调用方法close实现关闭。关闭创建的数据对象:Record Set.close Set Record Set=Nothing关闭创建的链接对象:Connect.close SetConnect=Nothing

完整的程序片段:

(1)产生组件实例,<%Set Connect=Server.Cre-ate Object("ADODB.Connection")

(2)连接数据库,Connect.Open("DSN=dsnname;UID=user ID;PWD=password")

(3)执行查询,SQL=select*fromtablename Set RS=Connect.Execute(SQL)%>

(4)显示结果,<%Do While Not RS.EOF%><%=RS(fieldname)%><%Rs.Move Next Loop%>

上述是用ASP访问数据库的全过程,由于应用面向对象思想,所有操作都比较简单,用户需要注意的仅是对数据结构的了解、当前所操作的对象及对象的属性等等,只要对这些有了清晰的认识,再加上ASP强大功能,就很容易在网络上使用数据库,实现用户与页面间交换信息。

5 主要功能程序段

5.1 打开数据库

5.2 数据库查询操作

5.3 添加记录操作

5.4 删除记录操作

5.5 记录的修改和查看

6 结束语

ASP作为交互式动态网页设计的一套服务器端脚本环境,大大减少了浏览器的负担,它具有简洁、高效、迅速、多变等许多的优点。随着计算机及Web技术的发展,ASP在动态网页设计中的应用将更为广泛,而如何提这种应用的数据访问效率及事务处理能力则是当前人们所关注的问题。

参考文献

[1]薄小志.ASP入门与实例演练.北京:中国青年出版社

[2]张固,汪晓平.ASP网络应用系统典型模块开发实例解析.北京:人民邮电出版社

[3]万雷,荣力,谢华.网页设计与网站建设教程.成都:四川出版集团电子音像出版中心

[4]张华,张雁,贾志娟等.ASP项目开发与实践.北京:中国铁道出版社

ASP技术动态网站设计 篇5

案例式教学在ASP.NET动态网页设计中的应用

高等职业教育的目标是培养技能型人才,因此在教育方式中与高等院校会有些差别.良好的教学模式能够引发学生主动学习的能动性,能够激发学生学习的.热情,能够较好的起到教育的目的.

作 者:王艳娟 崔敏 宋建毅 作者单位:济南职业学院,山东济南,250100刊 名:科技创新导报英文刊名:SCIENCE AND TECHNOLOGY INNOVATION HERALD年,卷(期):“”(14)分类号:G420关键词:案例式教学 高等职业教育 ASP.NET动态网页设计

ASP技术动态网站设计 篇6

关键词 中职 ASP动态网页设计 任务驱动 项目训练

中图分类号:G712 文献标识码:A

1 采用“任务驱动,项目训练”教学法培养学生的动手能力

“任务驱动”教学法是以任务为主、以培养学生的知识和技能为辅进行的教学,在整个教学过程中,教师是引导者,学生是学习的主体。ASP动态网页设计是一门实践性很强的课程,因此,在课堂教学中应着重对学生动手能力的培养。教师设计任务情境,让学生在一个个典型的案例驱动下展开学习,引导学生由简到繁、由易到难、循序渐进地完成一系列“任务”,从而得到清晰地思路、方法和知识,培养学生的动手能力,学生可以采用两人或三人一组的形式共同完成,把每个学生的优势充分地挖掘出来,分工协作,这样不仅有利于学生的主动参与,更有利于学生间的相互协助,从而共同探索,发现新的问题,解决新的问题,才能适应中职学校计算机学科知识发展的特点。

2 “任务驱动,项目训练”教学模式的实现

针对学校的现状和学生的学习情况,笔者采用“任务驱动,项目训练”教学的方式来重新对该课程进行整理和规划,对每次课程(任务)精心设计,教学不仅要符合职业教育实践导向的教学思想,还要将学生的情感培养渗透到专业能力教学当中,每个任务具体分为以下几个板块进行教学。

2.1 任务描述

任务描述就是从实际社会生活工作和岗位的需要中提取出任务,描述任务完成的效果,这是任务驱动教学法的关键环节。

任务的设计必须实事求是,首先对企业(用人单位)进行调研,企业需要什么样的技能人才,具备什么样的能力,任务的设计是为了对学生能力的培养,在ASP动态网页设计课程教学中,教师创设任务情境,把学生引导到问题当中,把所要学习的知识融入一个一个任务当中,当学生完成任务时也就掌握了知识和所需的技能。

2.2 任务分析

任务分析就是分析解决任务的思路,分析任务的难点。这是任务驱动教学法的重要环节。

在ASP动态网页设计课程教学中,当任务提出以后,怎样才能完成任务,这是学生必须独立思考或者是分组讨论的重要环节,在这个环节主要是培养学生的思维能力和解决问题的能力,既可以容纳小组的集体意见,也可以鼓励学生个人主观的想法,这样学生的独立思考或者团队协作能力也得到了锻炼,这正是企业和用人单位所看好的能力素质。

任务的难易程度和大小不尽相同,需要学生自己区分任务的难易,简单的即是学生已经掌握的知识,难的即是学生需要掌握,以前没有学过的知识或技能,这时就需要引导学生去探究任务,调动学生的学习欲望,教师就得根据学生的实际情况,“因材施教”,创设任务情境,把学生带入到任务之中,让学生把自己当成要完成工作任务的员工,教师通过引导、设问、提示等方式,尽可能地让学生进入状态,创造出在公司或者企业讨论的场面。

2.3 方法与步骤

方法步骤就是图文并茂地讲解完成任务的操作步骤。这是任务驱动教学法的必要环节。这个环节并不是说教师按照自己的方法随心所欲的操作,“一讲到底”,而应该根据上个环节学生讨论的结果,根据学生思路,按照学生喜欢的方式进行讲解,完成任务的操作步骤,这就要求教师在上课之前要充分设计课堂情境,站在学生的立场,以学生考虑问题的方式来备课。另一方面,中职学生的学习基础较差,教师在通过讲解操作过程中,应该把每一步做什么以板书的形式清楚地写出来,千万不要怕麻烦(也可以打印资料的形式人手一份),这对于学生的课后复习巩固和做实验时才能事半功倍,能够帮助学生顺利的完成任务,整个过程学生都为主体,而教师仅仅起到引导学生完成任务的角色。

2.4 相关知识与技能

相关知识与技能是讲解任务涉及的知识与技能,也是完成任务所必须的知识点和操作技能。这是任务驱动教学法的提炼环节。所谓提炼,就是提取出本任务中所涉及到的重要知识点和操作方法和技巧。学生通过老师的讲解,去挖掘这个任务通过什么样的程序代码完成的,程序代码在其中的作用是什么,不能光让学生知其然,还要让学生知其所以然。在这个环节,教师一定要加强学生的记忆,因为知识和技能是要靠记忆的,有良好的记忆才能体现出学生的知识存储和技能掌握程度。ASP动态网页设计是一门需要记忆的学科,如函数功能,程序结构,ADO连接数据库的字符串,SQL数据库操作的程序代码等,所以,背诵特定功能的程序模块是必须的。

2.5 扩展与提高

拓展与提高是任务驱动教学法的升华环节,学生在完成教师给定任务以后,再次引导学生去思考解决任务的其他方法或者是完成一个类似的任务,这个任务也可以隐含新的知识点,当学生发现现今的知识结构和技能无法解决问题时,这就能充分地调动了学生的学习积极性,学生的能力得到进一步得到提高,这也为教师下次课的讲解埋下了伏笔。

2.6 任务评价

作为中等职业学校的的教师,在进行课堂教学时,重视学生的能力的培养,尤其是学生的职业能力,毕竟学生毕业后面临的是社会的选择,没有过硬的职业能力何谈在社会上立足,“以就业为导向,以能力为本位”,这一点是每个中等职业学校的办学方针,也是每个学校对社会负责,对学生负责的表现,这就必须要求教学任务和项目实训是根据用人单位的实际需求,巧妙地设计学生的能力培养和训练计划,制定每个任务所要达到的能力目标,对每个项目完成的情况进行评测,当然评测需要具有可操作性。除了职业能力,还要考虑学生的情感能力,比如独立思考能力、组织能力、协助能力等,综合上述对每个学生作出一个综合的评价。这是“任务驱动,项目训练”教学法的成效环节。这个环节既体现教师的教学成效,也体现学生的学习成果,也反映着学校的“订单式“培养模式的成效。

3 结束语

中等职业学校学生的教育要从社会需求出发,根据用人单位的要求来设计教学任务,采用“任务驱动,项目训练”教学法进行教学,任务的设计不是凭空想象,任务是源于生活源于实际,学生仅仅在学校模拟完成,在增添学生学习过程中的趣味性的同时,学生完成任务,形成自身的能力,而能力具有可迁移性,这样才能保证学生在完成任务的过程中,有效地促进学生职业能力的发展以及就业后能快速达到实际工作岗位的要求。

参考文献

[1] 吴霞.基于信息技术的中职《动态网站开发与设计》课程教学.职业教育研究,2011(3).

[2] 吴凌云.中职学生学习特点分析及对策.科技信息,2009(27).

[3] 王飞兵.“任务驱动”教学法的特点、应用及思考.中国数学教育,2010(21).

[4] 朱小琴.任务驱动式教学法在ASP管理信息系统开发教学中的应用.福建电脑,2009(10).

[5] 王崇义.Web数据库与动态网页制作.中国铁道出版社,2008.

[6] 李书标.ASP动态网页设计.高等教育出版社,2008.

ASP技术动态网站设计 篇7

传统的网站是由HTML语言构建的静态网站和CGI下的动态网站。静态网站是由多个静态网页通过使用超链接组成的,每个网页都是独立的HTML或HTM文件,内容是固定的,由于HTML是无交互后台程序,它是静态的,仅仅能够实现静态文本的显示,所以HTML无法满足用户动态、交互式的需求。

1 ASP技术及工作原理

动态服务器主页(Active Server Pies,ASP),是微软开发的一套服务器端代替CGI的脚本程序环境,它基于传统的HTML技术,能生成和运行动态的、交互的、高效的Web服务器应用程序。

(1)Active:ASP使用了Microsoft的ActiveX技术。ActiveX(COM)技术是现在Microsoft软件的重要基础。它采用封装对象,程序调用对象的技术,简化编程,加强程序间合作。ASP本身封装了一些基本组件和常用组件,有很多公司也开发了很多实用组件。只要你可以在服务器上安装这些组件,通过访问组件,你就可以快速、简易地建立自己的WEB应用。

(2)Server:ASP运行在服务器端,这样就不必担心浏览器是否支持ASP所使用的编程语言。ASP的编程语言可以是VBScript和JavaScript,有了ASP就不必担心客户的浏览器是否能运行你所编写的代码,因为所有的程序都将在服务器端执行,包括所有嵌在普通HTML中的脚本程序。当程序执行完毕后,服务器仅将执行的结果返回给客户浏览器,这样也就减轻了客户端浏览器的负担,大大提高了交互的速度。

(3)Pages:ASP返回标准的HTML页面,可以正常的在常用的浏览器中显示。浏览者查看页面源文件时,看到的是ASP生成的HTML代码,而不是ASP程序代码。这样就可以避免源代码被别人盗用,提高了系统的安全性。执行ASP文件的过程如图1所示。

2 SQL Server 2000

SQL Server 2000是Microsoft公司推出的SQL Server数据库管理系统,它是基于客户机和服务器的。SQL(Structured Query Language)是结构化查询语言,用来定义、修改和管理数据,并用表格、索引、关键字、存储数据的行和列来控制数据库。Microsoft SQL Server用SQL语句在客户机和服务器之间传送请求和应答。SQL Server用客户机、服务器结构把工作负荷分解分别在服务器上和客户上执行的任务。客户机应用程序可以运行在一个或多个客户机上,也可以运行在服务器上,负责向用户提供数据。服务器负责管理和分配服务器资源。

3 ASP与SQL Sever数据库的连接

ASP是通过一组统称为ADO(ActiveX Data Objects)的对象模块来存取数据库,无论服务器使用何种数据库,只要数据库具有对应的ODBC或OLE DB驱动程序,ADO对象就可以存(如图2)。

具体的链接命令为:

Set DataCon=Server.CreatObject(“ADODB.Connection”)

Set Rs=Server.CreatObject(“ADODB.Recordset”)

DataCon.Open“数据库名”,“用户名”,“密码”

连接到数据库后,再使用相应表操作命令,就可以共享数据库中的资源。

4 实例分析

江苏财经职业技术学院实验室调度系统,是采用ASP+SQL技术构建的动态网站,实现了课程与实验室的添加、修改、删除;教师的添加、删除;学生与教师的课表管理和备份等功能,下面以这个系统为例,介绍如何使用ASP连接数据库,实现用户登录功能。用户登录界面如图3所示。

在图3中输入用户名和密码,点击登录按钮,如果输入正确则登录成功,反之登录失败。下面来分析如何实现此功能。

首先在与上面设置的数据源相对应的数据库中建立一个存有用户名和密码的数据表,该表的字段中含有用户名(Username)和密码(Password),表的记录为所有的用户信息。与数据库连接的ASP代码写在一个名为conn.asp的文件中。具体如下:

其中<%……%>为ASP语言的标志,中间内容为ASP代码,对于非ASP内置对象,在使用前必须使用server对象的CreatObject()方法创建。如代码中第一行建立一个名为conn的ADODB.Connection对象,然后为其提供数据库名和访问数据库的用户名和密码,并用conn.Open方法打开,如代码中第二行,其中Database=sysdd提供数据库的名称。代码中第三行表示建立一个ADODB.Recordset对象Rs,用来存放查询后的结果。

在登录界面中设计了两个文本输入框,一个登录按钮和一个取消按钮。设计好登录界面后就可以编写查询数据库的代码了。这段代码写在login.asp中,此处不再详述。如果登录成功,则跳转到相应的页面,比如以教师身份登录的话,则跳转到教师首页;以管理员身份登录的话则调准到管理员页面;如果登录失败,则调用failur.html。

5 网站的安全性

ASP是网站开发应用的一种快速工具,我们不仅要看到ASP的优势,更要注重ASP的安全问题。ASP与客户端执行的Javascript程序在网络安全性方面主要有以下优点。首先是用户看不到ASP源程序,因为传到浏览器端的只是转换成HTML语言的结果,这既维护了ASP开发人员的版权,又维护了网站系统的安全。其次是支持虚拟目录,虚拟目录的建立在网络安全性上具有重要意义。因为虚拟目录方式可以隐藏站点目录结构,而站点目录结构的暴露,往往是导致系统受攻击的第一步,而且网站源代码不需要任何修改,就可以搬迁到另一台服务器上正常运行。需要注意的是虚拟目录尽量采用NTFS格式存放,这样管理员可以对虚拟目录设置不同的操作权限,从而方便管理,并且提高了ASP程序的安全性。

但是ASP也存在许多漏洞,如在IIS3.0网站中,在地址栏中输入一些特殊符号和小数点就可必在客户端看到ASP的源程序,知道了数据库的名字有时能在客户端下载数据库。还有ASP可以通过FileSystemObject对象实现文件操作,包括对服务器所有文件修改,拷贝、删除等。克服这些缺陷较有效的办法是安装最新的补丁程序、关闭不使用的服务和协议、设置好服务器、硬盘文件采用NTFS格式、对目录设置不同的属性如只读、执行、脚本、设置多重密码、不要把密码和路径写到程序中、应该有操作日志和数据库备份、禁止上传ASP类型文件等多种办法。只有充分考虑多种情况,才能保证网站的安全性。

6 结论

随着互联网技术的迅猛发展,网络已深入我们的工作、学习、生活等诸多方面,网站建设的技术也是日新月异,本文重点对ASP技术、SQL语言和SQL Server数据库进行了阐述,并以江苏财经职业技术学院实验室调度系统为例,介绍了如何用ASP技术连接数据库并实现用户登录过程。ASP技术可以在服务器端执行,大大减轻了浏览器的负担,用ASP技术编写的源程序具有安全可靠、编辑方便、与浏览器无关、可以和HTML语言结合使用创建动态交互程序等优点,它现已成为一种流行的网络编程技术。

摘要:本文主要介绍了ASP技术和SQL Server相结合在网站建设中的应用,并以江苏财经职业技术学院实验室调度系统为例,介绍了ASP连接SQL Server数据库的过程。

关键词:ASP,SQL Server,实验室调度

参考文献

[1]陈金莲.ASP+SQL Server开发项目的关键技术点.SCIENCE&TECHNOLOGY.2007.

[2]孙俊,吕杨.ASP技术应用技巧.昆明理工大学学报:理工版.1999.

[3]胡秀源.基于ASP技术的动态网站设计.制造业自动化.1999.

[4]黄雁.基于ASP访问SQL Server的分析.硅谷.2008.

ASP动态网页设计与制作 篇8

1.1 ASP的操作基础

ASP是与Web密切相连的工作程序, 其相关发布也是由Web服务器来执行, 当Web站点中兼有了ASP功能时, 若用户向浏览器地址栏输入网址, 并且其默认页面的扩展名是asp, 那么浏览器会向服务器提出申请, 要求运行ASP, 此时服务器引擎给予回应, 读取并且去运行ASP程序。被读取的ASP程序内容被记忆在服务器中, 此时中断了对ASP的运行, 并开始将其转换为HTLM文件。当ASP按自上而下的顺序全部转化为HTLM文件后, 服务器会将HTLM的内容重新传送回浏览器, 当浏览器收到文件后, 将其显示在屏幕中, 作为Web网页。虽然在浏览器与服务器中进行了周期操作, 但整个过程运行起来十分快捷, 这就是ASP程序的操作原理。

1.2 动态网页的特征

传统意义上的网页多是指静态网页, 即事先编写好的存在于服务器之中, 而动态网页打破了传统的方式, 它是依靠服务器运行之中产生的, 因此具有较好的交互性, 并且使用户的应用平台扩大, 可以实现更多的功能。基于动态网页具有这种特点, 所以它往往是要以数据库为基础而产生的。动态网页的产生为用户带来了很大的方便, 它可以根据不同的需求生成不同的网页, 内容不再固定死板, 而是具有灵活性大、工作效率高、便于维护的特点。

2 ASP的工作优势及特性

2.1 从用户的使用角度看, ASP所具有的工作优势

从ASP的工作原理上我们可以看到, ASP的脚本是在服务器上执行, 且都被转化为HTML文件, 这样用户在浏览器上所看到的都是ASP的执行结果所生成的HTLM码, 这样大大保证了程序的安全性, 源程序码不会被外漏, 避免了辛苦设计出来的程序代码为他人所用。不仅如此, ASP可进行数据库间的交互, 可以允许多个主页之间进行共享信息, 拓宽了用户的可使用范围。ASP还具有其他多种应用优势, 如扩充功能性强, 语言相容性强, 使用时简单易懂, 具有URL表管理等内置功能, 等等。

2.2 从软件的技术层面看, ASP所具有的工作优势

面向用户, ASP脚本方便的引用系统的组件, 并结合于自身的内置组件, 通过制定Active X服务器组件来扩充功能, 这也是常规的程序所不具有的优势。对于ASP的发展, 是任何开发工具都可以的, 比如Windows记事本、Front Page等。

2.3 ASP的工作特性

ASP的开发曾被Microsoft描述为动态的、可交互的、高性能的Web服务器应用程序, 由此我们可以看到, ASP的主要特征在于它的相容性, 即它可以将HTLM文件、脚本、基于COM标准的组件有机结合在一起, 能够生成为一个新的Web上的一个动态网页, 并将其转化为HTLM的文件, 根据用户的不同需求而呈现出来, 作为客户端的浏览器。

3 ASP动态网页设计制作的基本步骤

3.1 做好前期的规划和准备工作

想要创建一个网页, 必须要有一定的目的或是动向, 确定创办的网页的主题与风格。只有确定了网页的内容与风格, 后续的工作才能更顺利开展。既然要创建网页, 就要大量的去搜集所涉及的信息、材料。可以从图书、报纸、电视或者其他网络中获取, 尽可能多且全面的网罗信息。一切材料准备就绪, 就可以规划所要创办的网页的具体内容, 比如它的颜色、布局、结构、图文的搭配等, 只有将这些都做好计划, 那么网页才能设计得有声有色、别出心裁。

3.2 结合ASP选择所需要的软件

当你要装修的房子准备就绪时, 就该为它购买涂料等用品, 对于网页同样如此。当你都准备好时, 就要选择所应用的程序。即使程序间的作用效果没有很大的差距, 但是用起来却有难易之分。比如, 目前对声音处理的软件有Gold Wave、Cool Edit、Garage Band、声音处理器等, 但对于初学者来说, Gold Wave是最好的选择。选择一个好用且适合自己的软件, 可以让后续程序进行得更称心如意, 能起到事半功倍的效果。

3.3 进行核心工作, 制作网页

一切准备工作都已经做好了, 那么制作网页就变得简单方便了。我们运用ASP系统来制作动态网页, 因此前提是先将ASP安装在电脑中, 将它融入到Web中。ASP是在IIS背景下运行的, 所以同样把IIS安装后, 创建一个新的站点并将它命名, 并将你的IIS地址输入到相应的网址中, 在此编写你所有的编码与语言。当进入到网页的编写时, 将之前的设计应用于其中, 控制好网页的大小、编排与布局, 重要的是要合理地运用好现有的模板, 这样可以为网页的编辑节省很多时间与精力。

3.4 将网页上传并进行测试

ASP与Web密切相关, 当你的网页都制作好后, 将它上传到Web, 待服务器工作结束后, 就可在网上看到自己的动态网页。此时, 仔细观察相关的图片、编排、超链接等, 如果都没有问题, 那么你的网页就制作成功了。

4 结语

如今互联网已经走进了千家万户, 并且随着人们对信息量需求的不断增加, 动态网页的设计有了更广阔的天地, 不仅如此, ASP的诞生更为千万网民带来了新的天地, 将二者结合起来运用, 其前景更是方兴未艾。我们了解了ASP的原理、工作特性以及动态网页的制作, 这是非常有益的。

参考文献

ASP技术动态网站设计 篇9

教学实践告诉我们, 项目可以有很多形式, 而不仅仅是综合项目。通过示范项目可以让学生掌握基础的知识, 为真正解决问题的能力奠定基础, 在此基础上可以用知识迁移、协作讨论等方式来完成技能的提升。下面我就以“留言板”项目为例来说明教学项目设计的思路。

1. 以典型工作任务为依托是教学项目设计的基本原则。

教学项目设计的原则是从典型的职业工作任务中开发设计教学项目, 项目内容突破传统的学科界限, 是以典型工作为核心, 按照工作过程建构教学内容。所以我把“留言板”这个综合网站中很常见的功能模块单独拿出来作为一个简单的学生操作项目来设计。通过完成制作任务来落实知识, 让理论教学内容与实践教学内容通过项目紧密地结合在一起。

2. 以学生为主体的活动是教学项目的构成要素。

学生活动主要指学生采用一定的工具和工作方法解决所面临的工作任务所采取的探究行动。“留言板”教学项目中我设计了如下的学生活动:

(1) 6人小组成立工作室竞标。把全班48人根据学生学习能力和个性在自由组合基础上分成8个小组, 成立工作室, 课堂教学模拟工作室竞标形式。

(2) 以工作室为单位的方案设计, 竞标说明书递交。师生共同分析任务招标要求, 明确网站的基本功能、设计的思路, 在此基础上学生完成网站美工图设计和技术方案, 遇到技术难题时向老师求助。

(3) “留言板”网站制作。根据所学内容完成“留言板”网站制作。

(4) 各工作室竞标, 阐述各自网站的功能及特点, 说明设计意图和技术优势所在。

(5) 评标, 结合学生评价和老师评价两种形式, 评选最适合的作品。

3.工作情境的创设是教学项目设计的前提。教学项目能顺利实施的一个前提就是为学生创设一具能进行探究学习的环境。技术实践知识与工作过程知识具有情景性特点, 这决定了这类知识的掌握依赖于工作情景的再现。整个教学的设计也是用工作室任务招标、训标、制作、评标环节进行的, 模仿了一个职场环境, 让学生成为职业人去竞争去制作。

4.成果展示的多样性。项目设计要有明确而具体成果展示环节, 有明确的评分标准, 但不是简单的“对”、“错”之分。当工作任务完成学习结束后, 师生可共同评价项目成果和工作学习方法。这时要充分考虑学生的实际能力和行业的标准。

下面以《留言板制作》为例来讲述项目组织实施过程。本项目就是用“模拟职场任务招标”形式。

1.任务招标, 导入课题

模拟职场环境, 以任务招标形式开展留言板网站制作项目教学。欣赏参考网站帮助更好地理解标书要求。学生接标开始课堂实践制作。

2.功能分析、新课讲解

首先引导同学分析标书, 明确网站基本功能和结构, 得出制作思路。其次根据设计思路, 结合前面所学知识, 明确制作过程和实现技术方法。最后是新问题分析、新技术讲解。师生共同分析得到留言板必须要有的内容。

3. 学生完成设计草案

让学生在功能分析及制作过程方法的基础上自我设计, 内化为自己的过程和方法。通过明确草案内容再次帮助学生理清制作过程:数据库表字段设计、站点配置、内容留言页面美工图设计及制作方法、添加留言页面美工图设计及制作方法。

4. 分析点评设计草案

教师根据学生自荐抽取设计方案进行分析点评:通过学生展示自己的设计方案 (数据库的设计、实现技术、页面布局) 、学生评价 (页面设计特点及实现方法) 、教师点评 (重点在页面的布局设计和实现方法) 来模拟企业训标环节。

通过对草案的点评可以让设计不合理的方案及时得到调整而不用等具体作品出来再推翻;通过教师指导、学生之间互相学习取长补短, 及时更好完善草案。

5. 学生实践制作

指导学生根据自己的设计方案及调整意见完成网站制作。这环节重点是动网技能训练, 让学生将知识融合, 融会贯通, 在项目分析的基础上进行开发, 调试, 在提高学生操作技能的同时也提升了学生解决实际问题能力。

6. 作品展示、评标和小结

模拟评标环节, 评选三个最佳作品:采用自荐或推荐展示学生作品。请学生交流网站的特色、优点所在、介绍技术亮点、制作经验。学生提问、学生评价, 教师点评。通过点评更好地实现技术交流, 巩固知识点, 提高技能, 提高学生的表达、交流能力。

本学期我在ASP动态网站制作课程的探索取得了一定的成效, 学生的实践技能提高明显。教学项目便于学生以项目为主线, 把课程中的零散知识点串联起来, 强化学生对课程相关知识的理解记忆, 学生的学习兴趣、显著提高, 使学生爱学, 动起手来。

摘要:项目教学适合计算机专业学生实践技能的培养, 适应符合职业岗位、工种, 符合现代企业生产实际需要的职业工人的培养。本文以《ASP动态网站》课程中教学项目的设计与实践应用为例, 来探索中职计算机专业教学如何设计设计教学项目、应用项目教学法。

关键词:教学项目,ASP动态网站,职业能力

参考文献

[1]徐国庆, 实践导向职业教育课程研究:技术学范式[M].上海教育出版社, 2005.

ASP技术动态网站设计 篇10

随着互联网技术的发展与应用的普及, 基于其的各种活动与日俱增, 无论是企业还是政府部门都在致力于实现网络办公, 以实现企业、政府部门办公的信息化, 几乎所有的企业都将互联网作为自己新的宣传手段, 开展很多的商业活动, 如电子商务、网上购物、网上银行等。通过网站的运行可以节省管理方面的成本, 可以提高效率。而这些都有网站作为支撑, 不仅大量的企事业单位需要建设自己的网站, 而且任何一个网站都需要及时更新, 这就意味着需要有大量从事网站建设、维护的技术应用性人才。这给计算机专业的学生提供了大量的就业机会, 为了适应社会需求和技术发展的需要, 学院开设了《ASP动态网页设计》这一门实践性很强的课程。

《ASP动态网页设计》简介

《ASP动态网页设计》是一门研究动态网页及网站设计与构建的基本原理和基本方法的课程;是计算机类专业必修的一门专业课;是具有系统的网络技术、数据库技术、软件编程技术和网站构建方法与技术, 实践性很强的课程。本课程是学生学习后续课程和完成课程设计与毕业设计不可缺少的重要基础;是日后从事技术工作的重要工具。

本课程培养的人才根据学生自身条件和状况的不同, 就业岗位可以是三种, 一是在网络公司专门从事网站建设和网页设计设计工作;二是在一般企业从事企业网站的建设、维护工作;三是从事网站建设业务市场营销工作。

课程特点

对目前进入我校的生源来看, 进校时高考总分不高, 普遍存在的问题是数学、英语等基础课程学习情况较差, 逻辑思维能力较弱, 这就导致在学习计算机理论课程上遇到了相当大的困难, 因此开设的计算机理论课程绝不能像本科一样。高职院校计算机专业的学生面临着巨大的压力。如何让这些学生在激烈的计算机人才市场上找到自己的岗位, 什么是适合他们的就业岗位呢?根据我院通过对人才市场需求的调查和对岗位人才的需求分析, 认为网站建设和网页设计是非常适合他们的一个职业, 原因主要有:一是该岗位需要一定计算机理论基础知识, 但并不需要过深的计算机理论知识, 需要有一定的编程能力, 但需要的程序并不复杂, 并不需要过强的逻辑思维能力, 不要求理论知识的完整性。而另一方面网站建设与网页设计又是对实践性要求很高的应用技术, 只有通过不断的动手实践才能设计制作出满足客户要求的网站产品, 而这同时又是符合高职院校的办学定位, 所以《ASP动态网页设计》课程的开设和定位是非常适合的。

教学改革的具体措施

我院在具体教学中通过课程建设对教学方法做了大胆的改革, 并将具体的案例产品引入到课堂教学, 打破传统的以理论教学为中心的教学方式, 转为实践和案例教学为中心的教学模式, 使得学生的学习积极性有了极大的增强, 增强了学生的实践动手能力。对所有的知识点, 都配有对应的例题, 极大的方便了对知识点的理解。

具体措施如下:

1.针对高职教育人才培养的要求, 完善了教学大纲等一系列教学文件:

(1) 对理论课的教学就是以真实的工作任务和产品为载体组织教学内容, 内容的选定以实践为依据;

(2) 以具体的产品案例来展开教学, 对于各章节的小的知识点都是通过一个个具体案例来演示, 来加深学生对课程内容的理解;

(3) 通过制定目标明确、内容充实、具有启发性的实验指导书, 指导学生通过实验方式加深理解。

2.加强了实践环节, 根据课程建设的需要和高职教育的要求, 开设了网络程序设计ASP专周, 强化了学生动手能力的训练;该课程的教学始终就是以实践教学为核心, 其中实践教学主要分为三个阶段:

(1) 与理论课程相配套的实验, 通过制定格式规范、目标明确、内容充实、启发性强的实验指导书, 让学生上机动手实验, 初步实现某些具体的功能;

(2) 在完成理论课程的学习后, 进行课程设计, 通过制定严格的课程设计的实施计划和完备的课程设计指导书, 使学生能具备综合应用该课程和前导课程知识的能力, 能够根据确定的选题制作出标准化、规范化的作品。

3.校企联合创建了实训基地;工学结合, 学生通过到企业真刀真枪的锻炼, 使学生的编程技能得到了提升, 获得了企业实际工作的经验, 综合素质得到了明显提高;产学合作, 在教师的带领下, 通对客户的需求分析, 从而制作出满足客户要求的网站产品。

4.利用动画、视频等先进技术制作了大量的课件, 充分利用多媒体的技术手段, 将工作流程以动画的方式演示, 做到生动形象, 图文并茂, 帮助学生理解;使网络程序设计ASP教学的教学方法和手段上得到充分的完善, 也为学校课程教学改革和建设提供了示范。

小结

ASP技术动态网站设计 篇11

关键词:asp.net MVC EDM ORM 网站设计

网络技术发展日新月异,互联网发展初期只能简单共享一些文字图片信息,现在是网页图文、声音、视频并茂。HTML5 标签直接提供了对音频和视频的支持。Css3技术使得现在的网站页面能实现手机端,电脑端自适应展示。现在的网站系统可以通过网络实现对各种后台业务系统的接口调用和系统无缝集成,并可以感知用户地理位置。现在的网页可以实现直接使用传递自定义数据模型(Model)到网页中,生成html代码来展示。现在的网站后台系统可以实现使用新的数据查询语言对自定义数据模型进行查询。

我们可能会问:使用20年前asp网站设计也可以将ADO Recordset自定义数据集嵌套在网页中展示啊?网上看看确实还有很多这样的系统。

但查看这些网站系统后台源代码,会发现这些网页往往将业务逻辑有关代码以“意大利面条式”的方式嵌套在网页HTML代码中。无论是从软件工程“高内聚低耦合”原则角度看,还是从系统升级维护角度看,这种方式都存在很多问题,维护业务逻辑也很复杂,不利业务逻辑的扩展。其实现在已经有更好的设计方式供选择,那就是基于asp.net MVC 架构开发网站。可以以面向对象方式封装业务逻辑,可以以强类型方式在网页之间传递类型数据(model),可以用razor语法把数据模型循环方式生成HTML 页面来展示从而实现对HTML 每一个元素操控,也可以使用微软的EDM对象,实现概念层到数据层的映射。

业务层的代码直接操控概念层数据模型(EF 实体模型)。可以使用linq 语法查询数据集,而不是在程序代码中嵌入sql 语句。业务层操控的不再是数据库,而是直接操控概念层概念模型。系统会实现自动完整概念层到数据库的映射和存储。

最后得到的开发体验是可以实现“关注点分离”,每一层只关注与自己有关的业务内容,这样的架构才能适应复杂的业务逻辑,才能不断应对持续变化的业务需求。

下面从实际应用角度对有关技术作简单展示,希望对初学者有帮助。

一、asp.net MVC 架构构成

MVC全名是model view controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用一种业务逻辑、数据、界面显示分离的方法组织代码,将业务逻辑聚集到一个部件里面,在改进和个性化定制界面及用户交互的同时,不需要重新编写业务逻辑。mvc被独特地发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中。MVC 架构系统工作流程:当用户输入信息(浏览器中发送请求),首先获得用户输入数据的是控制器(控制器就是后台使用面向对象设计方法设计的类),然后控制器操控相应的模型(模型是根据业务概念模型设计的强类型数据类型,比如一个学生,课程,视频等)。接下来,模型的内容可以传递给指定的视图(使用razor 语法遍历模型内的数据转换成HTML 页面里的数据)返回给用户,这时用户在浏览器就看到了返回的信息。MVC虽然有很多技术细节,但是主要工作过程就如上所述。

二、使用MVC架构设计一个网站主要步骤和代码分析

下面以创建一个视频网站查询页面为例来展示使用mvc 架构创建网站方法的主要代码原理。

1.创建MVC 项目

打开 vs2015 开发集成环境依次选择新建项目---选择web----选择asp.net web 应用程序-----输入项目名称---选择MVC 项目类型---确定。操作到这里开发环境就能看到项目文件夹结构。

各个文件夹功能做好标注。没有标注的文件夹暂且放一放,可以先理解主要功能有关的文件夹,进一步再研究其他相关文件夹。

2.创建数据库并创建相应表

为了简单步骤,笔者在sql server 创建了 videos 数据库,并创建了如图1所示video表,填充了6条记录数据(如图1)。

3.根据数据库生成概念层数据实体

接下来一个重要步骤是根据创建的数据库生成实体数据模型(edm模型,是微软对ORM 思想的一种实现,创建好实体数据模型以后,应用系统将操作实体数据模型实现业务实体的增删改查,而不是直接使用SQL 语句操作数据库)。

操作步骤如下:将鼠标停留在models 文件夹,然后右键鼠标,在出现的菜单中依次选择添加—新建项—ADO.NET 实体数据模型——来自数据库的EF设计器——连接前面创建好的数据库—选择要映射的表—点击完成。

操作到这里已经完成数据实体的创建。接下来只要操作概念层数据实体就能完成对数据库的增删改查。而数据实体则是面向对象设计的,数据库里面的表字段变成了对象的属性,在程序业务代码中,也是操纵控这些实体对象,而不是数据库里面的表,他们之间的映射,系统会自动完成。这就是微软根据ORM 思想设计的实体数据模型,简称EDM(详细细节不展开介绍,请大家查找有关资料)。

从图2可以看到 videos模型有Id,videoName,picture,creater,createDate 5个属性,分别对应着数据库表5个字段。

打开代码窗口可以看到实体数据模型其实就是一个类,和面向对象设计中的实体类没有本质区别。

操作到这里,笔者已经准备好了数据库,也准备好了概念层数据实体和数据实体模型对应的数据上下文对象(数据上下文对象可以加载数据到实体数据模型中)。目前还缺一个动作,就是调用该方法,得到数据并将这些数据显示在页面中。下面继续完成这个动作。

4.设计控制器,访问到数据,将数据模型传递给视图

将鼠标停留在Controller 文件夹依次选择:添加—控制——包含视图的MVC5 控制器(使用Entity Framwork)——添加。完成上面操作在Controll 文件夹就多出了一个控制器文件。

5.设计视图,将数据模型生成HTML 页面

完成上面操作向导,我们查看Views文件夹,可以看到多了一个videos 子文件夹,里面有一个名为 index.cshtml 文件。通过这一步骤应该注意以下知识点。

(1)razor语法其实就是c#语句前面加@就能将c# 语法和html 混合编写,既能将模型数据转换成HTML 页面数据显示。

(2)视图文件的第一行有个IEnumerable接口类型的声明,用接口类型就能接收控制器传递过来的模型数据。

(3)微软已经为我们设计了一套生成 HTML 标签的编程接口。

6.运行网站

ASP技术动态网站设计 篇12

1 课程特点和教学目标

ASP动态网页设计课程融合了HTML静态网页、VBScript脚本、ASP对象、ASP组件以及Web数据库连接访问等知识,是继《网页设计基础》和《数据库》等课程之后开设的一门专业技术课,课程的特点是涵盖知识面广,综合性和实践性较强,强调学生的动手能力和对知识的应用能力。ASP教学中不仅仅要培养学生对前期课程所学内容的综合运用能力,还要培养学生进行站点规划、设计和编程调试能力,为企业培养合格实用的动态网站设计开发人员。总体来说,ASP动态网页设计课程的教学目标主要包含3个层次的目标。首先是知识教学层次,该层次主要要求学生掌握ASP脚本语言VBScript,熟悉和掌握ASP内置对象应用及通过ASP动态网页访问数据库的方法,以及熟悉常见ASP脚本攻击及防范的技术;其次是素质层次,该层次主要要求学生树立敬业精神,具有较强的分析问题和解决问题的能力,及具有网络编程思路;最后是能力教学层次,要求学生能够对站点进行规划,并将所学内容整合应用,独立完成ASP动态网站的开发。

2 存在问题

2.1 课程内容安排不合理

ASP动态网页设计是一门综合性较强的课程,不紧要掌握服务器端脚本程序的开发方法,还要掌握前台页面的设计、数据库设计等内容。但在实际教学中,由于大多数教师没有动态网站开发经验,对教学内容的取舍难以把握,仅按照某一本教材编排教学内容,对教材处理不够,忽略了对知识的综合运用,导致课程学完后,学生还是无法独立完成动态网站的开发。

2.2 教学方法落后

目前,很多学校的ASP动态网页设计课程教学还是采用传统的讲加练的教学模式,还是先由教师在多媒体教室讲授理论知识,然后学生在实验室完成课内实验教学内容,并书写实验报告。理论课教学中以授课教师讲解为主,学生被动地接受,由于不能及时对所学知识进行练习,导致学生对知识的掌握并不理想,很多知识看似明白,其实理解不到位,不能正确灵活地运用。这种教学方式使得理论知识和实践技能在时间与空间上严重脱节,不能突出课程实践性强的特点,不利于学习兴趣和岗位实践技能的培养。

2.3 对实践教学重视不够

现有教学方式主要以理论为主线进行教学,教师把主要备课精力放在理论课上,而忽略了对实践课的详细设计。老师通常在理论课上对某一知识进行详细讲解,在实践课上仅是让学生对课后习题进行练习,这直接导致了学生以后对知识不能灵活应用。同时,在现有实践教学中,每次上机练习仅是对某一知识点的练习,没有一个完整实例贯穿整个课程,学生无法对所学知识有一个完整的认识,导致学生以后在实际动态网站开发过程中,碰到问题就束手无策,不知道如何解决。

3 教学改革探讨

3.1 教学内容模块化

ASP动态网页设计课程涉及知识面宽。一本教材很难涵盖所有的知识,而课本是学生学习过程中必不可少的资料,教师应该选一本重点突出、讲解通俗简单的课本作为教材。在教学内容安排上,应对教材进行处理或补充,打破课程原有的教学体系安排,对教学内容进行模块化设置。可以一个经典项目案例贯穿教学全过程,将各知识点融合到整个项目案例中,学生则自由组合成若干个开发小组,每个小组可自选一个开发题目,跟着老师的授课进度,做完项目的设计、编码和测试等项目开发全过程。根据以“理论够用为度,实践放在首位”的原则,本课程教学内容可由前台页面设计与素材制作、ASP基础知识、脚本语言基础、内置对象应用、数据库访问技术、组件应用与开发、安全设置等模块组成,而每个模块对应项目案例中的每个部分,这既做到了知识的系统性,又突出了实践操作。

3.2 运用多元化的教学方法

3.2.1 项目驱动法

项目教学法是师生通过共同实施一个完整的项目工作而进行的教学活动,是指借助项目来完成教学目标的活动。在项目活动过程中,增强学生的知识和技能,提高分析和解决问题的能力,在情感、态度的价值观多方面对学生进行培养。选取项目要以教学的内容为依据,以现实的对象为材料,既要包含基本的教学知识点,又要能调动学生解决问题的积极性。要选择能串联全部基础以及部分高级知识点并能按由易到难的次序进行讲解的项目,根据本课程特点,选择“新闻发布系统”作为本课程项目案例最为合适。

3.2.2 启发式教学法

在教学过程中,可以采用启发诱导的教学方法,按思维流程设计相应的启发式问题,启发学生思考和完成学习任务,并逐步过渡到让学生自己向自己提出问题、自我启发解决一类学习任务。例如在项目案例设计中就可适当留白,所谓留白,就是教师在设计问题时不要面面俱到,要给学生的思考和尝试留有余地,应该鼓励和指导学生充分利用网上相关学习资源,启发他们亲自去尝试,去探究,去发现,鼓励他们举一反三、触类旁通。例如,网页中图片切换动画就可以采用该教学方法。

3.3 分阶段模块化教学

根据本课程实践性较强的特点,可将教学内容各模块和项目案例“新闻发布系统”各模块进行有机结合,采用分阶段模块化教学,做到边学边做,课程完成即项目完成。教学中可作以下设计:(1)前台页面设计与素材制作,可根据前续课程情况作为可讲部分,在本部分内容中可完成案例的主页面布局和样式的编写任务,其中包括效果图的切片等。(2)ASP基础知识,主要讲解服务器的安装方法,在本部分内容中可掌握ASP页面的调试和排错方法,为后续章节学习打下基础。(3)脚本语言基础,主要讲解VBScript语言,在本部分中可使用循环语句等方法对案例的主页的新闻模块进行内容显示。(4)内置对象应用,主要讲解request等对象,在本部分中可完成案例的后台登录等设计。(5)数据库访问技术部分可将案例中静态新闻显示和登录等改为连接数据库的方法。(6)在组件应用与开发部分可完成案例的后台图片上传。(7)在安全设置部分可对案例进行系统的安全设置。这样就可做到项目案例和教学内容同步,课程完成后,学生都有一个完整的作品,为学生以后的就业增强了信心。

3.4 重视实践教学

上机实践是对学生操作技能培养的重要手段,备课时不能忽略这一环节,上机过程尤其应注意如下几个问题:

(1)培养良好的编程风格。编写的源程序必须是自己容易读懂、别人也容易读懂的程序。它应有尽可能详细的注释、使用说明、清晰的层次结构。上机过程一定要注意培养学生良好的编程风格。

(2)注意培养调试和测试程序的能力。程序的调试和测试能力是一个动态网站开发人员必备的能力。“三分编程七分调试”说明在实际的应用开发中,调试的工作量要比编程大得多,同时也说明了程序调试能力的重要性。在实践教学过程中,要让学生学会根据错误提示解决程序的错误和异常。

3.5 实践教学与理论教学一体化

按教、学、做为一体的思路,在理论课程的教学环节中融入实践教学内容。部分理论课程直接安排在机房,学生一边听课,一边动手实践,课后提交实验报告书,使理论教学与实践教学融为一体,这样既巩固了知识又提高了兴趣。

3.6 改变考核方式

ASP动态网页设计课程以培养学生实际操作能力为主,可采用技能考试的形式考察学生的学习情况和教学效果。考试内容可为选择的项目案例,但应细化评分标准,评分标准是评价学生考试作品的主要依据,评分标准中应以多项指标评价学生的考试作品,比如,网站整体布局、色彩、文字内容、网站子页数量和超级链接数量、网站动画效果等。

4 结语

从课程特点、教学内容等方面,分析ASP动态网页设计课程目前教学中存在的问题,并结合自己的教学经验提出了教学改革思路。课程改革要以提高教学质量为主,强化实践教学、增强学生实践操作能力。在教学过程中必须不断探索、不断创新,只有这样才能顺应时代潮流的发展,培养出高素质高技能的人才。

摘要:分析了目前教学中存在的一些问题,针对课程的特点,从课程教学内容、教学方法等方面对ASP动态网页设计课程进行了探讨。

关键词:动态网页,教学方法,教学改革

参考文献

[1]万良,黄锦祝.网页制作技术课程改革探索[J].中国职业技术教育,2007,(7).

[2]余平.高职高专网页设计教学改革实践与探索[J].文教资料,2007,06.

上一篇:矿井选煤厂的安全管理下一篇:文学名著改编影视作品