当前位置:文档之家› WEB开发技术实验报告

WEB开发技术实验报告

WEB开发技术实验报告
WEB开发技术实验报告

实验一JSP开发环境构建

实验目的:了解动态页面技术及B/S系统

掌握开发环境的构建

理解Eclipse开发WEB应用

实验内容:

实训项目一:安装JDK并配置环境变量

请阐述配置环境变量的方法:

实训项目二:安装TOMCAT并配置Server.xml修改端口号为8090

问题一:如何测试TOMCAT是否已经成功启动?

问题二:在浏览器地址栏输入什么地址可以访问到TOMCA T的测试页?

请阐述配置Server.xml修改端口号为8090基本实验步骤:

实训项目三:应用Eclipse建立项目并浏览一个JSP页面

请阐述应用Eclipse建立项目并浏览一个JSP页面基本实验步骤:

实验心得:(遇到了哪些问题,如何解决的,有那些体会)

实验二JSP语法

实验目的:了解JSP程序的组成元素

掌握JSP中使用JA V A程序片段的方法

实验内容:

实训项目一:编写一个JSP页面输出26个小写英文字母表

实训项目二:编写页面实现九九乘法表

实训项目三:利用成员变量被所有客户共享这一性质,实现一个简单的计数器

实训项目四:使用JA V A表达式输出系统当前时间

实训项目五:编写程序shijian2_9.jsp和computer.jsp两个页面,在第一个页面中使用include动作标记动态包含文件computer.jsp,并向它传递一个矩形的长和宽,computer.jsp 收到参数后,计算矩形的面积,并显示结果。

实训项目六:编写3个JSP页面:main.jsp,first.jsp和second.jsp,将3个JSP文件保存在同一个WEB工程中,main.jsp使用include动作标记加载first.jsp和second.jsp页面。First.jsp 页面可以画一张表格,second.jsp页面可以计算两个正整数的最大公约数。当first.jsp被加载时,获取main.jsp页面include动作标记的param子标记提供的表格行数和列数,当second.jsp 被加载时,获取main.jsp页面include动作标记的param子标记提供的两个正整数的值。

要求:上机编程完成上述实训项目,上机演示给教师检查,从中挑选三个程序的核心代码写在实训报告上

实验核心代码:

核心代码一:

核心代码二:

核心代码三:

实验步骤:

建立工程—编写程序—编译程序—调试、运行程序

实验心得:

实验三JSP内置对象

实验目的:了解JSP内置对象使用方法

掌握JSP中常用内置对象的方法

实验内容:

实训项目一:编写一个登陆的表单页面

实训项目二:编写页面实现九九乘法表

实训项目三:利用成员变量被所有客户共享这一性质,实现一个简单的计数器

实训项目四:使用JA V A表达式输出系统当前时间

要求:编程完成上述实训项目,上机演示给教师检查,从中挑选两个程序的核心代码写在实训报告上

实验核心代码:

核心代码一:

核心代码二:

核心代码三:

实验步骤:

建立工程—编写程序—编译程序—调试、运行程序

实验心得:

web前端开发技术实验报告 实验三

长春大学 20 15 —2016学年第二学期Web前端开发技术课程 实验报告 学院:计算机科学技术专业:软件工程 班级:软件15402

学号:041440210 姓名:王悦 任课教师:车娜 实验三 CSS网页布局 一、实验目的 1.掌握CSS盒子模型的概念,能够灵活运用盒子模型布局页面; 2.掌握盒子模型相关属性,能够使用它们熟练地控制网页元素; 3.理解块元素与行内元素的区别,能够对它们进行转换。 二、内容及要求 运用盒子模型的相关属性实现网页弹出框效果,满足如下要求: 1.网页弹出框由上面的标题和下面的宣传内容两部分组成; 2.标题通过h2定义; 3.在段落文本中内容部分由h3和p标记进行定义; 4.应用

标记、标记、边框属性、背景属性等设计页面结构效果。 三、实验原理 盒子模型:把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距(padding)、边框(border)和外边距(margin)组成。
标记:是一个区块容器标记,可以将网页分割为独立的、不同的部分,以实现网页的规划和布局。 边框属性:使用border-style、border-width、border-color等属性可以实现丰富的边框效果。 padding属性:设置内边距,即元素内容与边框之间的距离,也常常称为内填充。 margin属性:设置外边距,即元素边框与相邻元素之间的距离。 background-color:设置网页元素的背景颜色,默认值为transparent,即背景透明,这时子元素会显示其父元素的背景。 background-image属性:将图像作为网页元素的背景。 标记:行内元素。之间只能包含文本和各种行内标记,如加粗标记、倾斜标记等,中还可以嵌套多层

Web程序设计实验报告

Web程序设计实验报告 姓名:冯刚 学号:200905030324 班级:计科3班

Html代码: 1.首页代码 无标题文档