WEB编程实验报告---南昌大学
- 格式:doc
- 大小:1.09 MB
- 文档页数:27
实验报告
实验课程:JA V A WEB编程技术
学生姓名:
学号:
专业班级:物流101班
2013年 06 月 12 日
目录
实验一WEB编程环境......................... 错误!未定义书签。实验二HTML和CSS编程技术 (7)
实验三JA V ASCRIPT编程技术 (10)
实验四SERVLET编程技术 (13)
实验五JSP编程技术 (16)
实验六JA V ABEAN编程技术 (21)
实验七基于MVC模式构建系统 (25)
南昌大学实验报告
学生姓名:学号:专业班级:物流101班
实验类型:□验证□综合■设计□创新实验日期:实验成绩:
一、实验项目一Web编程环境
二、实验目的
第1章搭建Web编程环境,能正确安装配置java运行环境、WEB服务器和数据库服务器
第2章熟悉WEB编程集成环境MYEclipse.
第3章熟练掌握WEB工程的创建、发布、运行流程。
三、实验内容
1.安装并配置java运行环境JDK和JRE
2.安装Web服务器tomcat, 配置Tomcat服务器
3.安装并配置数据库MySQL.
4.安装MyEclispe,熟悉各项菜单项
5.为MyEclispe集成配置JDK和Tomcat
6.创建、发布、运行一个WEB工程。
四、实验仪器及耗材
计算机,JDK,TOMCA T, MySQL, MyEclipse等软件。
五、实验步骤
1.先安装jdk1.6,选择自定义安装,安装到C:\JDK
2.配置环境变量,class:.;C:\JDK\bin , classpath:.;C:\JDK\lib ,java_home:
C:\JDK
安装tomcat,安装在C:\ Tomcat 下,配置tomcat_home环境变量,CATALINA_HOME: C: \Tomcat,CATALINA_BASE: C: \Tomcat,TOMCAT_HOME: C:\Tomcat
然后修改环境变量中的classpath,把tomat安装目录下的common\lib下的servlet.jar 追加到classpath中去,修改后的classpath如下:
classpath=.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;%CATALINA_HOME%\c ommon\lib\servlet.jar;
3.运行toncat的bin文件夹下的tomcat6..exe。在浏览器内输入
http://localhost:8080,会出现tomcat的管理窗口。
4.暗转SQL2000企业版,选择安装数据库服务器,接下来都选择缺省值,知道服务
器配置界面选择使用本地系统账户,进入身份验证模式,选择混合模式。
5.下载安装SDK。
6.安装M y E c l i s p e到C:\E c l i p s e。
为MyEclipse集成Tomcat 5.5
⏹【Windows】→【Preferces】命令
⏹在左边的菜单按【MyEclipse】→【Servers】→【Tomcat】
→【Tomcat5.x】-enable
7.配置eclipse,在preference中展开java元素,选择install JRE.
8.在tomcat的webapps目录下建立一个firstapp文件子目录,然后使用文本编辑
器编辑一下代码:
The first web program!;
9、保存到firstapp目录下面。
六、实验结果
一、浏览器输入:htte://localhost:8080,出现tomcat管理窗口。
二、在tomcat的manager目录下面选择firstapp,运行html文档,会显示welcome。七、实验心得
对jsp程序的编写流程和工作环境有了大致了解,并学会了如何配置环境,发布基本的web
服务的流程。
南昌大学实验报告
学生姓名:学号:专业班级:物流101班
实验类型:□验证□综合■设计□创新实验日期:实验成绩:1)实验项目二HTML和CSS编程技术
2)实验目的
熟悉HTML静态网页编程技术,熟悉HTML各种标记,特别是表单标记
熟悉CSS编程技术,掌握CSS来格式化网页、掌握CSS盒式模型
掌握DIV+CSS布局和设计网页,掌握CSS设计网页的一般流程
熟悉Dreamweaver的CSS设计器
3)实验内容
1.构思一个新闻发布网站,主题自选,设计好新闻类别
2.制作主页PSD图
3.用DIV+CSS布局主页框架。(如可分成top, mid, foot, 其中mid再分两大块left和
main)
4.分别细化设计每一大块。
5.要中间部分的左边或右边要设计一个小登录表单,并用CSS美化。
4)实验仪器及耗材
计算机,Dreamweaver 8,Photoshop,MyEclipse等软件。
5)实验步骤
1、打开Dreamweaver 8,使用其DIV层的功能将主页分为top、left、right、三块,top主要来放置网站的logo、标题、登录信息,left来存放新闻网站的分类,right来存放内容。这样设计简单直观,浏览者很方便可以查询到所需新闻。
2、用ps编辑一些图片作为网站的素材
3、用Dreamweaver的css样式表编辑各个层的样式
4、在top的左上角设置一个登录表单,登录后用户可以发布新闻信息。
6)实验结果
1、制作PSD图