猫哥带你去战斗——Java Web开发——网页篇[0]——第一个网页，第一次访问-原创手记-慕课网

猫哥说什么事情，都喜欢从实际出发，看的见、摸得着，心里才踏实。本文就介绍一个最简单的网站，然后介绍网站的部署和访问。

先看一段最基本的网页代码:

<html>  
<head>  
<title>猫哥的个人主页</title>  
</head>  
<body>  
猫哥很帅  
</body>  
</html>

我简单的翻译下：
1，开头<html>表示这段代码是html代码，所谓html（HyperText Markup Language）即超文本标记语言，超的意思是超越，也就是不止于文本，很好理解，网页还有图片、音乐、视频什么的。语言也好理解，不同的程序不同的语言，网页的语言就是html。这个重点就在标记上，html的标记是以<XXX>开头，以</XXX>结尾的。所以各位可以看下上面这段代码，所有的标记都是有头有尾，比如开头是<html>那么结尾必然是</html>

2，那么为啥要用标记呢，这个也很好理解，比如你发一封信，要有收件人、收件人地址、收件人邮编、信的内容，而html语言就是用标记来区分不同内容的。可能有同学要问，为啥非得是<XXX>开头</XXX>结尾，哈哈哈，这个嘛，人家语言的设计者这么设定的哦，猫哥决定不了，不过猫哥觉得还是蛮顺眼的嘛。

3，好了，既然知道了不同的标记是用来区分不同内容的，那么到底区分哪些内容，我感觉猜也能才出来。<head>肯定是头部，<body>是身体，<title>是标题。那么上面这段代码的意思是不是“我是html代码段，我有一个头，一个身体，头有一个标题是猫哥的个人主页，身体的内容是猫哥很帅”。

嗯，猜也才猜完了，现在去验证下。

首先在D:Java目录下建立一个Code文件夹，以后猫哥所有的代码都放这里，然后在Code文件夹下建立一个【猫哥.html】文件，有的同学还不会建html文件呢，其实很简单，先建立一个【新建文本文档.txt】然后重命名为【猫哥.html】不就完了（如果没有拓展名，还是需要把文件拓展名调出来，这部分内容属于windows基础知识，猫哥就不多介绍了）。如图：

然后选择用记事本打开该文件（记事本打开，是为了编辑，如果默认打开，因为该文件后缀为html，系统认为是个网页，就会用浏览器打开了。）

在浏览器内编辑文件内容，将本文开头的代码粘贴进去，保存并关闭文件，才是再选择用IE浏览器打开文件，效果如图所示：

图片描述

好好分析下这个界面，首先地址栏是【D:\Java|Code|猫哥.html】，说明浏览器打开的是本地D盘下的一个文件，然后标题是【猫哥的个人主页】，网页内容是【猫哥很帅】，完全验证了之前我们的猜测。猫哥感觉html语言的设计者实在是太无聊，搞的我们程序员没什么神秘感，这程序代码也太好猜了。

当然，写一个网页，光在自己电脑上像一个word文档似的打开编辑，是没有意义的。网站的一个重要意义是，我做一个网站，放在我的电脑上（或者服务器上），很多人都能访问，甚至全世界的人都能访问，这个才牛X。

好，现在我们就来做这个牛X的事情，首先明白一点，我这个【D:\Java|Code|猫哥.html】，别人的电脑是无法访问的，搞笑，我电脑上的文件，别人要是能看到那还得了。但那是现在我想做一个网站，让别人能访问到，那就得把它放在服务器上，因为服务器就是负责给浏览器提供内容的嘛。

好的，前面我详细介绍了下载和安装Tomcat的过程，我们把【猫哥.html】拷贝到Tomcat下Webapps下ROOT下，并重命名为maoge.html，如图：

图片描述

OK，这样我们要启动下服务器了，运行tomcat根目录下【bin】目录下的【startup.bat】，发现闪退。也就是没法启动Tomcat，原来这里涉及到一个环境变量的问题。

前文我们已经安装JDK了，也就是Java运行环境，怎么Tomcat还没法用呢。原来像Tomcat这种基于Java的软件，现在还不知道你操作系统安装的Java在哪呢。所以，环境变量就是这个意思，在环境变量里配置上Java运行环境的位置，Tomcat才能运行。

具体配置方法：

1，右击计算机【属性】-【高级系统设置】-【高级】-【环境变量】

2，在【系统变量】中点击【新建】，在弹出来的“新建系统变量”窗口中新建变量JAVA_HOME，设置变量值为Java的安装路径（猫哥计算机为：【D:\Java\jdk1.7.0_79】）。

3，编辑变量Path，在变量值后面添加【;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin】

4，新建变量CLASSPATH，设置变量值为【.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar】。前万看清楚有一个【.】

这下，再运行【startup.bat】,窗口就不闪退了，有一个标题为【Tomcat】的窗口一直开着，表示Tomcat服务器运行着呢。

那么怎么访问咱的那个网页呢，其实很简单，在地址栏输入：【http://127.0.0.1:8080/maoge.html】
显示如下：
图片描述
好像也没啥意思，注意127.0.0.1跟localhost一样，表示本机地址。这意味着，如果您的计算机是联网的，此时记下您的IP地址，然后找另外一台联网计算机，打开浏览器输入http://IP:8080/maoge.html，也会看到相同的内容。

也就是说，放在Tomcat下的Webapps下ROOT下的网页，可以在其他计算机上通过8080端口访问，为啥还有个端口捏。大哥，你QQ要不要跟其他机器通讯？你英雄联盟要不要？不同的应用占用不同的端口的，你的，明白？Tomcat默认占用8080端口，就这意思。

说到这，首页网址【http://www.imooc.com/】
咋没端口呢，其实也有是80，默认端口80，可以省略，不信试试【http://www.imooc.com:80/】
是不是一模一样。

好了，这一章实现了最简单的网页，但是超级麻烦的是写了网页还要往tomcat放，还要启动tomcat，好烦！下一章节开始，咱就要鸟枪换炮，使用myeclipse集成开发环境啦，哈哈，这下，牛B了，不用做这些低级无聊的事情啦。

ＯＶＥＲ！

猫哥带你去战斗——Java Web开发——网页篇[0]——第一个网页，第一次访问原创