JavaWeb实验报告.pdf

Java Web实验报告Java WebExperiment Report 学生所在学院：学院学生所在班级：学 生 姓 名 ：学号 ：指 导 教 师 ：月一、客户端开发设计：系统设计一、实验目的掌握 Html 的语法和用法，能制作简单的网页二、实验原理通过学习 Html 相关知识，了解各个标签的使用方法，设计出自己的网站页面三、实验内容网页部分代码： index.jsp 用户管理系统 用户管理 账号密码昵称email操作用户登陆 注册新用户 网页截图：二、基础语法：用户登录实现一、实验目的掌握 javascript的语法，能验证表单，实现用户登录二、实验原理通过学习 javascript 的相关知识，了解javascript 的语法，了解 javascript 的特性，了解 javascript 的常用方法，掌握验证表单的方法，实现用户登录三、实验内容网页代码： login.jsp 注册 function check(){ var userid = new String(document.forms[0].userid.value); var password = new String(document.forms[0].password.value); if(userid==““){ alert(“请输入账号！ “) return false; } if(userid.length>20){ alert(“账号太长，不能大于20 个字符 “); return false; } if(password.length 用户登陆 账号： 密 码 ： 网页截图： 以下是输入正确的登陆截图。

三、程序设计：插入功能设计一、实验目的掌握 jsp的语法，懂得将Java代码放入页面，实现更多功能 掌握 jdbc 的使用，并连接数据库，实现新增用户功能二、实验原理通常在 jsp 页面收集数据，然后传回服务器处理服务器连接数据库，将数据存回数据库中三、实验内容页面代码： register.jsp “> 欢迎注册 用户注册 账号： 密码： 昵称： 邮箱： alert('添 加 成 功 ,点 击确 定返 回 到 主 页!');“); response.setHeader(“refresh“,“1;url=index.jsp“); }else{ out.println(“ alert('添加失败，点击确定返回注册 页面！ ');“); response.setHeader(“refresh“,“1;url=register.jsp“); } db.close(); } %> DBBean.java： package bean; import java.sql.*; public class DBBean { private String driverStr = “com.mysql.jdbc.Driver“; private String connStr = “jdbc:mysql://localhost:3306/test?useUnicode=true private String dbusername = “root“; private String dbpassword = “921023“; private Connection conn = null; private Statement stmt = null; public DBBean() { try { Class.forName(driverStr); conn = DriverManager.getConnection(connStr, dbusername, dbpassword); stmt = conn.createStatement(); } catch (Exception ex) { System.out.println(“无法同数据库建立连接！“); } } public int executeUpdate(String s) { int result = 0; try { result = stmt.executeUpdate(s); } catch (Exception ex) { System.out.println(“执行更新错误！ “); } return result; } public ResultSet executeQuery(String s) { ResultSet rs = null; try { rs = stmt.executeQuery(s); } catch (Exception ex) { System.out.println(“执行查询错误！ “); } return rs; } public void close() { try { stmt.close(); conn.close(); } catch (Exception e) { } } 页面截图：四、程序设计：数据库查询一、实验目的进一步了解数据库的访问。

掌握 Servlet的使用二、实验原理Jsp上的代码可以直接访问数据库，但是在页面最好是少插入逻辑代码，所以可以使用Servlet 访 问数据库掌握了servlet就可以完善用户管理系统的其它功能三、实验内容在 index.jsp 中加入从数据库查询数据的代码：“+userid+““+rs.getString(2)+““+rs.getString(3)+““+rs.getString(4)+“删除 修改“); } rs.close(); db.close(); %> 其中 DBBean就是实验二中的 DBBean.java 网页截图：完善用户的删除功能： DeleteServle.java中 doGet 方法： public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { request.setCharacterEncoding(“utf-8“); PrintWriter out = response.getWriter(); String userid = request.getParameter(“userid“); String sql = “delete from tb_user where userid='“+userid+“'“; DBBean db = new DBBean(); int i = 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 “> 修改账号信息 alert('用户不存在 !');“); response.setHeader(“refresh“,“1;url=index.jsp“); } %> 用户信息修改 账 号 ： “> 密码：“> 确认： 昵称：“> 邮箱：“> Servlet代码： UpdateServlet.java中的 doGet方法： public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType(“text/html;charset=utf-8“); request.setCharacterEncoding(“utf-8“); String userid = request.getParameter(“userid“); String password = request.getParameter(“password“); String confirm = request.getParameter(“confirm“); String username = request.getParameter(“username“); String email = request.getParameter(“email“); PrintWriter out = response.getWriter(); if (!password.equals(confirm)) { out.println(“ alert('两次 密码 输入 不 相同 ，请 重新 输 入!');“); response.setHeader(“refresh“, “1;url=update.jsp?userid=“ + userid); } else { DBBean db = new DBBean(); String sql = “update tb_user set password='“ + password + “',username='“ + username + “',email='“ + email + “' where userid='“ + userid + “'“; int i = 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 网页截图：回到主页后，可以看见用户信息改变了。