学生姓名: 学 号: 专业班级:
实验类型: □ 验证 □ 综合 ■ 设计 □ 创新 实验日期: 实验成绩:
一、实验项目 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,TOMCAT, 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\ools.jar;%CATALINA_HOME%\\common\\lib\\servlet.jar;
3.运行toncat的bin文件夹下的tomcat6..exe。在浏览器内输入http://localhost:8080,会出现tomcat的管理窗口。
4.暗转SQL2000企业版,选择安装数据库服务器,接下来都选择缺省值,知道服务器配置界面选择使用本地系统账户,进入身份验证模式,选择混合模式。
5.下载安装SDK。
6.安装MyEclispe到C:\Eclipse。
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服务的流程。
南昌大学实验报告
学生姓名: 学 号: 专业班级:
实验类型: □ 验证 □ 综合 ■ 设计 □ 创新 实验日期: 实验成绩:
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)实验结果
7)
1通过此次试验了解了网站的基本设计,熟悉了HTML静态网页编程技术,熟悉HTML各种标记,特别是表单标记
2 熟悉CSS编程技术,掌握CSS来格式化网页
3 掌握了一些基本的DIV+CSS布局和设计网页
4 熟悉了Dreamweaver的CSS设计器
5在这次的实验中我懂得了dreamweaver表单和DIV的基本应用,并且掌握了如何用css美化网页。
南昌大学实验报告
学生姓名: 学 号: 专业班级:
实验类型: □ 验证 □ 综合 ■ 设计 □ 创新 实验日期: 实验成绩:
1)实验项目 JavaScript编程技术
2)实验目的
●熟悉JavaScript语法
●掌握JavaScript函数的创建和调用
●熟悉JavaScript对象,特别是浏览器对象,了解DOM模型,知道文档对象的访问方法。
●会用JavaScript来对表单进行验证。
3)实验内容
1)用JavaScript完成对登录表单的验证
2)设计一个新闻发布的页面,并用JavaScript对新闻发布表单进行验证。
4)实验仪器及耗材
计算机,Dreamweaver 8,Photoshop,MyEclipse等软件。
5)实验步骤
1、
(只需要在上面的if语句中修改条件,就可以更改登录的条件,可以增加用户名和密码的数据库)
2、将此页面保存到tomcatwebapps下的firstapp文件夹中,在tomcat控制窗口运行即可。
六、实验结果
这是一个注册验证系统,必须输入符合条件的用户名和密码才能登录。
6)实验心得
熟悉了JavaScript语法,掌握了JavaScript函数的创建和调用,javascript的基本语法和代码,可以用其编写一些基本的jsp页面
南昌大学实验报告
学生姓名: 学 号: 专业班级:
实验类型: □ 验证 □ 综合 ■ 设计 □ 创新 实验日期: 实验成绩:
1.实验项目 Servlet编程技术
2.实验目的
1.熟悉Servlet技术的创建和运行流程。
2.会在web.xml配置Servlet的URL
3.熟悉请求request和响应response接口
4.熟悉请求转发接口requestDispatcher接口
5.熟悉会话Session接口,掌握基于Session登录权限控制。
3.实验内容
完成一个基于Session的登录权限控制模块。
要求:
a)主页登录表单提交后转到Servlet进行处理,根据用户类型转到不同的页面。如果在用户名或密码不正确把登录表单包含进来
b)对于某些页面必须登录才能访问,如新闻发布页面。如果没有登录则禁止访问,并重定向到登录页面。
4.实验仪器及耗材
计算机, MyEclipse等软件。
5.实验步骤(页面内容自己加)
一、编写index.jsp页面:
基于实验一的页面设置,以下是登录表单部分的代码
保存为index.jsp
二、Servelet A编写:
package app.user.action;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import app.user.service.UserService;
import javax.servlet.http.HttpSession;
public class A extends HttpServlet {
private UserService userService=new UserService();
private String userName;
private String passWord;
public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
userName=request.getParameter("UserName");
passWord=request.getParameter("PassWord");
PrintWriter out=response.getWriter();
if(passWord.equals(“1234”)&&username.equals(“xufangzheng”){
session.setAttribute(“index”,”OK”);
response.sendRrdirect(“B.jsp”);//跳转到目标页面B.jsp
}
Else{
Response.sendRedirect(“index.jsp”);//返回主页
Return;
}
}
若用户名为xufangzheng,密码为1234,则会跳转到B.jsp页面进行处理。B.JSP是一个新闻发布页面
三、B.jsp编写
四、xml的配置
6.实验结果
在登入表单输入用户名和密码,如果用户名是xufangzheng,密码是1234则跳转到B.jsp页面,否则重新定位到主页。
7.实验心得
本次实验我了解了servlet的基本原理和如何运用servlet完成用户的认证,对掌握web技术有了更深一步的认识。
南昌大学实验报告
学生姓名: 学 号: 专业班级:
实验类型: □ 验证 □ 综合 ■ 设计 □ 创新 实验日期: 实验成绩:
1)实验项目 JSP编程技术
2)实验目的
6.熟悉JSP编译指令,动作标记。
7.熟悉JSP的隐含对象
8.正确理解request、session、application三个对象的作用域
9.能正确处理汉字乱码问题
10.能熟练使用JSP技术来编写网页
3)实验内容
1.编写一个文章类,用Myeclipse的工作自动产生getter和settet函数
2.修改前面编写过的管理员的新闻发布页面,改成JSP页面
要求如下:
1)撰写界面至少包括文件标题,所属栏目、作者、内容几项
2)界面用CSS进行美化
3)每个输入框均应有name属性。
4)权限控制,必须是管理员用户才能访问,跟前面实验的登录权限控制关联起来。
3.编写一个Servlet来处理新闻发布页面提交的表单
要求:
1)读取表单各项内容,并把存入一个文章对象中。
2)把文章对象绑定在request对象中,并转发到新闻显示页面。
3. 编写一个新闻显示页面。
要求:
1) 编写静态页面模板,页面用div+css设计
2)设定文章对象已存在request对象中,取出文章对象
3)把静态页面的内容改成动态内容,如标题,作者,内容等。
4)实验仪器及耗材
计算机,Dreamweaver 8,Photoshop,MyEclipse等软件。
5)实验步骤
1、题意不明确
2、管理员权限控制servlet代码:
package app.user.action;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import app.user.service.UserService;
import javax.servlet.http.HttpSession;
public class A extends HttpServlet {
private UserService userService=new UserService();
private String userName;
private String passWord;
public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
userName=request.getParameter("UserName");
passWord=request.getParameter("PassWord");
PrintWriter out=response.getWriter();
if(passWord.equals(“1234”)&&username.equals(“xufangzheng”){
session.setAttribute(“index”,”OK”);
response.sendRrdirect(“news.jsp”);//跳转到目标页面news.jsp
}
Else{
Response.sendRedirect(“index.jsp”);//返回主页
Return;
}
}
若用户名为xufangzheng,密码为1234,则会跳转到news.jsp页面进行处理。news.JSP是一个新闻发布页面
3、修改新闻发布页面,news.jsp代码如下
News
4、编写新闻处理servlet ,命名为chuli,目的是在新闻DIV中将提交的新闻和作者内容写到DIV中
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import admin.manageBean.NewsAddBean;
public class chuli extends HttpServlet {
public chulit() {
super();
}
public void destroy() {
super.destroy(); // Just puts "destroy" string in log
// Put your code here
}
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html");
PrintWriter out = response.getWriter();
out .println("");
out.println("");
out.println("
out.println("
");out.print(" This is ");
out.print(this.getClass());
out.println(", using the GET method");
out.println(" ");
out.println("");
out.flush();
out.close();
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String timu = request.getParameter("timu");
String neirong = request.getParameter("neirong");
String zuozhe= request.getParameter("zuozhe");
NewsAddBean nb = new NewsAddBean();
nb.settimu(timu);
nb.setneirong(neirong);
nb.setzuozhe(azuozhe);
if(nb.newsAdd()==1){
request.getRequestDispatcher("newsPut.jsp").forward(request, response);
}//将内容提交至新闻显示页面
else{
request.getRequestDispatcher("addError.jsp").forward(request, response);
}//将内容提交至错误页面
}
public void init() throws ServletException {
}
}
5、编写新闻显示newsPut.jsp页面:
<%@page language=”java” contentType=”text/html;charset=GB2312”%>
<%@page import=”java.util.*”%>
<%
Out.println(“
Request.seCharacterEncoding(“GBK”);
Rnumeration enumParams=request.getParameterNames();
While(inumParams.hasMoreElements()){
String paraName=enumParams.nextElement().toString();
String paraValue=request.getParameter(paraName);
%>
<%=paraName%>:<%=paraValue%>
<%}%>
//通过循环一次输出request中的各个对象
6)实验结果
首先输入用户名:luyang
密码:1234
可以登入新闻发布页面,否则返回主页。
在进入新闻发布页面中选择提交,若有部分信息不全,则显示错误页
若各类信息都有了,则在新闻显示页面上会显示所提交的信息。
7)实验心得
本次实验让我掌握了如何运用jsp的各种内建对象处理表当,同时巩固了servlet的具体应用,已经可以编写简单的新闻发布系统,并且熟悉了管理员控制权限的基本原理。
南昌大学实验报告
学生姓名: 学 号: 专业班级:
实验类型: □ 验证 □ 综合 ■ 设计 □ 创新 实验日期: 实验成绩:
一、实验项目 JavaBean编程技术
二、实验目的
1.熟悉JavaBean的规范
2.会编写JavaBean; 会在JSP和Servlet中创建和使用JavaBean对象
3.掌握JSP的 4.掌握JSP中表单和表单Bean的映射 5.掌握Servlet中表单和表单Bean的映射 6.会编写封装业绩逻辑的JavaBean 7.会使用上传下载组件jspSmartUpload外部组件 三、实验内容 一、修改前面的封装新闻(文章)的JavaBean,使其符合JavaBean规范 二、修改前面的新闻发表Serlvet,用来完成新闻发布表单的处理,要求利用映射机制把新闻表单映射到新闻的JavaBean中,以便后继把这个JavaBean写入数据库。 三、编写一个封闭新闻管理的业务Bean. 这里只需定义接口即可。 四、参考教材,编写一个上传下载模块(可选) 五、参考教材,实现登录动态验证(可选) 四、实验仪器及耗材 计算机,Dreamweaver 8,Photoshop,MyEclipse等软件。 五、实验步骤 1、JavaBean newsBean 的编写,通过该Bean可以显示提交的新闻信息: Package demo.bean; Import java.io; Public class newsBean{ Public newsBean(){ } Private String timu; Private String neirong; Private String zuozhe; Public void settimu(String timu){ This.timu=timu; } Public void setneirong(String neirog){ This.neirong=neirong; } Public void setzuozhe(String zuozhe){ This.zuozhe=zuozhe; } Public String gettimu(){ Return timu; } Public String getneirong(){ Return neirong; } Public String getzuozhe(){ Return zuozhe; } } 2、修改新闻处理的servlet,将其处理的结果映射到newsBean中 import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import public class chuli extends HttpServlet { public chulit() { super(); } public void destroy() { super.destroy(); // Just puts "destroy" string in log // Put your code here } public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html"); PrintWriter out = response.getWriter(); out .println(""); out.println(""); out.println(" out.println(" out.print(" This is "); out.print(this.getClass()); out.println(", using the GET method"); out.println(" "); out.println(""); out.flush(); out.close(); } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String timu = request.getParameter("timu"); String neirong = request.getParameter("neirong"); String zuozhe= request.getParameter("zuozhe"); NewsAddBean nb = new NewsAddBean(); nb.settimu(timu); nb.setneirong(neirong); nb.setzuozhe(azuozhe); if(nb.newsAdd()==1){ session.setAttribute(“timu”,timu); session.setAttribute(“neirong”,neirong); session.setAttribute(“zuozhe”,zuozhe); response.sendRedirect(“xiansih.jsp”); )//将对象保持到session中,通过session映射到javabean else{ request.getRequestDispatcher("addError.jsp").forward(request, response); }//将内容提交至错误页面 } public void init() throws ServletException { } } 3、编写新闻管理管理业务Bean mBean: Package demo.bean; Import java.io; Public class mBean{ Public mBean(){ } Private String timu; Private String neirong; Private String zuozhe; Private String usename; Private String password; Public void yangzheng(){ } Public void fabu(){ } Public void yuedu(){ } Public void liebiao(){ } } 定义了身份验证、新闻发布、新闻阅读、新闻列表4个借口。 六、实验结果 将原来的封装业务以javabean的形式封装,简化了在编写web过程中繁琐的各种java语言,直接通过java就可以处理各种信息。 将servlet的结果映射到javabean中,通过调用javabean来完成新闻的发布。 七、实验心得 本次试验我懂得了javabean在web编程技术中的妙用,通过servlet、javabean的结合,使web网页的编写更加地灵活和简单。 南昌大学实验报告 学生姓名: 学 号: 专业班级: 实验类型: □ 验证 □ 综合 ■ 设计 □ 创新 实验日期: 实验成绩: 一、实验项目 JDBC数据库编程技术 二、实验目的 1.掌握JDBC来访问数据库的一般步聚 2.掌握JDBC来连接各类数据库 3.掌握Connection、Statement、PrepareStatement和ResultSet几个类。 4.掌握JDBC事务处理机制。 5.会编写使用JDBC访问数据库的JavaBean 6.掌握分页显示技术 7.掌握连接池技术 三、实验内容 1.创建一个数据库,创建用户信息表、新闻表(与前面的JavaBean对应,注意类型的选择) 2.创建一个访问数据库的JavaBean, 或把创建连接createConn(), 关闭连接closeConn()方法写到新闻管理业务Bean中。 3.实现新闻管理业务Bean中的各个模块,如登录验证、新闻发布、新闻列表、新闻阅读等数据库访问。 4.配置Tomcat自带的连接池,并修改访问数据库的Bean或新闻管理业务Bean中的创建连接方法createConn(),使之能调用连接池。 5.编写新闻阅读、新闻列表JSP页面。 四、实验仪器及耗材 计算机,Dreamweaver 8,MyEclipse等软件。 五、实验步骤 1、打开sql企业管理器,创建一个news命名的数据库,创建两张表,一张为用户信息表,一张为新闻表。 用户信息表如下:create table use{ usename char(10) primary key not null password int(20) not null }; Create table news{ Timu char(10) primary key not null neirong char(100) zuozhe char(10) }; 2、编写访问数据库的javabean,cBean,作用是与数据库进行连接: Package demo.bean; Import java.sql.*; Public final class cBean{ Public static final String DRIVER=”sun.jdbc.odbc.jdbcodbcDriver”; Pubiuc static final String DBURL=”jdbc:odbc:news”; Static public Connection getConnection(){ Connection conn=null; Try{ Class.forName(DRIVER).newInstance(); Conn=DriverManager.getConnectiong(DBURL,use,news); Return conn; } Catch(Exception ex){ Ex.printStackTrace(); } Return conn; } Public static void closeConnextion(final Connextion conn){ If(conn!=null){ Try{ Conn.close(); }catch(SQLWxception ex){ Ex.pringStackTrace(); } } } Public static void closeStatement(final Statement stmt){ If(stmt!=null){ Try{ Stmt.close(); }catch(SQLException.ex){ Ex.printStackTrace(); } } } Public static void closeResuleSett(final ResultSet rs){ If(rs!=null){ Try{ rs.close(); }catch(SQLException.ex){ Ex.printStackTrace(); } } } 3、将上次试验中编写的新闻业务javabean进行实现,代码如下: Package demo.bean; Import java.io; Public class mBean{ Public mBean(){ } Private String timu; Private String neirong; Private String zuozhe; Private String usename; Private String password; Public void yangzheng(){ } Public void fabu(){ } Public void yuedu(){ } Public void liebiao(){ } } 六、实验结果 七、实验心得 南昌大学实验报告 学生姓名: 学 号: 专业班级: 实验类型: □ 验证 ■ 综合 □ 设计 □ 创新 实验日期: 实验成绩: (一)实验项目 基于MVC模式的新闻发布平台 (二)实验目的 1.理解MVC模式,知道MVC架构的搭建 2.掌握一个系统的搭建的过程 3.掌握表现层JSP、Html、JavaScript、CSS技术 4.掌握控制层的Servlet技术 5.掌握业务逻辑层的JavaBean技术 6.掌握数据访问层的JDBC技术、连接池技术,了解Heiberate技术。 (三)实验内容 一、创建数据库,创建系统所需的各种表 二、配置连接池、实现访问数据库方法的JavaBean或函数 三、创建用户、新闻等数据Bean 四、完善用户管理、模块管理、新闻管理业务逻辑Bean 五、编写控制层各种Servlet 六、编写新闻发布、新闻分页列表、新产阅读、主页等表现层页面。 七、系统测试 (四)实验仪器及耗材 计算机,Dreamweaver 8,MyEclipse等软件。 (五) 实验步骤 1、为了演示Zend Framework各组件的工作过程,所以该新闻管理系统功能相对比较简单。包括新闻浏览、管理者登录、管理者对新闻的管理操作(包括添加、修改、删除)等。 2、 /通常MVC应用程序都要有一定的目录结构,而在Zend Framework中也对这种结构做了限定。所以为了是新闻系统遵循这种约定的规则,需要采用特殊的目录结构。 3、 4、5 6 进行功能测试 (六)实验结果 (七)实验心得 本实验让我对MVC有了进一步的了解。下载本文