Web前端开发介绍
1. Web开发
1.1 Web网站介绍
- 网络系统软件开发包括两种结构: C/S是客户机(client)/服务器(server) B/S是浏览器(browser)/服务器。
- B/S最大的优点就是可以在任何地方进行操作而不用安装任何专门的软件
- B/S架构软件的优势与劣势: 维护和升级方式简单。 成本降低,选择更多。 应用服务器运行数据负荷较重。
- 目前比较流行的WEB技术:Python、PHP、JavaEE、Ruby与ASP.NET
- 超文本传输协议(HTTP,HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。
- HTTP是一个客户端和服务器端请求和应答的标准(TCP)。客户端是终端用户,服务器端是网站。通过使用Web浏览器、网络爬虫或者其它的工具,客户端发起一个到服务器上指定端口(默认端口为80)的HTTP请求。
1.2 Internet上供外界访问的Web资源分为:
1.2.1 静态web资源(如HTML页面):
指web页面中供人们浏览的数据始终不变,是死数据,是在代码上写入的固定数据
1.2.2 动态web资源:
指web页面中供人们浏览的数据是由程序产生的,不同时间点访问web页面看到的内容各不相同
2. JavaWeb
在Java中,动态web资源开发提成为JavaWeb。
重点:如何使用Java技术开发动态的web资源,即动态web页面
2.1 动态网站开发所需要的web构件:
- 客户端浏览器
- Web前端
- Web服务器
- 服务器编程语言
- 数据库管理系统
2.2web的工作原理
Tomcat(Web容器)
学习web开发,需要先安装一台web服务器,然后再在web服务器中开发相应的web资源,供用户使用浏览器访问。
目前有一款免费且应用广泛的web容器Tomcat,是我们学习的首选该服务器支持JSP以及Servlet规范。启动成功后,通过浏览器访问效果如下:
JSP:html+java
Servlet:技术
出现tom猫说明运行成功,配置完成
TOMCAT
1.Tomcat的下载
(注意:一定要去官网下载,其他途径下载的,可能会有病毒或人为的修改)从官网下载:https://tomcat.apache.org/
-
首先根据你的Windows系统来安装32位,还是64位
-
确定JDK版本,使Tomcat在JDK1.8环境下能够正常运行
- 确定JDK版本,通过win+R输入cmd,打开了cmd程序,输入: java -version进行查看JDK版本,如果是在12.0版本,Tomcat不能正常启动,1.7版本因为官方已经把tomcat7给下架了,当然你如果去网上查找也能找出来使用正常
- 注意:确定jdk版本,一定要先配置好JDK的环境变量方便在任意cmd路径中都能使用,而不会出现没有该程序命令
-
确定好后从官网下载tomcat,官网地址:https://tomcat.apache.org/
-
选择左侧的Tomcat版本,本文章举例Tomcat 9,安装其他版本也是一样的,点击Tomcat 9
-
进入Tomcat 9下载页面
本文章是使用的压缩包进行,对应这操作系统位数进行下载,下载之后会是一个zip压缩包
2.Tomcat的安装程序
解压压缩包放在想要放的盘符中(D盘、E盘…都无所谓,只要能记住路径就可以了,路径不要包含中文和特殊字符!也不建议放在C盘中
3.Tomcat配置环境变量教程
-
环境变量配置进入如下页面
-
点击高级系统设置
-
选中高级,点击环境变量
-
在系统变量栏中选择新建
-
在变量名中填入:CATALINA_HOME(不要留空格)
变量值就是你解压后的路径
-
你可以直接进入解压后的文件夹,点击如图部分,复制这个路径到变量值
-
特别注意:
在变量值中填写路径;路径就是你解压后Tomcat的文件夹路径,就如上述,那么路径就是: D:\apache-tomcat-9.0.12
若解压到了其他盘符,如C盘,那就是 C:\apache-tomcat-9.0.12
放在了某个文件夹下那路径就是 :
盘符: \ 某文件夹 \ 解压后的tomcat整体文件夹(这里是apache-tomcat-9.0.12,看看你解压的文件夹名是什么)
千万别整错了
好了,现在点击这个确定,就添加进去了
-
之后再找到系统变量中的Path
-
点击新建
-
如图,在最后面追加 %CATALINA_HOME%\bin;
-
最后一直点确定,即配置完成
4.Tomcat启动和验证配置环境变量是否成功
Windows键+R,输入cmd,回车
输入 startup.bat 后回车(你也可以到你解压的tomcat文件夹下的bin目录中点击startup.bat)
之后出现了Tomcat的启动窗口,若没有报错或者一闪而过,那么说明启动成功了,让黑窗口保持运行,不能关,否则你的服务器也就关闭了,若出现了报错或者一闪而过(启动失败),可能是你的端口被占用,Tomcat默认的端口是8080,出现这两种情况那么可以试试以下两种:
一、重启电脑后再次按以上步骤启动Tomcat尝试是否能解决;一般的问题,重启动能解决
二、修改Tomcat端口号后,再用以上步骤启动Tomcat。或者先关闭正在运行的8080端口
-
查看正在运行的端口号命令
端口号占用查询:cmd内 netstat -ano netstat -aon|findstr "端口号" tasklist|findstr "哪一个ip占用了端口" 然后查询清楚后去任务管理器中关闭
之后验证环境变量是否配置成功,浏览器输入一下 http://localhost:8080
可以直接点击进入http://localhost:8080/
-
进入网址后出现tomcat猫后,即配置成功
额外知识点:内网穿透
用于web网站使任何人都能通过你的网址进行访问你的网站
NATAPP:
通过官网网址:http://natapp.cn进入后选择
点击NATAPP1分钟快速新手图文教程
问你的网站
在里面教导你内网穿透,解决你想让别人访问你的网站的问题。比如说,你做的一个给女朋友的网站,就可以直接在这里使用