《南昌大学WEB程序设计实验报告书》由会员分享，可在线阅读，更多相关《南昌大学WEB程序设计实验报告书（28页珍藏版）》请在金锄头文库上搜索。
1、 1南 昌 大 学 实 验 报 告学生姓名： 学 号： 专业班级： 实验类型： 验证 综合 设计 创新 实验日期： 实验成绩： 一、 实验项目 Web 编程环境二、 实验目的第 1 章 搭建 Web 编程环境，能正确安装配置 java 运行环境、WEB 服务器和数据库服务器第 2 章 熟悉 WEB 编程集成环境 MYEclipse.第 3 章 熟练掌握 WEB 工程的创建、发布、运行流程。三、 实验内容1. 安装并配置 java 运行环境 JDK 和 JRE2. 安装 Web 服务器 tomcat, 配置 Tomcat 服务器3. 安装并配置数据库 MySQL.4. 安装 MyEclispe，
2、熟悉各项菜单项5. 为 MyEclispe 集成配置 JDK 和 Tomcat6. 创建、发布、运行一个 WEB 工程。四、 实验仪器及耗材计算机，JDK，TOMCAT, MySQL, MyEclipse 等软件。五、 实验步骤1. 先安装 jdk1.6，选择自定义安装，安装到 C：JDK2. 配置环境变量，class：.;C:JDKbin , classpath:.;C:JDKlib ，java_home：C:JDK安装 tomcat，安装在 C: Tomcat 下，配置 tomcat_home 环境变量，CATALINA_HOME: C: Tomcat，CATALINA_BASE: C:
3、Tomcat，TOMCAT_HOME: C:Tomcat然后修改环境变量中的 classpath，把 tomat 安装目录下的 commonlib 下的 servlet.jar追加到 classpath 中去，修改后的 classpath 如下：classpath=.;%JAVA_HOME%libdt.jar;%JAVA_HOME%libtools.jar;%CATALINA_HOME%commonlibservlet.jar; 23. 运行 toncat 的 bin 文件夹下的 tomcat6.exe。在浏览器内输入http:/localhost:8080，会出现 tomcat 的管理窗口。
4、 34. 暗转 SQL2000 企业版，选择安装数据库服务器，接下来都选择缺省值，知道服务器配置界面选择使用本地系统账户，进入身份验证模式，选择混合模式。5. 下载安装 SDK。6. 安 装 MyEclispe 到 C： Eclipse。为 MyEclipse集 成 Tomcat 5.5 【 Windows】 【 Preferces】 命 令 在 左 边 的 菜 单 按 【 MyEclipse】 【 Servers】 【 Tomcat】 【 Tomcat5.x】 -enable 7. 配置 eclipse，在 preference 中展开 java 元素，选择 install JRE.8. 在
5、 tomcat 的 webapps 目录下建立一个 firstapp 文件子目录，然后使用文本编辑器编辑一下代码： 4The first web program!;welcome to you9、保存到 firstapp 目录下面。六、 实验结果一、浏览器输入：htte:/localhost:8080,出现 tomcat 管理窗口。二、在 tomcat 的 manager 目录下面选择 firstapp，运行 html 文档，会显示 welcome。七、 实验心得对 jsp 程序的编写流程和工作环境有了大致了解，并学会了如何配置环境，发布基本的web 服务的流程。 5南 昌 大 学 实 验 报
6、 告学生姓名： 学 号： 专业班级： 实验类型： 验证 综合 设计 创新 实验日期： 实验成绩： 1）实验项目 HTML 和 CSS 编程技术 2）实验目的熟悉 HTML 静态网页编程技术，熟悉 HTML 各种标记，特别是表单标记熟悉 CSS 编程技术，掌握 CSS 来格式化网页、掌握 CSS 盒式模型掌握 DIV+CSS 布局和设计网页，掌握 CSS 设计网页的一般流程熟悉 Dreamweaver 的 CSS 设计器3）实验内容1. 构思一个新闻发布网站，主题自选，设计好新闻类别2. 制作主页 PSD 图3. 用 DIV+CSS 布局主页框架。 （如可分成 top, mid, foot, 其
7、中 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
8、 的 css 样式表编辑各个层的样式4、在 top 的左上角设置一个登录表单，登录后用户可以发布新闻信息。6）实验结果 67）1 通过此次试验了解了网站的基本设计，熟悉了 HTML 静态网页编程技术，熟悉 HTML 各种标记，特别是表单标记2 熟悉 CSS 编程技术，掌握 CSS 来格式化网页3 掌握了一些基本的 DIV+CSS 布局和设计网页4 熟悉了 Dreamweaver 的 CSS 设计器5 在这次的实验中我懂得了 dreamweaver 表单和 DIV 的基本应用，并且掌握了如何用css 美化网页。 7南昌大学实验报告学生姓名： 学 号： 专业班级： 实验类型： 验证 综合 设计 创
9、新 实验日期： 实验成绩： 1) 实验项目 JavaScript 编程技术2) 实验目的 熟悉 JavaScript 语法 掌握 JavaScript 函数的创建和调用 熟悉 JavaScript 对象，特别是浏览器对象，了解 DOM 模型，知道文档对象的访问方法。 会用 JavaScript 来对表单进行验证。3) 实验内容1) 用 JavaScript 完成对登录表单的验证2) 设计一个新闻发布的页面，并用 JavaScript 对新闻发布表单进行验证。4) 实验仪器及耗材计算机，Dreamweaver 8，Photoshop，MyEclipse 等软件。5) 实验步骤1、function
10、 check(Form_Add) if(document.Form_Add.UserName.value=) alert(请输入用户名);document.Form_Add.UserName.focus();return false;if(document.Form_Add.UserName.value.length12) 8 alert(输入的用户名太长);document.Form_Add.UserName.focus();return false;if(document.Form_Add.PWS.value.lengthUsername:用户名不得小于二个字节Password:Rpass
11、word:(只需要在上面的 if 语句中修改条件，就可以更改登录的条件，可以增加用户名和密码的数据库)2、将此页面保存到 tomcatwebapps 下的 firstapp 文件夹中，在 tomcat 控制窗口运行即可。六、实验结果这是一个注册验证系统，必须输入符合条件的用户名和密码才能登录。 96) 实验心得熟悉了 JavaScript 语法，掌握了 JavaScript 函数的创建和调用，javascript 的基本语法和代码，可以用其编写一些基本的 jsp 页面 10南 昌 大 学 实 验 报 告学生姓名： 学 号： 专业班级： 实验类型： 验证 综合 设计 创新 实验日期： 实验成绩：
12、 1. 实验项目 Servlet 编程技术2. 实验目的1. 熟悉 Servlet 技术的创建和运行流程。2. 会在 web.xml 配置 Servlet 的 URL3. 熟悉请求 request 和响应 response 接口4. 熟悉请求转发接口 requestDispatcher 接口5. 熟悉会话 Session 接口，掌握基于 Session 登录权限控制。3. 实验内容完成一个基于 Session 的登录权限控制模块。要求：a) 主页登录表单提交后转到 Servlet 进行处理，根据用户类型转到不同的页面。如果在用户名或密码不正确把登录表单包含进来b) 对于某些页面必须登录才能访问，如新闻发布页面。如果没有登录则禁止访问，并重定向到登录页面。4. 实验仪器及耗材计算机， MyEclipse 等软件。5. 实验步骤（页面内容自己加）一、编写 index.jsp 页面:基于实验一的页面设置，以下是登录表单部分的代码用户名:密码: 保存为 index.jsp二、Servelet A 编写： 11package app.user.action; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletExc
