Web应用开发入门

一、web应用概述
  • 什么是web

Web它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。
是建立在Internet上的一种网络服务,为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面,其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构, 是运行在互联网上的一种分布式系统。

  • 什么是web应用

WEB应用是多个Web资源的集合,是供浏览器访问的程序,也称为Web应用程序,一个Web应用由多个静态web资源和动态web资源组成。


  • Web应用程序架构介绍
    目前流行的应用软件架构模式有两种:C/S、B/S。
    Web应用程序则属于B/S结构的软件系统。

C/S又称Client/Server,服务器通常采用高性能的PC、工作站或小型机,客户端需要安装专用的客户端软件。
B/S是Brower/Server的缩写,客户端只要安装一个浏览器(Browser),通过浏览器与Web服务器进行数据交互。


C/S架构部署图

C/S架构部署图
二、 web应用基础知识
  • Web应用访问处理过程


  • URL与URI
  • URL(Uniform Resource Locator)— 统一资源定位符
    用于完整地描述Internet上网页和其他资源的地址的一种标识方法。
    组成:协议+服务器地址(端口)+具体资源路径
http://www.neuedu.com:8080/course/java.html

如果端口号是该协议的标准端口号(80),可以省略端口号

http://www.neuedu.com/course/java.html
  • URI(Uniform Resource Identifier)统一资源标识符,
    用来唯一的标识一个资源, URI是抽象的定义。
    URL是URI的子集,通过使用地址定位标识资源的形式。
    比如现实中的张三,通过身份证号来唯一标识这个人,这个身份证号就是URI,而我们通过地址能够定位到张三,比如:住址协议://地球/中国/XX省/XX市/XX区/XX号/张三,这个地址就是URL。
  • HTTP协议简介
    HTTP是HyperText Transfer Protocol(超文本传输协议)的简写,它是TCP/IP协议的一个应用层协议。

客户端通过HTTP协议向服务器端发送的数据,我们称之为请求消息,反之则为响应消息。


  • HTTP请求
    HTTP请求信息由4部分组成:
    1.请求行:请求方法(GET/POST)、URI、协议/版本
    2.请求消息头:(Request Header)
    3.空行
    4.请求正文:
  • HTTP响应
    HTTP应答与HTTP请求相似,HTTP响应也由3个部分构成,分别是:
    1、状态行
    2、响应头(Response Header)
    3、响应正文


  • Tomcat服务器安装和配置
  • Tomcat下载
    下载地址:https://tomcat.apache.org/download-90.cgi
  • Tomcat安装
    下载后解压缩安装包到任意路径下,(注意:解压缩路径不能包括中文与空格)
  • Tomcat服务的启动
    1.进入到Tomcat安装根目录下的bin文件夹,双击执行startup.bat脚本文件,启动WEB服务。



    2.执行startup.bat文件后,弹出如下程序运行窗体,出现如下红色提示信息后,表示服务启动成功。


  • Tomcat服务运行测试
    打开任意一种浏览器输入并访问下面的地址http://localhost:8080,出现如下页面,则表示安装运行成功。
  • Tomcat服务器安装目录介绍
    backup:备份Tomcat服务器的配置文件。
    bin:存放启动和关闭Tomcat的脚本文件startup.bat,shutdown.bat。
    conf:存放Tomcat服务器的各种全局配置文件。
    lib:存放Tomcat服务器以及所有web应用都可以访问的jar文件。
    logs:存放Tomcat执行时的日志文件。
    temp:存放Tomcat运行时所产生的临时文件
    webapps:Web应用的发布目录,默认情况下把Web应用文件放于此目录。
    wtpwebapps:Eclipse默认的发布目录,与webapps同时存在时,默认选择wtpwebapps。
    work:Tomcat将JSP生成的Servlet源文件和字节码文件放到这个临时工作目录下。
  • 修改tomcat服务器的端口号
    编辑CATALINA_HOME/conf/server.xml ,
    修改<Connector port=“8080” protocol=“HTTP/1.1”>元素,修改如下:

    将服务器的端口号调整为8888,以后的访问路径为:http://localhost:8888/
三、JavaWeb应用开发入门
  • Java web应用开的相关技术
    1.表示层:JSP页面
    2.控制层:Servlet
    3.业务逻辑层:JavaBean或EJB
    4.持久层:JDBC
  • JSP(Java Server Pages)
    JSP页面由HTML代码和嵌入其中的Java代码所组成。服务器在页面被客户端所请求以后对这些Java代码进行处理,然后将生成的HTML页面返回给客户端的浏览器。
  • Servlet
    Servlet是一种小型的Java程序,它扩展了Web服务器的功能。作为一种服务器端的应用,当被请求时开始执行。Servlet提供的功能大多与JSP类似,不过实现的方式不同。JSP通常是大多数HTML代码中嵌入少量的Java代码,而servlets全部由Java写成并且生成HTML
  • 编写第一个JavaWeb程序
    通过以下五个步骤完成第一个JavaWeb项目的开发:通过HTML页面在浏览器中输出“HelloWorld”。

1.eclipse中创建一个Web工程(Dynamic Web Project),工程名为:HelloWord;



2.在工程中WebContent目录下创建一个HTML文件:first.html;



3.双击打开first.html文件,编写代码输出“HelloWorld”。

4.鼠标右键点击项目,部署运行项目。



5.通过浏览器查看结果;
  • JavaWeb应用工程目录结构
  • Java Resource
    src:存放Java源代码的目录。
    Libraries:存放的是Tomcat及JRE中的jar包
  • build:自动编译.java文件的目录
  • WebContent: Web根目录,存放的是需要部署到服务器的文件
    1.MEAT-INF:是存放工程自身相关的一些信息,元文件信息,通常由开发工具和环境自动生成。
    MANIFEST.MF:配置清单文件
    2.WEB-INF:这个目录下的文件,是不能被客户端直接访问的。
    classes:存放Java字节码文件的目录。
    lib:用于存放该工程用到的库。
    web.xml:web工程的配置文件,完成用户请求的逻辑名称到真正的servlet类的映射。
    3.客户端能访问的资源(html或.jpg)必须跟WEB-INF在同一级目录,即放在Web根目录下的资源,从客户端是可以通过URL地址直接访问的。
  • JavaWeb应用部署目录结构

JavaWeb工程下的WebContent就是工程的发布文件夹,发布时会把该文件夹发布到tomcat的wtpwebapps目录中,目录结构如下:


  • JavaWeb应用的ContextRoot
  • Web应用的Context Root是URI的第一级逻辑路径,确定Web资源的URL,在部署时设置。
    http://主机名:端口号/<Context root>/Web应用中的相对路径
    如:http://localhost:8080/HelloWorld/first.html
  • 修改Web应用的ContextRoot
    方法1:编辑CATALINA_HOME/conf/server.xml ,修改如下元素:
    <Context docBase="D:\apache-tomcat-9.0.2\wtpwebapps\HelloWorld" path="/HelloWorld" reloadable="true" source="org.eclipse.jst.jee.server:HelloWorld"/>
    修改path=“/hello“,则访问路径变为:
    http://localhost:8080/hello/first.html
    方法2:在开发工具中修改配置,则开发工具会自动修改CATALINA_HOME/conf/server.xml中的配置文件。
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,723评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,080评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,604评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,440评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,431评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,499评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,893评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,541评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,751评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,547评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,619评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,320评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,890评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,896评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,137评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,796评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,335评论 2 342

推荐阅读更多精彩内容