javaweb笔记1——web程序环境配置

诚实小狼君

已于 2023-04-06 10:41:14 修改

阅读量58

点赞数

文章标签：服务器 java tomcat

于 2023-04-04 18:15:53 首次发布

本文链接：https://blog.csdn.net/m0_66387193/article/details/129952725

版权

创建javaweb和开发环境配置

web程序的环境
web程序的创建
- web服务器程序
- idea中的web程序

web程序的环境

javawe笔记只做为方便之后进行代码书写而产生，并不作为新手学习使用

javaweb学习必须的技术栈

前端——运行在游览器上的程序
1. HTML
2. CSS
3. JavaScript
后端——运行在服务器上的程序
1. java
2. C++等

网页通信的原理

访问网页的一个过程
- 第一步：打开浏览器
- 第二步：找到地址栏
- 第三步：输入一个合法的网址
- 第四步：回车
- 第五步：在浏览器上会展示响应的结果
解析专业名词
- 浏览器：谷歌，搜狐等。主要用于联系客户端和服务器
- 网址：http协议+域名（其中http协议说明改域名符合http协议）
- 域名：域名是对（IP地址+端口号）的一个包装
- IP地址：计算机在网络当中的一个身份证号。在同一个网络当中，IP地址是唯一的。（形象得说就是在网络这个环境里找到你的计算机）
- 端口号：一个端口代表一个服务器软件（一个端口代表一个应用，一个端口仅代表一个服务）。（形象得说就是在计算机这个环境里找准软件）
访问一个页面的底层过程
- 第一步：用户输入网址（URL）
- 第二步：域名解析器进行域名解析：http://110.242.68.3:80/index.html
- 第三步：浏览器软件在网络中搜索110.242.68.3这一台主机，直到找到这台主机。
- 第四步：定位110.242.68.3这台主机上的服务器软件，因为是80端口，可以很轻松的定位到80端口对应的服务器软件。
- 第五步：80端口对应的服务器软件得知浏览器想要的资源名是：index.html
- 第六步：服务器软件找到index.html文件，并且将index.html文件中的内容直接输出响应到浏览器上。
- 第七步：浏览器接收到来自服务器的代码（HTML CSS JS）
- 第八步：浏览器渲染，执行HTML CSS JS代码，展示效果。

web服务器

可以把服务器理解为一个特厉害的计算机，我们把我们写好的程序放在服务器上（我们写好程序不放在自己的电脑上，毕竟我们的电脑没那么厉害，但把程序丢到服务器上还是很危险的，保险起见，我们还是要先在自己的电脑上先跑起来），让服务器上的服务器软件进行运行，就实现了基本的web程序的应用
web服务器是应用服务器下的一个子服务器，应用服务器完成了所有的javaEE的规范，但web服务器只完成lseverlet和jsp规范，可以说web是整个应用服务器的一部分

web服务器软件

web服务器软件都是提前开发好的，既可以在服务器上运行，也要能在自己的计算机上运行
主要学习的就是tomcat（catalina）服务器
- Tomcat下载
  - apache官网地址：https://www.apache.org/
  - tomcat官网地址：https://tomcat.apache.org
- tomcat介绍
  - tomcat是java语言写的。
  - tomcat服务器要想运行，必须先又jre（Java的运行时环境）
- tomcat的环境配置——tomcat基于java，需要对jdk进行环境配置
  - JAVA_HOME=JDK的根
  - CATALINA_HOME=Tomcat服务器的根
  - PATH=%JAVA_HOME%\bin;%CATALINA_HOME%\bin
- tomcat指令介绍
  - startup.bat：windows启动tomcat程序的命令
  - startup.sh：在Linux环境当中启动tomcat程序的命令（服务器都是Linux系统）
- Tomcat目录
  - bin ：存放Tomcat服务器的命令文件
  - conf：存放Tomcat服务器的配置文件
  - lib ：身为tomcat服务器软件的核心程序
  - logs: Tomcat服务器的日志目录，平时报错都会放在这里
  - temp：存放Tomcat服务器的临时文件
  - webapps：存放webapp程序的地方
  - work：这个目录是用来存放JSP文件翻译之后的java文件以及编译之后的class文件

web程序的创建

web服务器程序

web程序存放地
- 所有的web程序都放在webqpps文件下面
- 每一个web程序都有自己的一个项目名字
一个web程序的组成（tomcat服务器软件中）
- 项目文件夹
  “又称为webapps的根，是必须的”
  - WEB-INF文件夹
    “存放web程序的字节码文件和配置，是必须的”
    - classes文件夹
      “存放的是Java程序编译之后的class文件”
    - lib文件夹
      “第三方的jar包，例如mysql和jdbc”
    - web.xml文件
      “这个文件是必须的，这个文件名必须叫做web.xml。这个文件必须放在这里。一个合法的webapp，web.xml文件是必须的，这个web.xml文件就是一个配置文件，在这个配置文件中描述了请求路径和Servlet类之间的对照关系”
  - 其他文件
    “其他文件的组成很多，可以理解为各种各样的资源”

idea中的web程序

创建一个基础的web程序
- 第一步：New Project
- 第二步：新建模块（File --> new --> Module…）
- 第三步：让Module变成JavaEE的模块。
  - 在Module上点击右键：Add Framework Support…
  - 在弹出的窗口中，选择Web Application
  - 重点，需要注意的：在IDEA工具中根据Web Application模板生成的目录中有一个web目录，这个目录就代表webapp的根
- 第五步：编写Servlet
- 第六步：在Servlet当中的service方法中编写业务代码（以连接数据库为例）
- 第七步：在WEB-INF目录下新建子目录lib，并将连接数据库的驱动jar包放到lib目录下。
- 第八步：在web.xml文件中完成StudentServlet类的注册。（请求路径和Servlet之间对应起来）
- ```
<?xml version="1.0" encoding="UTF-8"?>
<web-app 
xmlns="http://xmlns.jcp.org/xml/ns/javaee"
    
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
     version="4.0">
<servlet>
    <servlet-name>studentServlet</servlet-name>
    <servlet-class>com.bjpowernode.javaweb.servlet.StudentServlet</servlet-class>
</servlet>
<servlet-mapping>
    <servlet-name>studentServlet</servlet-name>
    <url-pattern>/servlet/student</url-pattern>
</servlet-mapping>
    
  </web-app>
```
- 第九步：给一个html页面，在HTML页面中编写一个超链接，用户点击这个超链接，发送请求，Tomcat执行后台的StudentServlet。
  - student.html
  - 这个文件不能放到WEB-INF目录里面，只能放到WEB-INF目录外面。
  - student.html文件的内容
  - ```
   <!DOCTYPE html>
   <html lang="en">
    <head>
               <meta charset="UTF-8">
               <title>student page</title>
    </head>
    <body>
                
     <a href="/xmm/servlet/student">student list</a>
     </body>
     </html>                                                                      
           
```
- 第十步：让IDEA工具去关联Tomcat服务器。关联的过程当中将webapp部署到Tomcat服务器当中。
  - IDEA工具右上角，绿色小锤子右边有一个：Add Configuration
  - 左上角加号，点击Tomcat Server --> local
  - 在弹出的界面中设置服务器Server的参数（基本上不用动）
  - 在当前窗口中有一个Deployment（点击这个用来部署webapp），继续点击加号，部署即可。
  - 修改 Application context为：/xmm
- 第十一步：启动Tomcat服务器
  - 在右上角有绿色的箭头，或者绿色的小虫子，点击这个绿色的小虫子，可以采用debug的模式启动Tomcat服务器。
  - 我们开发中建议适用debug模式启动Tomcat
- 第十二步：打开浏览器，在浏览器地址栏上输入：http://localhost:8080/xmm/student.html