创建javaweb和开发环境配置
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文件
- Tomcat下载
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类之间的对照关系”
- classes文件夹
- 其他文件
“其他文件的组成很多,可以理解为各种各样的资源”
- WEB-INF文件夹
- 项目文件夹
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> <!--这里的项目名是 /xmm ,无法动态获取,先写死--> <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
-