一、网页区别
静态网页
- 静态网页是一个纯粹的HTML格式的网页,每个网页中都有一个固定的URL,网页URL以htm、HTML、shtml等常见形式为后缀,而且不含有问号。
- 没有后台数据库,不包含程序且不可交互。网页内容一经发布到网页服务器上,便不可随意更改。若要更改需在重新上传覆盖原信息才能实现更新。
动态网页
- 以数据库技术为基础,并不独立存在于服务器上的网页文件,
- 只有当用户请求时服务器才返回完整网页。
- 显示内容随着时间、环境或者用户操作的改变而改变。 有前后台区别,可随时更新网页内容,维护、改动相对简单。
- 需要使用到服务端脚本语言,如JSP
二、架构区别
B/S架构
- B/S(Browser/Server):浏览器----服务器结构
- 分布性强、维护方便、开发简单且共享性强、总体拥有成本低。
- 是C/S架构的升级改良型,相比C/S客户端更加简化,被称为谓瘦客户端
- 客户端通过浏览器直接访问服务器
C/S架构
- C/S(Client/Server):客户端----服务器结构
- 客户端包含一个或多个在用户的电脑上运行的程序,而服务器端分为数据库服务器端和Socket服务器端两种。
- 客户端需要统一安装、维护和升级
三、软件配置
Java JDK下载
下载地址:https://www.oracle.com/java/technologies/javase-downloads.html
本次选择Java SE8u241进行下载
选择适合自己系统的进行下载安装
勾选同意oracle技术许可协议进行下载
需要登录Oracle账户才能进行下载。
JAVA环境变量配置
右击“我的电脑”→“属性”→“高级系统设置”→“环境变量”
新建一个系统变量,变量名为JAVA_HOME,变量值为JDK的安装地址,点击确认保存。
新建系统变量CLASSPATH,变量值为.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
找到系统变量path,并在后边新建,值为JDK的安装地址下的\bin,修改完毕确定并保存。
在控制台中输入javac验证是否配置成功。
输入java -version可以查看当前电脑安装的JDK版本。
Tomcat的下载安装
下载地址:https://tomcat.apache.org/
选择自己合适的版本进行下载,此例下载Tomcat8.5.51,直接点击Download进入下载页面。
根据自己选择进行下载,一般默认下载第一 个
下载完毕后解压打开
文件结构
bin:存放可执行文件,如startup.bat(开启) shutdown.bat关闭
conf:存放配置文件,如server.xml(配置信息)
lib:存放Tomcat依赖的jar文件
log:日志文件(记录出错等信息)
temp:临时文件
webapps:可执行的项目(将开发的项目放入该目录中)
work:存放由jsp翻译成的Java,以及编辑成的class文件
Tomcat的配置
1.进入系统环境配置
新建系统变量→变量名:CATALINA_HOME
变量值:Tomcat的文件解压地址
2.检测配置是否成功
打开Tomcat文件夹下的bin文件夹,找到startup.bat文件,双击打开启动Tomcat,双击shutdown.bat可以关闭Tomcat。
3.修改端口号:
打开conf文件夹下的server.xml,找到如下代码,其中port对应的值即是设置的端口号,默认设置为8080,此端口较为常见,容易冲突,建议修改此端口。
<Connector port="8080" protocaol="HTTP/1.1">
connectionTimeout="20000"
redirectPort="8443" />
现将端口号修改为8888,方便下列操作,修改完之后重新启动Tomcat。
4.访问Tomcat
在服务器地址栏中输入localhost:8888显示以下界面就表示修改成功
Tomcat的默认访问是安装文件夹下webapps/ROOT中的界面,如要访问其他的界面,在地址栏中输入相应的文件路径即可访问。
如访问webapps下的examples文件夹中包含的页面,则在地址栏中输入localhost:8888/examples即可访问。默认访问的是examples中的index.html文件
5.页面文件默认访问顺序
如上例,打开路径webapps/examples/WEB-INF下的web.xml文件,找到如下代码
<welcome-file-list>
<welcome-flle>index.html</welcome-file>
<welcome-flle>index.xhtml</welcome-file>
<welcome-flle>index.htm</welcome-file>
<welcome-flle>index.jsp</welcome-file>
<welcome-file-list>
这段代码表示的是默认查找、访问页面文件的格式和顺序(可以进行修改)。若index.html不存在则访问index.xhtml,依次查找直至查找到能访问的页面则进行访问,最后若页面文件都无法查找到,页面会返回404错误。
6.页面常见状态码
200:一切正常,默认显示
3开头的状态码:页面重定向(跳转)
404:资源不存在
403:访问权限不足(如访问某目录,该目录设置隐藏,则会提示此错误)
500:服务器内部错误,如代码错误
7.新建项目
在webapps下新建项目的文件夹,如JspProject,此文件夹下必须包含WEB-INF文件夹,WEB-INF文件夹下一般包含classes文件夹(存放由JSP文件转换成的JAVA文件)和lib文件夹(存放项目的jar包)。必须包含web.xml文件,将以下代码复制到web.xml中即可。
<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_3_1.xsd"
version="3.1"
metadata-complete="true">
<display-name>Welcome to Tomcat</display-name>
<description>
Hello JspProject
<description>
</web-app>
然后新建一个index.jsp,编辑以下内容报保存
<html>
<head>
<title>My JspProject</title>
</head>
<body>
First project
<%
out.print("hello world!")
%>
</body>
</html>
点击startup.bat启动Tomcat,然后在浏览器中输入localhost:8888/JspProject,页面则会打印显示刚刚编辑的index.jsp文件中的内容。
8.指定访问某个页面
在该项目的WEB-INF/web.xml中的添加welcome-file-list代码,添加内容为需要访问的页面名称,则可进行指定页面访问。
<welcome-file-list>
<welcome-flle>index.jsp</welcome-file>
<welcome-file-list>