Java Web学习笔记

Chapter 1

暑假在学Java Web 把学习中的点点滴滴记录下来  希望能做出一个令人满意的Web来

（写得比较小白）

1　　首先是前期的准备

工欲善其事必先利其器，进行Java Web开发的环境和工具如下：

JDK（含jre）可以从sun官网上下，重要的是进行配置，这个很重要，网上很多，当在cmd中输入java -version时

出现java的版本信息  就说明配置成功了

Myeclipse或者Eclipse，进行Web开发  推荐前者（版本9.0有破解版）

tomcat 7.x这个不用配置，只要start.bat能成功运行就行

Mysql（我的版本是5.5） 网上也有安装教程

2     介绍一下Myeclipse创建一个简单网站的过程：

　　new-》Web project

　　

上图左侧NumberCompare文件夹就相当于一个网站，index.jsp是自动生成的；compare.jsp是我创建的（暂时无视它）；

首先我们找找index.jsp在电脑中的哪一个位置：在工作目录（new Web project时有个directory选项）下有NumberCompare文件夹，内的WebRoot就可以看到了

那么我们如何在浏览器上看到index。jsp显示的东西呢？这时初学者会犯一个错误----直接双击它（我当初就是这样，以为jsp文件和html文件一样）

所以正确的做法我们应该在浏览器上输入index。jsp的地址：http://localhost：8080/NumberCompare

这边有几点要说明：

1 一开始就这么做只会出现一个显示错误信息的页面。这是因为我们的网站还没有“发布”

先明白我们在浏览器上输入网址为什么会有网页显示出来：我们的请求“request”到达了服务器，服务器给了我们“response”；那么在进行开发的时候，我们的

电脑同时担任客户端和服务器，而服务器的功能是由tomcat来实现的（这就是8080的来历：tomcat的端口）。综上所述，我们要把NumberCompare这个网站

“发布”给tomcat：

在工具栏找到这两个图标

先点击右边：run-》tomcat 7.x -》start 把tomcat服务打开（要现在Windows中的preferred中对tomcat配置，把tomcat7.x路径写好）

在点击左边，选好工程NumberCompare，再选择服务器（add-》tomcat 7.x）

现在再输入上述网址就可以看到  this is a jsp page了

2 http://localhost：8080/NumberCompare/index.jsp的效果和http://localhost：8080/NumberCompare一样的原因是在配置时选好了

welcome page， 可以参照下图：

顺便说一下  web.xml保存了网站的各种配置信息  是一个非常重要的文件。 

3 既然网站已经“发布”了 我怎么知道它发布了？

打开F:\java\apache-tomcat-7.0.29\webapps（根据你的安装路径而定）可以发现里面多了一个Numbercompare文件夹

这说明这个网站应经部署了

 

附上Numbercompare内的源文件  方便大家测试

compare.jsp

 1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
 2 <%
 3 String path = request.getContextPath();
 4 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
 5 %>
 6 
 7 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 8 <html>
 9   <head>
10     <base href="<%=basePath%>">
11     
12     <title>Compare two numbers</title>
13     
14     <meta http-equiv="pragma" content="no-cache">
15     <meta http-equiv="cache-control" content="no-cache">
16     <meta http-equiv="expires" content="0">    
17     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
18     <meta http-equiv="description" content="This is my page">
19     <!--
20     <link rel="stylesheet" type="text/css" href="styles.css">
21     -->
22 
23   </head>
24   
25   <body>
26     <!-- initial the javaBean -->
27     <jsp:useBean id="compareBean" class="Mypackege.CompareBean">
28     <jsp:setProperty name="compareBean" property="num1" param="num1"/>
29     <jsp:setProperty property="num2" name="compareBean" param="num2"/>
30     </jsp:useBean>
31     <h2>please input the numbers that are to be compared</h2>
32     <form action="compare.jsp">
33     <input type="text" name="num1">
34     vs
35     <input type="text" name="num2">
36     <input type="submit" value="compare">
37     </form>
38     <br>
39     <span syle="color:red">
40         <jsp:getProperty property="compare" name="compareBean"/>
41     </span>
42   </body>
43 </html>

CompareBean.java

 1 package Mypackage;
 2 
 3 import java.io.Serializable;
 4 
 5 public class CompareBean implements Serializable {
 6     
 7     private Double num1;
 8     private Double num2;
 9     private String msg="";
10     
11     public void setNum1(String str){
12         try{
13             num1 = Double.valueOf(str);
14         }catch(NumberFormatException e){
15             msg = "the format of the number is wrong:   " + str;
16             
17         }
18     }
19     
20     public void setNum2(String str){
21         try{
22             num2 = Double.valueOf(str);
23         }catch(NumberFormatException e){
24             msg = "the format of the number is wrong  " + str;
25         }
26     }
27     
28     public String getCompare(){
29         if(!"".equals(msg)) return msg;
30         if(num1 == null || num2 == null) {
31             return "please input the number";
32         }
33         if(num1 < num2){
34             return num1 + "<" + num2;
35         }
36         if(num1 > num2){
37             return num1 + ">" + num2;
38         }
39         else return num1 + "=" + num2;
40     }
41 
42 }

 

 

-------------如果有技术问题或建议 欢迎指出 感激不尽------------------------

posted on 2012-07-13 21:19  xiaoniuzzm  阅读(337)  评论(0)    收藏  举报

导航