1、下载安装
- 打开链接 www.oracle.com/java/techno…
- 找到要下载的JAVA版本, 我使用的是MAC, 所以下载了MAC的JAVA 17
- 下载后安装即可
2、配置环境
- 安装Java后, 位置如下
- 路径如下
/Library/Java/JavaVirtualMachines/jdk-17.0.1.jdk 复制代码
- 打开终端, 打开~/目录下的.zshrc
vim .zshrc 复制代码
- 然后配置Java路径
export JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk-17.0.1.jdk/Contents/Home 复制代码
- 这句话等价于
export PATH="$PATH:$JAVA_HOME/bin" 复制代码二、安装Tomcat
1、下载
- 打开链接 tomcat.apache.org/
- 在左侧选择要下载的版本
- 我选择下载 Tomcat 10
2、配置
- 解压后, 我放到了 ~ 目录下
- 打开~/目录下的.zshrc文件, .zshrc是隐藏文件, 可以使用快捷键command + shift + . 显示隐藏文件
- 打开终端, 命令行输入
vim .zshrc 复制代码
- 打开.zshrc文件后, 导入Tomcat的bin文件夹所在目录
export CATALINA_HOMR=/Users/bowen4/apache-tomcat-10.0.12 复制代码
- 这一句的意思是将CATALINA_HOMR加入到环境变量中, 相当于下面这句
export PATH="$PATH:$CATALINA_HOMR/bin" 复制代码
3、启动和关闭
- 配置好环境之后, 再次使用终端, 进入Tomcat的bin目录
cd /Users/bowen4/apache-tomcat-10.0.12/bin 复制代码
- 获取执行文件的权限, 输入一下命令可以获取执行 .sh文件的权限
chmod +x *.sh 复制代码
- 然后启动Tomcat
./startup.sh 复制代码
- 看到Tomcat started.就算启动成功了
- 打开浏览器, 输入http://localhost:8080/, 可以看到下面的界面
- 可以在终端中关闭Tomcat
./shutdown.sh 复制代码
- 再次刷新浏览器, 可以看到无法链接到Tomcat
- 打开链接 www.jetbrains.com/idea/downlo…
- 根据自己的电脑, 选择对应的下载, 我的电脑室Mac M1, 所以下载.dmg (Apple Silicon)
- 打开IDEA, 创建一个项目
- 选择创建一个空的项目
- 选择项目创建位置, 输入项目名
- 创建好Network后, 会自动弹出一个窗口, 每个项目都要有模块, 我们添加一个新的模块
- 如果不小心关闭了这个弹窗, 可以点击 File->Project Structure... 打开
- 点击Net Module后, 弹出下面的窗口, 选择JAVA和使用的JDK版本
- 输入模块名, 点击Finish
- 点击OK
- 这时, 就可以看到01_HelloWorld模块, src文件中就存放我们开发的源代码
- 右键点击src, 创建一个Java Class文件
- 我这里取名为Main
- 在Main文件中编写代码
- 右键点击, 选择 Run 'Main.main()'
- 可以看到控制台的打印信息
-
上面的代码属于自娱自乐, 并不能和服务器进行交互, 所以我们还需要额外的操作
-
创建 Web Application, 右键点击01_HelloWorld, 选择Add framework Support...
- 选择Web Application
- 下面的图片中, 就是创建的Web Application
- 在Web Application中创建一个text.html文件, 并添加一张图片123.jpg
- 客户端加载后端项目的简单流程如下
- 客户端发送请求
- 请求来到服务器端口(我这里默认端口号为8080)
- 端口将数据发送给Tomcat
- Tomcat将数据发送给项目01_HelloWorld
- 现在我们给项目的Web Application 配置到Tomcat上, 可以将Tomcat集成到IntelliJ IDEA中
- 选择Tomcat Server下的Local
- 配置需要使用的 Tomcat
- 直接选择 Tomcat的根目录即可
- 可以给Tomcat起一个名字
- 想要Tomcat在接收到请求时, 将数据发送给01_HelloWorld项目, 就必须将01_HelloWorld项目添加到Tomcat中
- 点击Deployment, 点击+, 点击Artifact..., 将01_HelloWorld项目添加到Tomcat
- 因为当前只有一个项目01_HelloWorld, 所以点击Artifact...后会自动添加, 如果有多个项目, 会让你选择具体要添加的项目
- 修改Application context, 可以使用hello访问01_HelloWorld
- 使用Debug模式运行, 以后可以通过打断点的方式调试程序
- Debug运行后, 可以看到成功启动Tomcat的打印提示
- 同时会自动打开浏览器, 默认填充http://localhost:8080/hello/
- http://localhost默认是本机
- 8080是本机Tomcat对应的端口号
- hello是01_HelloWorld项目, 就是上面修改的Application context
- 直接访问项目, 例如这里的hello, 会默认加载Hello项目的Web Application中的index.htm、index.html、index.jsp等文件, 所以才会有上面的内容显示
- 当然我们可以修改浏览器加载的URL, 访问Hello中的test.html文件
- 也可以访问Hello中的123.jpg图片
- 创建file文件夹, 并将test.html文件移动到file文件夹中
- 创建image文件夹, 并将123.jpg图片移动到image文件夹中
- 重新点击Debug部署, 可以发现有一个弹窗, 系统默认选中Restart server
- Restart server: 重启服务器, 然后部署
- Redeploy: 服务器已经启动, 重新部署
- 我们可以通过修改下图位置, 修改弹窗默认的选项
- 将Restart server需要为Redeploy
- 再次点击Debug时, 弹窗默认选中Redeploy
- 重新部署后, 刷新浏览器, 发现无法加载图片
- 此时需要访问新的路径 http://localhost:8080/hello/image/123.jpg 加载图片
1、编写界面, 发送网络
- 在file文件夹中创建login.html文件, 并编写代码如下
- 通过浏览器打开界面
- 输入用户名和密码
- 点击登录, 可以看到将用户名和密码发送给了百度
2、导入Tomcat的库
- 因为服务器就是本机, 所以form标签中的action如下指定即可
- 需要引用Tomcat的两个库jsp-api.jar和servlet-api.jar
- 打开下面的窗口, 选择Dependencies, 添加 Library...
- 选择之前配置的Tomcat
- 勾选选择的Tomcat, 点击OK
- 此时就可以在工程中看到引入的外部Tomcat库
3、发送请求到本地服务器
- 在src文件夹中创建Java Class类型的LoginServlet文件, 包名根据自己的想法随意命名
- 默认情况下, 在浏览器中输入http://127.0.0.1:8080/hello, 会访问项目01_HelloWorld中web文件夹下的index.jsp文件
- 此时添加了@WebServlet("/login")后, 可以通过http://127.0.0.1:8080/hello/login访问LoginServlet类中的方法
- 在LoginServlet类中添加doGet和doPost方法, 并在方法实现中添加打印语句
- 将login.html文件中的form标签的action修改为/hello/login, 就可以访问login中的方法, 方法类型使用get请求, 重新部署Web Application
- 在网页中输入用户名和密码, 点击登录
- 可以看到网页空白, 此时就说明请求发送成功了, 参数在域名后拼接的形式传递
- 可以在IntelliJ IDEA中看到打印doGet
- 将方法类型修改为post, 重新部署
- 刷新网页, 输入用户名和密码, 点击登录
- 界面变成空白, 说明请求发送成功, 并且可以看到域名后没有参数拼接
- 通过检查, 可以看到参数通过Data的形式传递
- 此时, 可以看到打印doPost
4、响应请求
- 在LoginServlet文件中, 添加响应代码, 重新部署
- 输入用户名: 123和密码: 456
- 点击登录, 显示Login Success!
- 回到输入界面, 输入用户名: 123和密码: 4567
- 点击登录, 显示Login Failure!
1、注册安装
- 打开链接: www.netacad.com/zh-hans/cou…
- 向下滑动, 找到在线自定进度学习, 点击了解详情
- 进入注册界面, 选择国家和出生日期
- 填写注册的邮箱, 姓名, 州, 回答问题, 勾选必填项
- 如下图, 此时已经有邮件发送到了注册的邮箱中
- 打开收到的邮件, 点击快速入门
- 输入密码
- 当点击创建我的账号之后, 来到下面这个界面, 此时账号已经注册完毕
- 滑到界面底部, 点击PACKET TRACER
- 找到自己需要的版本下载
- 安装并登录Cisco Packet Tracer后, 就可以操作下面的界面了
