第一章、Tomcat 和 jsp
从这本书开始,学习web项目。
之前学习的是静态网页。
静态:没有发布到服务器上,没有和数据的交互。
从今天之后学习的是真正意义上动态网页。(能够响应事件)
动态:发布到服务器,且有数据的交互。
客户端展示内容:浏览器展示内容。
静态网页技术: html css js jq
动态网页技术: 服务器端的程序 jsp servlet
百度网盘: 存放自己的学习资料,笔记,视频,项目。
为知笔记: 联网存放笔记软件,可以把笔记上传
创建博客: 整理笔记上传,获取关注
tomcat :免费,开源。
是什么: 服务器,小型服务器,发布一些BS的 web项目
能干什么:提供给通过局域网或者互联网访问,我们的服务器
怎么用:
1、先安装客户端:
*安装条件: 电脑中必须有jdk,且配置过JAVA_HOME才可以用。
环境变量中配置的。
JAVA_HOME = jdk安装目录,bin目录之前的路径
新建环境变量
变量名: JAVA_HOME
变量值: C:\Program Files\Java\jdk1.8.0_131
编辑path变量,在path变量下,添加新的引用。
光标定位到path所有配置变量信息最前面 按home建跳到最前。
%JAVA_HOME%\bin;
*两种安装方式:
1、通过下载tomcat的 exe的程序,直接点击安装。
2、通过comcat的绿色解压包,直接解压就可以用(推荐)
2、启动tomcat:
开启服务器:解压后 ,在解压bin目录中——解压后,在解压bin目录中——>
startup.bat ——>tomcat的日志文件显示,就说明可以正常使用。
关闭服务器:可以直接关闭当前服务器开启的窗口
也可以在tomcat的安装bin目录下,有一个shutdown.bat
关闭快捷键: ctrl + c 安全退出
为了我们tomcat启动方便:
1、创建startup.bat 快捷方式,然后剪切放到桌面(推荐)
2、配置tomcat的启动的环境变量 path:%CATALINA_HOME%\bin;
CATALINA_HOME
bin目录之前的目录
如何找到环境变量:
(环境变量 我的电脑,右击——属性——高级系统设置——环境变量——系统变量——path)
新建:JAVA_HOME
变量名: JAVA_HOME
变量值:jdk安装目录,(bin目录之前的部分)
C:\Program Files\Java\jdk1.7.0_79
path:选中path系统变量,编辑——光标定位到最前面去——写入如下内容,然后确定
%JAVA_HOME%\bin;
新建:CATALINA_HOME
变量名:CATALINA_HOME
变量值:tomcat安装目录bin目录之前的地址
D:\工具\tomcat 服务器\apache-tomcat-7.0.57\apache-tomcat-7.0.57
path:选中path系统变量,编辑——光标定位到最前面去——写入如下内容,然后确定
%CATALINA_HOME%\bin;
3. 使用tomcat
怎么样发布 web 项目:
(1)在tomcat 目录下面的webapp目录下
创建一个文件夹web项目:
在文件夹中写html文件
(2)启动你的tomcat 服务器。
(3)通过浏览器,访问我们部署好的web项目。
http://ip地址:端口号/项目名称/被访问页面。
本机ip地址:127.0.0.1
也可以用: localhost
端口号: 8080
url: http://127.0.0.1:8080/aaa/a.html
4、tomcat的目录详解
bin:有启动项 startup.bat shutdown.bat
conf: 都是一些重要的配置文件
logs:日志信息文件
lib:软件运行需要的jar包,全部是依赖库
temp:临时文件。
work :项目备份的信息文件夹
webapps:项目发布的文件夹
5、如何访问tomcat中的项目
* 发布项目的条件:
1、发布项目,需要在webapps下面
2、必须创建一个文件夹,在文件夹里面写你的 html
* 如何访问我们发布到tomcat服务器中的项目
1、启动tomcat
2、打开浏览器
3、需要在里面输入tomcat项目的ip地址
先测试我们浏览器能否通过ip地址访问到我的服务器
本机的ip地址是多少呢? ip访问语句怎么写?
访问tomcat、的服务器: http://127.0.0.1:8080/
在webapps中创建文件夹aa,里面创建一个a.html,里面写一些内容
访问自己创建的项目: http://127.0.0.1:8080/aa/a.html
4、我们访问tomcat中的ip地址,其他写法
代表本机地址的:
127.0.0.1
localhost
代表端口号的8080:可以修改
修改方法:
在tomcat安装目录 conf目录下,找到server.xml,
修改connector中的port的端口值
<Connector port="8080" protocol="HTTP/1.1"
connectionTimeout="20000"
redirectPort="8443" />
重点: 端口号,如果改成80,通过浏览器访问服务器的时候可以省略不写端口号
http://127.0.0.1/aa/a.html
BS项目和CS项目
* BS网页项目
1、网站项目
常见的bs项目:京东网,淘宝网,阿里,新浪,微博
2、通过浏览器访问
3、优势:
1、不需要更新,所有更新都在服务器端
我们用户用起来是非常方便,不需客户端下载
缺点:每次访问网页需要很多的流量
访问不是特别流畅
网站的服务器压力很大
4、安全性:安全
BS网站无法通过浏览器访问我们本地的文件。
* CS客户端项目
1、客户端项目
常见的客户端项目:电脑手机上安装的所有应用都是cs项目
QQ,微信,钉钉,腾讯视频,王者荣耀
2、通过客户端访问
3、优势:
这些客户端用到的很多操作都是在本地来实现的逻辑。
每次只需要向服务器请求数据上的交换就可以了
客户端根据服务器返回数据,自己来做逻辑处理。
缺点:
需要我们下载,且,还要定期更新。
4、安全性:不安全,应用会获取我们大量的权限,有大量流氓软件和木马黑客程序
静态网页,和动态网页的区别:
1、动态网页和静态网页最大的区别,就是能否响应事件!
2、能响应事件的,称之为动态网页,不能响应事件,就是静态展示页面。
* 可能遇到的问题:
1. 黑窗口一闪而过:
* 原因: 没有正确配置JAVA_HOME环境变量
* 解决方案:正确配置JAVA_HOME环境变量
2. 启动报错:
1. 暴力:找到占用的端口号,并且找到对应的进程,杀死该进程
* netstat -ano
2. 温柔:修改自身的端口号
* conf/server.xml
* <Connector port="8888" protocol="HTTP/1.1"
connectionTimeout="20000"
redirectPort="8445" />
* 一般会将tomcat的默认端口号修改为80。80端口号是http协议的默认端口号。
* 好处:在访问时,就不用输入端口号
关闭tomcat:
1. 正常关闭:
* bin/shutdown.bat
* ctrl+c
2. 强制关闭:
* 点击启动窗口的×
配置tomcat发布项目:
* 部署项目的方式:
1. 直接将项目放到webapps目录下即可。
* /hello:项目的访问路径-->虚拟目录
* 简化部署:将项目打成一个war包,再将war包放置到webapps目录下。
* war包会自动解压缩
注意:打包war包要不然用专业的打包工具,
要不然就用zip压缩,因为zip压缩和war包压缩比较相似
2. 配置conf/server.xml文件
在<Host>标签体中配置
<Context docBase="D:\aaa" path="/hehe" />
* docBase:项目存放的路径
* path:虚拟目录
3. 在conf\Catalina\localhost创建任意名称的xml文件。在文件中编写
<Context docBase="D:\hello" />
* 虚拟目录:xml文件的名称
web项目的基本结构
* 目录结构
* java动态项目的目录结构:
-- 项目的根目录
-- WEB-INF目录:
-- web.xml:web项目的核心配置文件
-- classes目录:放置字节码文件的目录
-- lib目录:放置依赖的jar包
-
将Tomcat集成到IDEA中,并且创建JavaEE的项目,部署项目。
===== idea2023最新版,如何构建web项目 ==== 1.安装好idea2023最新版 2. 创建一个空的项目(作为一个目录) =1= 第一个模块项目、 (1) 模块,jakarta EE模块。 (2) 添加 maven架构 (生成远程部署的组件) 选择pom.xml 右键添加为maven项目 (3) 配置服务器 tomcat (4) 运行查看jsp页面内容 =2= 第二个模块项目 (5) 添加多个项目(第二个项目) (6) 添加 maven架构(生成远程部署的组件) (7) 部署项目到tomcat中。 (8) 模块设置,给项目添加tomcat依赖。
MyElipse 开发工具,可以开web项目。
1、MyEclipse的介绍:
和eclipse 相似,操作上都一样。
区别,就是MyEclipes,是收费的,功能更强大,(内置了很多集成插件)
让MyEclipse 具有开发多种项目的能力,比如说:web项目,android项目,java项目,C的项目2、MyEclipse的安装 选择安装路径,一路下一步即可。(电脑中需要安装JDK等java开发环境) 3、破解: 1、打开破解文件——> 运行run.bat——> 打开了之后在最上面UserCode输入一个用户名(自己起) 点击SystemId 后面的按钮SystemId生成, ——> Active 执行保存 下面就会显示我们生成的相关的信息。 2、注册到MyEclipse的properties配置文件中。 破解工具,最上面tools工具——>选择2saveProperties这个,是保存我们破解的key到配置文件 ——> 选择tools工具下的 1 repalceJarFile……,替换掉MyEclipse配置文件中的秘钥信息。 3、打开MyEclipse,找到MyElipse 窗口菜单——> subCription information——>查看里面的信息就可以。 Product Id: E3MP (MyEclipse Professional Subscription) License version: 3.0 Full Maintenance Included Subscription expiration date (YYYYMMDD): 20250603 Number of users: Unlimited 关闭系统自动更新:我的电脑(计算机)—— 右键 属性 —— 左下角 windows update—— 更改设置 —— 重要更新,选择重不检查更新—— 确定。 4、MyEclipse创建web项目 1、项目资源管理器布局下,右键——new—— web project —— 项目创建窗口给项目起名—— ok 2、选中webroot 根目录—— 右键—— new —— html ,起名——ok! 5、MyEclipse部署Tomcat 1、在软件中打开window——preference——MyEclipse——servers——tomcat—— tomcat 7 2、tomcat7.x server ——enable—— 我们安装tomcat的路径,选中bin目录之前的目录,确定!ok 3、调出MyEclipse的server窗口 window —— show view —— servers other—— 弹出的窗口上面输入servers——选中确定! 4、部署项目到tomcat servers—— tomcat 7.—— 右键选择add dployment —— project里面选择要部署的项目-finish 项目已经部署到我们tomcat安装目录下面webapps文件中! 5、发布到tomcat服务器中的项目,如何通过浏览器ip访问 1、启动服务器 1、开启服务 选中MyEclipse servers控制台的tomcat,——右键 run server ——启动成功 在console控制台,看到服务器启动信息,说明启动成功! 2、关闭服务 选中MyEclipse servers控制台的tomcat,——右键stop server ——关闭成功 (servers控制台,右侧按钮,红色三角是run server, 红色方框是stop server) 2、打开浏览器输入ip访问地址 tomcat地址 + 项目名称 + 项目中要访问的文件名称 例如: http://127.0.0.1/day01/a.html
JSP :
1、什么是JSP: sjp就是html和java小脚本混合编程的jsp脚本文件。
2、怎么用: 可以把它当做html页面一样的访问,访问过程中jsp代码不进行展示,
而是进行运算和 页面 或者 服务器 进行数据交互3、具体操作: 1、新建一个jsp后缀文件。 2、页面布局:申明页面 <%@ page language="java" import="java.util.*,java.text.*" contentType="text/html; charset=UTF-8" %> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>我的第一个jsp页面</title> </head> <body> <% //这里就是可以完完全全的写java代码 %> </body> </html> 4、 JSP页面访问 * 项目部署到tomcat服务器 * 启动tomcat服务器 * 打开浏览器输入完整的地址: tomcat地址/项目名称/jsp名称(带后缀名) tomcat地址: localhost:端口号: 如果改成80,通过浏览器访问服务器的时候可以省略不写端口号 tomcat解压目录下 conf 文件夹下面找到server.xml 修改Connter中的prot端口值 127.0.0.1:端口号 5、JSP代码小脚本的编写 * jsp脚本声明格式:<% 写具体的java代码 %> * jsp脚本输出到页面的方式 1、out.println() 2、<%=要输出的引用内容 %> 6、JSP代码 定义方法 * JSP脚本方法声明格式: <%! 正常java定义方法就可以了 %> * JSP脚本访问方法方式: 只能是: <%=方法名(参数)%> 7、JSP执行过程 1、翻译阶段:翻译成浏览器能够识别的java代码 声明符号: <%@ %> JSP页面声明 <% %> jsp代码声明 <%! %> jsp方法声明 <%= %> jsp引用声明 <%-- --%> jsp注释声明 2、编译阶段 .java代码,运行之前,需要编译成.class文件,然后才能执行 怎么看? 在哪里看? 在我们tomcat安装目录下的work文件夹里面,我们当前项目文件夹下面 一直找到jsp文件夹,里面有我们当前项目下,所有jsp中包含的java代码和.class字节码 3、执行阶段 java虚拟机,来执行这些.class字节码文件,然后把结果反馈给jsp文件,展示到浏览器
了解Web程序的调试与排错——常见错误
1、创建jsp文件,在webroot根目录下 2、当我们项目无法访问的时候,检查如下几个步骤 1、服务器是否启动 2、项目是否部署 3、代码是否正确 4、浏览器输入的URL地址是否书写正确 打开浏览器输入完整的地址: tomcat地址/项目名称/jsp名称(带后缀名) tomcat地址: localhost:端口号: 如果改成80,通过浏览器访问服务器的时候可以省略不写端口号 tomcat解压目录下 conf 文件夹下面找到server.xml 修改Connter中的prot端口值 127.0.0.1:端口号