猫哥说什么事情,都喜欢从实际出发,看的见、摸得着,心里才踏实。本文就介绍一个最简单的网站,然后介绍网站的部署和访问。
先看一段最基本的网页代码:
猫哥的个人主页猫哥很帅
我简单的翻译下:
1,开头表示这段代码是html代码,所谓html(HyperText Markup Language)即超文本标记语言,超的意思是超越,也就是不止于文本,很好理解,网页还有图片、音乐、视频什么的。语言也好理解,不同的程序不同的语言,网页的语言就是html。这个重点就在标记上,html的标记是以开头,以结尾的。所以各位可以看下上面这段代码,所有的标记都是有头有尾,比如开头是那么结尾必然是
2,那么为啥要用标记呢,这个也很好理解,比如你发一封信,要有收件人、收件人地址、收件人邮编、信的内容,而html语言就是用标记来区分不同内容的。可能有同学要问,为啥非得是开头结尾,哈哈哈,这个嘛,人家语言的设计者这么设定的哦,猫哥决定不了,不过猫哥觉得还是蛮顺眼的嘛。
3,好了,既然知道了不同的标记是用来区分不同内容的,那么到底区分哪些内容,我感觉猜也能才出来。
肯定是头部,是身体,是标题。那么上面这段代码的意思是不是“我是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了,不用做这些低级无聊的事情啦。
OVER!