视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
南昌大学WEB编程实验报告
2025-09-25 23:19:32 责编:小OO
文档
  南昌大学实验报告

学生姓名:                  学    号:               专业班级:                   

实验类型: □ 验证 □ 综合 ■ 设计 □ 创新   实验日期:           实验成绩:   

一、实验项目  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文件子目录,然后使用文本编辑器编辑一下代码:

<p>The first web program!;<p>

welcome to you

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、

onsubmit="return check(this)">

Username:

  用户名不得小于二个字节


Password:

Rpassword:


(只需要在上面的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的配置

hello

 UserRegisterAction

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代码如下

<p>News <p>

所属栏目:

题目:作者:

内容:

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(" A Servlet");

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(" A Servlet");

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有了进一步的了解。下载本文

显示全文
专题