Web 程序设计上机指导书
- 格式:doc
- 大小:1.18 MB
- 文档页数:29
《WEB应用程序设计》实验指导书目录实训一熟悉HTML语言基本结构 (1)实训二 CSS样式设计综合应用 (2)实训三 Response与Resquest对象应用 (2)实训四初识NET控件:文本框、按钮、文本标签 (4)实训五动态增删NET控件 (5)实训六 NET静态控件数据绑定 (6)实训七初识NET数据库访问技术 (8)实训一熟悉HTML语言基本结构实训目的学生通过该实训熟悉HTML语言的基本使用方法,进一步体会浏览器解释执行HTML的原理,为以后 网络编程打下扎实的基础。
实训任务与要求1.利用Dreamweaver CS3编辑HTML页面,并在浏览器中观察效果,体会并掌握HTML语言的基本操作和文件结构。
见效果图2.风格与布局与所选样例类似。
文字内容与图片可另选。
3.不能以整张图片代替网页。
4.网页中至少有一个文字链接至中国大学生在线:/5.网页中至少有一个图片链接至九江职业技术学院首页:/实训设备Windows xp/2003/2008 server+Dreamweaver CS3/实训内容1.仿样例制作网页。
效果样例实训二 CSS样式设计综合应用实训目的学生通过该实训熟悉 网站与项目的创建及CSS样式元语言的基本语法及在ASP中的应用,为以后高级网络编程打下扎实的基础。
实训任务与要求1.利用创建站点。
2.利用创建WebForm1.aspx网页文件。
3.利用创建CSS样式实现效果图。
实训设备Windows xp/2003/2008 server+Dreamweaver CS3/实训内容1.WebForm1.aspxWebForm1.aspx字随窗口大小而自动扩展;并保持与上下间距分别为20px、10px,左侧50px;内部间距为上下20px,左右20px。
2.两张图片叠加成如图样式。
3.表格随窗口变化而始终处于浏览器窗口右下角位置。
4.定义标签p样式:仿宋体,颜色#333399,大小为12pt,行间距为1.25字体高,字间距为0.3字体高,首行缩进2字符,文字内容选自“什么是Javascript脚本语言”文档前3段。
WEB程序设计实验指导书计算机基础教研室目录实验1 ASP运行环境及简单ASP编程 (3)实验2 VBScript脚本语言 (5)实验3 Request与Response对象的应用 (8)实验4 Application对象Session对象Server对象 (12)实验5 ASP服务器组件实验 (16)实验6 Connection对象,Command对象,Recordset对象 (20)实验7 Recordset对象Fields集合Field对象.htm (22)实验8 综合实例网上书店 (26)实验1 ASP运行环境及简单ASP编程一实验内容:1 掌握使用PWS作为WEB服务器进行ASP页面发布的方法2 掌握使用ASP脚本进行基本输出的方法二实验要求:1 根据以下实验步骤书写实验准备报告2 独立完成实验3 书写实验报告书三实验步骤:1 安装篇PWS(因实验室微机已安装PWS,本步骤无须上机完成):您可以到该站点下载PWS:/cn99new/series/dyndns/pws.zip,也可以在本校的FTP站点下载它.另外,在完整的Win 98光盘里包含有PWS,它位于光盘的add-onspws文件夹中。
然后运行其中的setup.exe,安装过程中一路回车即可。
安装完毕重启机器,PWS会自启动并在系统托盘里出现一个PWS的运行图标。
双击此图标,会出现PWS的主窗口。
点击窗口左下角的“高级”图标,可打开一个窗口(见图2)。
PWS的重要设置尽在其中。
2 设定WEB主目录主目录是存放WEB服务器页面的初始目录,只有此目录下的文件才能被客户访问.默认的主目录一般为c:\inetpub\wwwroot,您也以按图所示来更改主目录.3 设置默认文档接下来,为您的主目录设置一个能在默认情况下自动运行的文档。
该文档的作用是,当进入本站点时,如没有指定要访问的文档,则服务器自动提供一个默认文档让其访问。
在图中,选中“启用默认文档”复选框,并在“默认文档”框中,输入自己的首页文档名index.asp。
《Web程序设计实验》课程课程编号:433013实验指导书主撰人:审核人:经济与管理科学系电子商务教研室二○一二年四月目录前言 1 实验1搭建ASP开发环境 2 实验2Dreamweaver编写页面 5 实验3超文本标记语言HTML 7 实验4VBScript编程9 实验5ASP内置对象的使用(一)11 实验6 ASP内置对象的使用(二)13 实验7 ADO组件的使用15前言实验总体目标: 培养Web程序设计编程能力适用专业年级: 电子商务三年级第五学期实验课时分配: 24学时实验环境要求每次可提供每人一台正常运行的计算机,实验室面积为60平方米以上,多媒体投影系统,室内采光通风良好卫生,供电正常,无强大信号干扰源,消防设备齐全,疏散通道正常。
实验总体要求通过本实验课程的教学,学生能基本上达到独立完成实验内容,通过老师的指导可完成研究性实验内容,能将相关内容应用到课程设计、电子竞赛、毕业设计等实践性环节中。
本课程的重点、难点及教学方法建议1、重点:掌握ASP开发平台的搭建;掌握HTML语言编写网页;掌握ASP的工作原理及其编程;熟练掌握VBScript程序的编写;熟练使用ASP内置对象编程;熟练使用ASP内置组件编程;熟练掌握通过ADO访问数据库的编程。
2、难点:掌握ASP内置对象编程;掌握通过ADO访问数据库的编程。
3、教学方法建议:注重理论与实验相结合,可利用现有的实验条件开发不同方法的综合性、设计性及研究性实验内容或实验项目。
实验1 搭建ASP开发环境一、实验目的1、掌握使用IIS作为WEB服务器进行ASP页面发布的方法2、掌握使用ASP脚本进行基本输出的方法二、实验设备及要求本实验主要使用设备为:计算机1台三、实验原理1、利用Windows组件IIS搭建Web服务器实现对ASP页面的解析。
2、利用简单ASP页面的运行检测IIS工作是否正常。
四、实验内容与步骤1、安装IIS(因实验室微机已安装IIS,本步骤无须上机完成);将WindowsXP安装光盘放入光驱(或将安装光盘下I386文件夹拷贝至硬盘中)。
JA V A的WEB编程实验指导书前言一、上机实验目的上机实验的目的是提高学生的分析问题、解决问题的能力和动手能力,通过实践环节理解JSP 语言的基本结构和程序设计方法。
通过亲手编程掌握JSP编程的方法。
二、实验基本内容为了使学生在上机实验时目标明确,本实验指导书针对课程内容编写了10个实验。
学生可以在课内机时先完成指导书中给出的程序,理解所学的知识,在此基础上再编写其他应用程序。
指导书中的10个实验如下。
1.JSP开发环境的配置运行。
2.JSP语法编程练习。
3.JSP的内置对象应用(一)。
4.JSP的内置对象应用(二)。
5.JSP中数据库的使用(一)。
6.JSP中数据库的使用(二)。
7.Servlet技术应用。
8.JSP中JavaBean的应用。
9.JSTL应用开发。
10.Struts2.0的开发应用。
三、实验任务与时间安排《基于JA V A的WEB编程》是一门实践性很强的课程,除了在课内安排的实验外,鼓励同学在课外用相关技术进行编程练习。
《基于JA V A的WEB编程》上机实验时间为20学时,分为三大部分:JSP基础、JSP核心、JSP高级应用。
具体实践课时安排如下:12目录前言............................................................................................................................................................. 1一、上机实验目的 ............................................................................................................................. 1二、实验基本内容 ............................................................................................................................. 1三、实验任务与时间安排 ................................................................................................................. 1目录......................................................................................................................................................... 1实验 1 JSP开发环境的配置运行 .......................................................................................................... 3一、实验目的 ..................................................................................................................................... 3二、实验要求 ..................................................................................................................................... 3三、实验内容 ..................................................................................................................................... 3(一)JDK安装与配置............................................................................................................. 3(二)Tomcat安装与配置 ........................................................................................................ 6(三)Eclipse的安装与配置..................................................................................................... 9(四)在Eclipse上建立一个JSP ......................................................................................... 12(五)部署JSP工程文件 ..................................................................................................... 18(六)启动Tomcat服务器 ................................................................................................... 22(七)浏览JSP ...................................................................................................................... 22实验 2 JSP 基本语法练习 ................................................................................................................. 23一、实验目的 ................................................................................................................................. 23二、实验要求 ................................................................................................................................. 23三、实验内容 ................................................................................................................................. 23(一)简单的计数器程序 ................................................................................................... 23(二)JSP的include指令的程序....................................................................................... 24(三)JSP动态指令forward的程序.................................................................................. 24(四)JSP中文字符处理程序 ............................................................................................ 26实验 3 JSP的内置对象应用(一) .................................................................................................. 27一、实验目的 ................................................................................................................................. 27二、实验要求 ................................................................................................................................. 27三、实验内容 ................................................................................................................................. 27(一)基础练习:request常用方法的使用......................................................................... 27(二)获取表单数据 ............................................................................................................. 29实验 4 JSP的内置对象应用(二) .................................................................................................. 33一、实验目的 ................................................................................................................................. 33二、实验要求 ................................................................................................................................. 33三、实验内容 ................................................................................................................................. 33(一)页面重定向 ................................................................................................................. 33(二)session属性设置和获取............................................................................................. 341(三)用out对象输出表格程序 .......................................................................................... 36实验 5 JSP中数据库的使用(一) .................................................................................................. 38一、实验目的 ................................................................................................................................. 38二、实验要求 ................................................................................................................................. 38三、实验内容 ................................................................................................................................. 38(一)连接数据库 ................................................................................................................. 38(二)添加记录 ..................................................................................................................... 40(三)删除记录 ..................................................................................................................... 43(四)修改记录 ..................................................................................................................... 46实验 6 JSP中数据库的使用(二) .................................................................................................. 53一、实验目的 ................................................................................................................................. 53二、实验要求 ................................................................................................................................. 53三、实验内容 ................................................................................................................................. 53(一)连接数据库 ................................................................................................................. 53(二)查询记录 ..................................................................................................................... 55实验7 Servlet技术应用..................................................................................................................... 59一、实验目的 ................................................................................................................................. 59二、实验要求 ................................................................................................................................. 59三、实验内容 ................................................................................................................................. 59(一)用Servlet获取表单数据............................................................................................ 59(二)建立一个简单的Struts程序 ...................................................................................... 63实验8 JSP中JavaBean的应用......................................................................................................... 74一、实验目的 ................................................................................................................................. 74二、实验要求 ................................................................................................................................. 74三、实验内容 ................................................................................................................................. 74(一)JavaBean的方式连接数据 ....................................................................................... 74(二)JavaBean的方式实现数据库记录分页 ..................................................................... 76实验9 JSTL的应用开发.................................................................................................................... 81一、实验目的 ................................................................................................................................. 81二、实验要求 ................................................................................................................................. 81三、实验内容 ................................................................................................................................. 81(一)一个简单JSTL的例子............................................................................................. 81(二)JSTL核心标签库的使用.......................................................................................... 82实验10 Struts2.0的开发应用............................................................................................................ 83一、实验目的 ................................................................................................................................. 83二、实验要求 ................................................................................................................................. 83三、实验内容 ................................................................................................................................. 83(一)Struts2的文件上传........................................................................................................... 83(二)Struts2的输入校验............................................................................................................. 862实验 1 JSP开发环境的配置运行一、实验目的1.掌握设置JDK环境。
《Web程序设计》实验指导书单位:信息工程学院编写:XXXXX时间:2015年11月目录实验一:语法基础 (1)一、实验目的 (1)二、实验要求 (1)三、实验内容 (1)实验二:数据交互处理 (4)一、实验目的 (4)二、实验要求 (4)三、实验内容 (4)实验三:Ajax数据交互 (14)一、实验目的 (14)二、实验要求 (14)三、实验内容 (14)实验四:综合设计 (22)一、实验目的 (22)二、实验要求 (22)三、实验内容 (22)实验一:语法基础一、实验目的1.掌握PHP语法基本元素,掌握数据类型、变量和常量、运算符、表达式的使用。
2.掌握PHP流程控制。
3.掌握在Html和PHP命令标记相结合的方法。
4.掌握用PHP和Html交互的处理方法。
二、实验要求1.要求学生独立完成2.熟练掌握PHP与HTML标签的结合的操作3.要求独立完成实验,并使用到PHP的基本语法三、实验内容第一题:在html中嵌入PHP命令标记编写一个php动态页面,在html标记中用先嵌入一段php代码,给变量$xh赋一个文本数值;然后把$xh的数值作为一个html表单中的文本型输入框的value属性值。
编程示例:<html><head><title>在html中嵌入PHP命令</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body><h1>PHP inside html</h1><?php$xh="081101";?><form action="" method="post">学号是<input type="text" name="xh" size="20" value="<?php echo $xh;?>"> </form></body></html>第二题:PHP语法实验(1)变量、表达式和判断的使用编写一段PHP代码,用于判断一个整数变量的数值是否大于5,并显示判断结果。
WEB程序设计实验指导南昌大学计算机科学与技术系2009年7月WEB程序设计是计算机专业的一门指导性选修课,主要介绍WEB程序设计的方法和技术。
使学生掌握页面设计与制作、WEB编程以及建立动态网站所需的多项技术。
WEB程序设计是一门实践性非常强的课程。
该实验指导从大纲出发,并结合当前WEB程序设计技术的发展形势,依据循序渐进、由浅入深的规律,指导学生进行实践和操作。
通过实践操作环节,让学生巩固并掌握本课程所讲述的程序设计方法和技术,并最终达到能够独立编写WEB程序的能力。
通过上机实验,并在实验后完成实验报告,又能进一步加深和拓宽所学知识。
本实验指导书指导学生的实践环境为Windows2000,所选的WEB程序开发语言为JSP。
本书所提供的参考程序均在以上环境通过调试运行。
实验1WEB程序运行环境配置实验2页面设计与HTML的使用实验3层叠样式表CSS的应用实验4客户端脚本语言的使用实验5WEB编程语言语法基础实验6内置对象的应用实验7数据库编程技术实验8JavaBean的应用实验9JSP和Servlet实验10JSP和XML实验1 WEB程序运行环境配置一、实验目的1、掌握JSP程序运行环境的配置过程;2、理解JSP程序的运行原理。
二、实验内容1、JSP程序运行环境配置。
本实验采用Windows +JDK+Tomcat。
2、修改WEB服务端口和网站的根路径。
三、实验要求1、掌握JSP程序运行环境配置的基本要求。
四、实验环境硬件环境:PC微机软件环境:Windows 操作系统五、实验步骤1、进入网址:/technetwork/java/javase/downloads/jdk8-downloads-2133151.html ,下载windows版本的JDK程序jdk-8u20-windows-i586.exe (64位操作系统下载jdk-8u20-windows-x64.exe)。
2、安装下载的JDK程序。
上机一:JSP工作环境搭建实践要求:①熟练掌握如何搭建JSP的运行环境,包括JDK、Tomcat的安装与配置。
②熟练掌握如何搭建一个JSP应用。
③熟练掌握如何启动、关闭服务器,如何测试JSP运行环境是否正常工作。
③熟练掌握如何访问一个Web应用。
实践内容:1.安装、配置JDK,安装、配置Tomcat,测试运行环境。
2.分别利用记事本和MyEclipse编写一个简单的JSP程序、运行并查看运行结果。
3.了解MyEclipse下Web项目的导入、导出、调试和运行。
上机二:JSP语法实践内容:编写用户注册实例,当在用户注册页面中没有输入任何信息,则返回用户注册页面,如果在用户注册页面中输入完整的用户注册信息后,则进入显示用户注册信息页面。
在编写程序中需要用JSP动作元素去实现。
执行结果如下;成功执行显示页面:不成功返回注册页。
要求利用<jsp:forword>实现上述功能。
实践要求:①熟练掌握JSP的三种基本元素的使用。
②熟练掌握使用以上内容构造简单的基于JSP的Web应用。
上机三:JSP对象编程实践内容:1.编写一个JSP页面,使用pageContext对象获取页面的三种有效范围(request、session、application)的属性对象,并在页面内输出属性对象的名称和属性值。
2.利用session保存用户选购的商品信息,实现简易session版购物车。
3.利用errorPage指令和isErrorPage指令组合来使得程序的健壮性得到增强,编程捕捉数组越界异常。
实践要求:①熟练掌握JSP对象的四种有效范围的特点和属性操作的使用。
②熟练掌握JSP技术中隐含对象的作用和使用方式。
③在构建Web应用时灵活使用合适的JSP对象。
④熟练掌握JSP出错处理的方法。
上机四:访问数据库实践内容:使用Statement对象或PreparedStatement对象实践要求:①了解JDBC技术②掌握JDBC的结构③熟练掌握JDBC操作数据库的步骤实践题目:在MySQL或Oracle下创建一个数据库,并且在该数据库下创建学生信息表,含有学生的基本信息,并通过JDBC实现对该数据表内容实现添加、修改、删除和查询等操作。
《Web应用程序开发》上机指导书(第1版)主编迟增晓山东交通学院·计算机应用教研室2010年11月目录实验一配置JSP环境与入门示例程序 (1)实验二HTML语言 (3)实验三JSP和Web页面的交互 (4)实验四JSP的页面元素 (6)实验五Request对象与Response对象 (9)实验六Session对象与Application对象 (12)实验七JSP连接数据库 (15)实验八JSP连接数据库(续) (18)实验九使用JavaBean连接数据库 (19)实验十简易留言板程序 (21)在第一题的基础上,添加如下要求,如有冲突,以下面的要求为准: (21)实验十一Servlet (22)实验十二文件的上传与下载 (24)实验十三JSP分页 (26)实验十四综合应用实例 (29)实验十五综合应用实例(续) (30)实验一配置JSP环境与入门示例程序一、实验目的1、掌握JSP运行环境的配置方法2、初步体验JSP程序二、实验内容1、安装tomcat我们以tomcat5.5.0为例,介绍如何安装Tomcat。
在安装tomcat前确保已经正确安装了JDK(本实验中我们采用JDK 1.5.0)。
和其他应用软件的安装相似,一路确定直到出现如图所示界面,在Connector Port 后输入你希望Tomcat所使用的端口(特别注意:如果您机器上安装了oracle,应为Tomcat 指定8080以外的端口,否则二者将出现冲突,影响Tomcat的正常使用),根据需要设置您的User Name和Password (在使用manager对目录管理时需要输入此时设置的User Name和Password)Tomcat安装完成后,单击开始菜单中的“Apache Tomcat5.5”—>“Monitor Tomcat”启动Tomcat,在浏览器地址栏中输入地址:http://localhost:8080,此时若出现Tomcat的欢迎界面,说明Tomcat安装成功。
《Web数据库技术》上机指导《Web数据库技术》上机指导 (1)实验1 HTML+CSS实验 (1)一、实验目的 (1)二、实验要求 (1)三、实验步骤 (2)四、收获,体会及问题 (2)实验2 页面控制 (3)一、实验目的 (3)二、实验内容 (3)三、实验过程 (4)四、收获,体会及问题 (4)实验3 web控件和服务器控件验证 (6)一、实验目的 (6)二、实验要求 (6)三、实验过程 (10)四、收获,体会及问题 (10)实验实验 (11)一、实验目的 (11)二、实验要求 (11)三、实验过程 (11)四、收获,体会及问题 (12)实验5 Gridview实验 (13)一、实验目的 (13)二、实验要求 (13)三、实验过程 (14)四、收获,体会及问题 (14)实验6三层架构实验 (15)一、实验目的 (15)二、实验要求 (15)三、实验过程 (15)四、收获,体会及问题 (15)实验7 web service实验 (16)一、实验目的 (16)二、实验要求 (16)三、实验过程 (16)四、收获,体会及问题 (16)实验8 WEB技术综合应用 (17)一、系统功能 (17)二、系统功能模块分析 (17)三、数据库设计 (18)实验报告姓名班级学号组别实验日期课程名称同实验者指导教师成绩实验1 HTML+CSS实验一、实验目的1.了解HTML语法,使用HTML创建网页。
2.熟练掌握DIV+CSS布局3.熟练掌握form和表格的使用4.了解javascript的基本技术二、实验要求1、细边框表单提交制作。
其中采用文本框采用细边框solid样式,超链接采用无下划线的超链接样式,鼠标在超链接上悬停时,超链接文本变为红色。
整体采用表格布局。
2、采用css实现如下图片按钮具体要求按钮的边界、边框、填充值均为0px,字体大小14px,按钮背景图像与按钮宽度、高度大小一样,使用background-image、margin、border、padding、height、width和font-size 属性3、采用DIV+CSS布局(外部css文件)4、下图所示的区域使用幻灯片轮换显示,每隔3秒变换一张图片,图片分别为imgview_1.jpg、imgview_2.jpg、imgview_3.jpg(见提供的素材):采用javascript三、实验步骤四、收获,体会及问题(写得越详细、越个性化、越真实越好,否则我不知道你做这个实验的心路历程,也就无法充分地判断你是否是独立完成的这个实验、你是否在做这个实验时进行了认真仔细地思考、通过这个实验你是否在实践能力上得到了提高)实验报告姓名班级学号组别实验日期课程名称同实验者指导教师成绩实验2 页面控制一、实验目的1、熟悉使用Visual Studio .NET 2005集成环境开发应用程序;2、了解页面执行过程;3、掌握调试Web应用程序的方法。
HTML/CSS/JavaScript标准教程:实例版(第4版)上机手册注:本上机手册即为书中习题三的集合。
第1章三、上机题/问答题(1)简述HTML、CSS、JavaScript在网页设计中所扮演的角色。
(2)用HTML、CSS、JavaScript设计一个简单的网页。
(3)写出你的学习计划,怎样才能学好HTML、CSS、JavaScript代码。
第2章三、上机题/问答题(1)HTML文档结构是怎样的?(2)标记有哪些类型?(3)编写HTML文档有哪些注意事项?*(4)简述一个HTML文档的基本结构(5)用HTML语言编写符合以下要求的文档:标题为“练习文档”,在浏览器窗口用户区内显示“这时课后练习题参考答案及效果/(5)的答案”。
(6)自己动手写一个简单的HTML文档,完成后的效果如图2-8所示。
(CDROM/习题参考答案及效果/02/1.html)第3章三、上机题/问答题(1)打开记事本,编写一个带有标题的头部文件。
(2)用HTML代码制作如下效果的网页。
(CDROM/习题参考答案及效果/03/1.html)第4章三、上机题/问答题(1)打开记事本,给网页添加几段文字信息,并设置文字的段落格式、字体、颜色等属性。
(2)简要说明段落格式和字符格式各包括哪些选项。
(3)用HTML语言制作如下效果的网页(CDROM/习题参考答案及效果/04/1.html)(4)用HTML语言制作如下效果的网页(CDROM/习题参考答案及效果/04/2.html)第5章三、上机题/问答题(1)用有序列表和无序列表的嵌套制作如下所示页面(CDROM/习题参考答案及效果/05/1.html)(2)用HTML语言制作如下网页(CDROM/习题参考答案及效果/05/2.html)(3)用有序列表和无序列表的嵌套制作一个简单的页面。
第6章三、上机题/问答题(1)用HTML语言制作如下网页(CDROM/习题参考答案及效果/06/1.html)(2)用HTML语言制作如下网页(CDROM/习题参考答案及效果/06/2.html)(3)建立一个含有超链接的网页。