1.3 简单web项目在tomcat服务器上运行的方法 · JavaWeb项目开发学习手册

# 创建JavaWeb目录：hello ```[video] src: 'http://www.baishenghua.cn/video/JavaWeb1_3.mp4' autoplay: true ``` #### **一、创建hello项目** >1. 在webapps目录下创建一个hello目录，hello目录就是项目目录了； >2. 在hello目录下创建WEB-INF >3. 在WEB-INF下创建web.xml >4. 在WEB-INF下创建classes目录 >5. 在WEB-INF下创建lib目录 >6. 在hello目录下创建index.html 　　在web.xml文件中添加如下内容： ``` <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"> </web-app> ``` 　　在index.html中添加如下内容： ``` <html> <head>  <meta charset="gb2312"/> <title>index.html</title></head> <body> <h1>hello主页</h1> </body> </html> ``` >[success]启动tomcat，打开客户端访问http://localhost:8080/hello/index.html ***** #### **二、创建学生信息采集系统** ### 修改index.html里面的内容如下： ``` <html> <head> <meta charset="gb2312"/> <title>学生信息采集系统</title> </head> <body> <center> <h1>学生信息采集</h1>  <form action="" method="get"> 年级：<input type="text" name="grade"/><br> 班级：<input type="text" name="classe"/><br> 专业：<input type="text" name="profe"/><br> 学号：<input type="text" name="studentNO"/><br> 姓名：<input type="text" name="name"/><br> 手机：<input type="text" name="phone"/><br> 密码：<input type="password" name="pwd"/><br> <input type="submit" /> </center> </form> </body> </html> ``` 当method的值为get时，我们在页面输入完数据进行提交如下图所示： ![](http://h.yiniuedu.com/f91be338d35d5ee3e2d4a7cef2ef5eb5) >[danger]上面的ip地址为局域网地址，大家在自己电脑上可以使用127.0.0.1访问注意：看红色框，会在地址栏显示你注册时提交的信息，这种方式相对来说不够安全 ``` <html> <head> <meta charset="UTF-8"/> <title>学生信息采集系统</title> </head> <body> <center> <h1>学生信息采集</h1>  <form action="" method="post"> 年级：<input type="text" name="grade"/><br> 班级：<input type="text" name="classe"/><br> 专业：<input type="text" name="profe"/><br> 学号：<input type="text" name="studentNO"/><br> 姓名：<input type="text" name="name"/><br> 手机：<input type="text" name="phone"/><br> 密码：<input type="password" name="pwd"/><br> <input type="submit" /> </center> </form> </body> </html> ``` 当method的值为post时，我们在页面输入完数据进行提交如下图所示： ![](http://h.yiniuedu.com/5621c27a7d1f221370eed294135a248e) >[danger]上面的ip地址为局域网地址，大家在自己电脑上可以使用127.0.0.1访问大家注意看地址栏，不会显示你注册时提交的信息，相对安全一点。 #### **三、实现注册功能（两个JSP页面间跳转）** ***** >把上面的index.html改为index.jsp。然后 index.jsp里面添加如下内容： ``` <%@page language="java" contentType="text/html;charset=GB2312" pageEncoding="GB2312"%> <html> <head>  <meta charset="GB2312"> <title>张三丰的博客</title></head> <body> <h1>欢迎来到张三丰的博客</h1> <form action="login.jsp" method="post"> 账号:<input type="text" id="account" name="account"/><br> 密码:<input type="password" id="pwd" name="pwd"/><br> <input type="submit" /> </form> <table> <tr><td>序号</td><td>姓名</td></tr> <% for(int i=0;i<10;i++){%> <tr><td><%=i%></td><td>张<%=i%></td></tr> <% } %> </table> </body> </html> ``` 在hello目录下创建login.jsp，然后在login.jsp里面添加如下内容： ``` <%@page language="java" contentType="text/html;charset=GB2312" pageEncoding="GB2312"%> <html> <head> <meta charset="GB2312"> <title>张三丰的博客</title></head> <body> <h1>欢迎来到张三丰的博客</h1> <% String account = request.getParameter("account"); String pwd = request.getParameter("pwd"); %> 你的账号为：<%=account%><br> 密码为：<%=pwd%> </body> </html> ``` 部分同学可能会出现乱码，大家可以再tomcat的conf目录下找到server.xml文件，然后再该文件里面增加URIEncoding="GB2312"，如下代码所示： ``` <Connector URIEncoding="GB2312" port="8080" maxHttpHeaderSize="8192" maxThreads="150" minSpareThreads="25" maxSpareThreads="75" enableLookups="false" redirectPort="8443" acceptCount="100" connectionTimeout="20000" disableUploadTimeout="true" /> ``` >[success]启动tomcat，打开客户端访问http://localhost:8080/hello/index.jsp ***** 关于乱码问题终于解决了jsp页面之间的传值问题，总结如下：源代码，index.jsp往login.jsp传值：现象：中文乱码,比如“？？？？？？” 解决方法如下： >[success]推荐方法三和方法四两个一起用其它可供参考方法如下： >方法一： 1. 在b.jsp中把pageEncoding="GB2312"改为pageEncoding="ISO8859-1" 虽然这样b.jsp页面显示的内容还是乱码，但是不是那种“？？？？？？”的乱码，而是一些特殊字符 2. 然后在浏览器中查看菜单中修改成GB2312的编码，这时乱码就显示中文了。 3.但是这种方法是不可行的。 >方法二： 1.在b.jsp中把String name=request.getParameter("name");修改为 String name=new String(request.getParameter("name").getBytes("ISO-8859-1"),"GB2312"); 2. 这时再在页面上显示，则就是中文了。 3. 但是我个人不喜欢这种方法，因为编写起来代码非常繁琐 >方法三： 1. 有人说修改get/post的传值方式,但是这是有前提的,如果只是把get方式修改成post方式,页面结果还是乱码! 2. 前提你必须配置了过滤器,若果你只是配置了过滤器,则传值方式必须是:post方式才不是乱码,如果是get方式照样是乱码! 3. 过滤器的配置,我想大家都能有,我就不说了 >方法四: 1.有人说配置tomcat的配置文件server.xml里这句： <Connector URIEncoding="GB2312" port="8080" maxHttpHeaderSize="8192" maxThreads="150" minSpareThreads="25" maxSpareThreads="75" enableLookups="false" redirectPort="8443" acceptCount="100" connectionTimeout="20000" disableUploadTimeout="true" /> 加上这句：URIEncoding="GB2312" 2.虽然可以但是有前提的,若果你过滤器没有配置,则只是配置了server.xml文件,这样只有在表单是get传值时候才可以!当是post方式时,照样是乱码! \*这时我们就可以看出在tomcat5中的post与get传值方式是不一样的\* \*有人要问有没有一种方法让传值使用get方式或post方式都好用呢,下面就是我推荐的方法五\* >方法五: 1.其实很简单,就是同时实现方法三又实现方法四! 2.就是先配置过滤器,又配置server.xml文件,都设置成GB2312的编码 3.这样无论是post还是get方式的表单传值,中文都不会是乱码! >[danger]注意：不能在IDEA或者Eclipse中开启tomcat的同时，然后再次在bin目录下双击startup.bat打开，这是不被允许的。