JavaWeb实验报告.docx

JavaWeb实验报告.docx

《JavaWeb实验报告.docx》由会员分享，可在线阅读，更多相关《JavaWeb实验报告.docx（16页珍藏版）》请在冰点文库上搜索。

JavaWeb实验报告

JavaWeb实验报告

JavaWebExperimentReport

学生所在学院：

学院

学生所在班级：

学生姓名：

学号：

指导教师：

月

一、客户端开发设计：

系统设计

一、实验目的

掌握Html的语法和用法，能制作简单的网页

二、实验原理

通过学习Html相关知识，了解各个标签的使用方法，设计出自己的页面。

三、实验容

网页局部代码：

index.jsp

网页截图：

二、根底语法：

用户登录实现

一、实验目的

掌握javascript的语法，能验证表单，实现用户登录。

二、实验原理

通过学习javascript的相关知识，了解javascript的语法，了解javascript的特性，了解javascript的常用方法，掌握验证表单的方法，实现用户登录。

三、实验容

网页代码：

login.jsp

functioncheck（）{

varuserid=newString（document.forms[0].userid.value）;

varpassword=newString（document.forms[0].password.value）;

if（userid==""）{

alert（"请输入账号！

"）

returnfalse;

}

if（userid.length>20）{

alert（"账号太长，不能大于20个字符"）;

returnfalse;

}

if（password.length<6）{

alert（"密码太短，必须大于6个字符"）;

returnfalse;

}

returntrue

}

网页截图：

以下是输入正确的登陆截图。

三、程序设计：

插入功能设计

一、实验目的

掌握jsp的语法，懂得将Java代码放入页面，实现更多功能。

掌握jdbc的使用，并连接数据库，实现新增用户功能。

二、实验原理

通常在jsp页面收集数据，然后传回效劳器处理。

效劳器连接数据库，将数据存回数据库中。

三、实验容

页面代码：

register.jsp

">

useBeanid="db"class="bean.DBBean"scope="page">

useBean>

<%

request.setCharacterEncoding（"utf-8"）;

Stringsubmit=request.getParameter（"submit"）;

if（submit!

=null&&!

submit.equals（""））{

Stringuserid=request.getParameter（"userid"）;

Stringpassword=request.getParameter（"password"）;

Stringusername=request.getParameter（"username"）;

Stringemail=request.getParameter（"email"）;

Stringsql="insertintotb_user（userid,password,username,email）values（'"+userid+"','"+password+"','"+username+"','"+email+"'）";

inti=db.executeUpdate（sql）;

if（i==1）{

out.println（"alert（'添加成功,点击确定返回到主页!

'）;"）;

response.setHeader（"refresh","1;url=index.jsp"）;

}else{

out.println（"alert（'添加失败，点击确定返回注册页面！

'）;"）;

response.setHeader（"refresh","1;url=register.jsp"）;

}

db.close（）;

}

%>

DBBean.java：

packagebean;

publicclassDBBean{

privateStringconnStr="jdbc:

mysql:

//localhost:

3306/test?

useUnicode=true&characterEncoding=utf-8";

privateStringdbusername="root";

privateStringdbpassword="921023";

privateConnectionconn=null;

privateStatementstmt=null;

publicDBBean（）{

try{

Class.forName（driverStr）;

conn=DriverManager.getConnection（connStr,dbusername,dbpassword）;

stmt=conn.createStatement（）;

}catch（Exceptionex）{

}

}

publicintexecuteUpdate（Strings）{

intresult=0;

try{

result=stmt.executeUpdate（s）;

}catch（Exceptionex）{

}

returnresult;

}

publicResultSetexecuteQuery（Strings）{

ResultSetrs=null;

try{

rs=stmt.executeQuery（s）;

}catch（Exceptionex）{

}

returnrs;

}

publicvoidclose（）{

try{

stmt.close（）;

conn.close（）;

}catch（Exceptione）{

}

}

页面截图：

四、程序设计：

数据库查询

一、实验目的

进一步了解数据库的访问。

掌握Servlet的使用。

二、实验原理

Jsp上的代码可以直接访问数据库，但是在页面最好是少插入逻辑代码，所以可以使用Servlet访问数据库。

掌握了servlet就可以完善用户管理系统的其它功能。

三、实验容

在index.jsp中参加从数据库查询数据的代码：

useBeanid="db"class="bean.DBBean"scope="page"/>

<%

Strings="select*fromtb_user";

ResultSetrs=db.executeQuery（s）;

while（rs.next（））

{

Stringuserid=rs.getString

（1）;

out.println（""+userid+""+rs.getString

（2）+""+rs.getString（3）+""+rs.getString（4）+"

userid="+userid+"'>删除 

userid="+userid+"'>修改"）;

}

rs.close（）;

db.close（）;

%>

其中DBBean就是实验二中的DBBean.java。

网页截图：

完善用户的删除功能：

DeleteServle.java中doGet方法：

publicvoiddoGet（ServletRequestrequest,ServletResponseresponse）

throwsServletException,IOException{

request.setCharacterEncoding（"utf-8"）;

PrintWriterout=response.getWriter（）;

Stringuserid=request.getParameter（"userid"）;

Stringsql="deletefromtb_userwhereuserid='"+userid+"'";

DBBeandb=newDBBean（）;

inti=db.executeUpdate（sql）;

if（i==0）{

out.println（"alert（'用户不存在，请重新输入!

'）;"）;

response.setHeader（"refresh","1;url=index.jsp"）;

}else{

out.println（"alert（'删除成功!

'）;"）;

response.setHeader（"refresh","1;url=index.jsp"）;

}

}

完善用户的修改功能：

update.jsp

">

useBeanid="db"class="bean.DBBean"scope="page"/>

<%

Stringuserid=request.getParameter（"userid"）;

Stringusername="";

Stringemail="";

Stringpassword="";

Stringsql="select*fromtb_userwhereuserid='"+userid+"'";

ResultSetrs=db.executeQuery（sql）;

if（rs.next（））{

password=rs.getString

（2）;

username=rs.getString（3）;

email=rs.getString（4）;

}else{

out.println（"alert（'用户不存在!

'）;"）;

response.setHeader（"refresh","1;url=index.jsp"）;

}

%>

Servlet代码：

UpdateServlet.java中的doGet方法：

publicvoiddoGet（ServletRequestrequest,ServletResponseresponse）

throwsServletException,IOException{

response.setContentType（"text/html;charset=utf-8"）;

request.setCharacterEncoding（"utf-8"）;

Stringuserid=request.getParameter（"userid"）;

Stringpassword=request.getParameter（"password"）;

Stringconfirm=request.getParameter（"confirm"）;

Stringusername=request.getParameter（"username"）;

Stringemail=request.getParameter（"email"）;

PrintWriterout=response.getWriter（）;

if（!

password.equals（confirm））{

out.println（"alert（'两次密码输入不一样，请重新输入!

'）;"）;

response.setHeader（"refresh","1;url=update.jsp?

userid="+userid）;

}else{

DBBeandb=newDBBean（）;

Stringsql="updatetb_usersetpassword='"+password

+"',username='"+username+"',email='"+email

+"'whereuserid='"+userid+"'";

inti=db.executeUpdate（sql）;

if（i>0）{

out.println（"alert（'修改成功!

'）;"）;

response.setHeader（"refresh","1;url=index.jsp"）;

}else{

out.println（"alert（'修改失败!

'）;"）;

response.setHeader（"refresh","1;url=index.jsp"）;

}

db.close（）;

}

}

编写web.xml相关配置：

DeleteServlet

servlet.DeleteServlet

UpdateServlet

servlet.UpdateServlet

DeleteServlet

/doDelete

UpdateServlet

/doUpdate

网页截图：

回到主页后，可以看见用户信息改变了。

教育之通病是教用脑的人不用手，不教用手的人用脑，所以一无所能。

教育革命的对策是手脑联盟，结果是手与脑的力量都可以大到不可思议。