web初识

cs架构:cs(client service)代表客户端和服务端的架构。例如QQ、微信、王者荣耀。用户都需要下载客户端,然后客户端向服务端发送请求,服务端给出相应。

bs架构:bs(browser service)代表浏览器和服务端的架构。例如淘宝网,百度网。。。

JavaScript cs架构 web cs架构_xml

服务器介绍

Web服务器是运行及发布Web应用的容器,只有将开发的Web项目放置到该容器中,才能使网络中的所有用户通过浏览器进行访问。开发Java Web应用所采用的服务器主要是与JSP/Servlet兼容的Web服务器,比较常用的有Tomcat、Resin、JBoss、WebSphere 和 WebLogic等。其中tomcat服务器最为流行。

tomcat介绍

Tomcat是Apache的开源项目,是一个轻量级的应用服务器,最新的Servlet 和JSP 规范总是能在Tomcat 中得到体现。因为Tomcat 技术先进、性能稳定,而且开源,资源占用小因而深受Java 爱好者的喜爱并得到了部分软件开发商的认可,成为目前比较流行的Web 应用服务器。

 

tomcat下载地址:https://tomcat.apache.org/download-90.cgi

JavaScript cs架构 web cs架构_JavaScript cs架构_02

tomcat安装

直接加压下载文件后配置环境变量

JAVA环境变量配置

1、新建 JAVA_HOME,值为:"D:\java\jdk1.8.0_121"   (结尾不要分号,否则后面配置会出错);

2、编辑 PATH, 增加值:";%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin";

3、新建 CLASSPATH, 值为:".;%JAVA_HOME%\lib;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar". (前面的点分号是必须的,这样JDK会优先从当前目录开始查找CLASS文件)

测试

在cmd命令中输入java -version出现如下效果

JavaScript cs架构 web cs架构_JavaScript cs架构_03

 

 

 

TOMCAT环境变量配置

1、新建 CATALINA_BASE,变量值:D:\java\apache-tomcat-8.5.14

2、新建 CATALINA_HOME,变量值:D:\java\apache-tomcat-8.5.14

3、编辑 PATH,添加变量值:%CATALINA_HOME%\lib;%CATALINA_HOME%\bin;

测试

1、启动TOMCAT服务,进入D:\Program Files (x86)\apache-tomcat-9.0.16\bin目录,点击startup.bat文件

2、访问 127.0.0.1:8080或者localhost:8080,出现tomcat欢迎界面

JavaScript cs架构 web cs架构_java_04

 

tomcat目录介绍

JavaScript cs架构 web cs架构_java_05

 

 

手动部署一个项目

  在webapps下放入一个文件夹并启动服务访问项目的页面

 

在eclipse中部署项目

   

创建项目
在file -> new -> Dymanic project -> 填写项目名称和选择服务器 -> 完成

创建服务器
点击servers -> 选择服务器版本 -> next -> 移动需要发布的项目 -> 完成

修改服务
双击servers中的tomcat v9.0 server... -> 选择user tomcat installation -> Deploy path(这里选本地安装的路径webapps)

启动服务
右键servers中的tomcat v9.0 server... -> publish -> 启动

创建servlet
右键src -> new -> servlet -> 输入servlet名称和包名 -> 文件中保存doget和dopost和注解

导入jar包
右键项目 -> properties -> java bulid path -> libraries -> add extrall jar -> servlet-api.jar和jsp-api.jar

如何将html页面的信息传递给servlet
在html中新建一个form表单 action填写serlvet的注解名称例如 action="/MyFirstWebProjects/LoginServlet" method="get"
在method里填写get/post

点击提交在servlet中获取参数
String user = request.getParameter("user");
String pass = request.getParameter("pass");

修改jsp默認的模板
Window -> Preferences -> Web -> JSP Files -> 选这UTF-8编码方式

 

一般 web 项目路径结构

|-- webapp                         # 站点根目录
    |-- META-INF                   # META-INF 目录
    |   `-- MANIFEST.MF            # 配置清单文件
    |-- WEB-INF                    # WEB-INF 目录
    |   |-- classes                # class文件目录
    |   |   |-- *.class            # 程序需要的 class 文件
    |   |   `-- *.xml              # 程序需要的 xml 文件
    |   |-- lib                    # 库文件夹
    |   |   `-- *.jar              # 程序需要的 jar 包
    |   `-- web.xml                # Web应用程序的部署描述文件
    |-- <userdir>                  # 自定义的目录
    |-- <userfiles>                # 自定义的资源文件

webapp:工程发布文件夹。其实每个 war 包都可以视为 webapp 的压缩包。

META-INF:META-INF 目录用于存放工程自身相关的一些信息,元文件信息,通常由开发工具,环境自动生成。

WEB-INF:Java web应用的安全目录。所谓安全就是客户端无法访问,只有服务端可以访问的目录。

/WEB-INF/classes:存放程序所需要的所有 Java class 文件。

/WEB-INF/lib:存放程序所需要的所有 jar 文件。

/WEB-INF/web.xml:web 应用的部署配置文件。它是工程中最重要的配置文件,它描述了 servlet 和组成应用的其它组件,以及应用初始化参数、安全管理约束等。

JavaScript cs架构 web cs架构_JavaScript cs架构_06

 

tomcat配置

通过server.xml修改端口号

<Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" />

给服务器设置账户密码

<role rolename="tomcat"/>
<user username="tomcat" password="123456" roles="tomcat"/>

手动部署项目

在webapps目录下建立文件夹,启动tomcat进行访问,修改web.xml文件设计默认访问路径

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee 
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
  </welcome-file-list>
</web-app>

url的理解 

url的全拼是Uniform Resource Locator,统一资源定位符

JavaScript cs架构 web cs架构_tomcat_07