说明:通过Java网络编程的知识,及html+http等知识模拟BS结构的服务器。在浏览器中输入网址访问服务器上的网页。
开发工具IDEA,源码:coydone-tcp.zip
准备
项目结构
新建java项目
比如命名:Net
在Net项目的src下新建一个包
比如命名为:com.coydone.BSTCP
我们现在要达到的目的是在浏览器下输入url能访问html页面。
准备资源和页面
先准备web资源,即html页面
右键Net
选择新建New
一个目录Directory
比如命名为web
将html文件和图片资源放在web目录下
web下img目录下的图片:
index.html代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>主页</title>
<style type="text/css">
div{
text-align: center;
}
span,.footer{
font-family: "楷体";
font-size: 30px;
}
</style>
</head>
<body>
<div class="top">
<span>
我是网站的首页头部
</span>
</div>
<div class="center1">
<img src="img/image-20200207214833155.png"/>
</div>
<div class="center2">
<img src="img/image-20200207214941040.png"/>
</div>
<div class="footer">
©2020-by-coydone
</div>
</body>
</html>
实现
服务器代码逻辑
代码
package com.coydone.BSTCP;
import java.io.*;
import java.net.ServerSocket;
import java.net.Socket;
/*
创建BS版本TCP服务器
*/
public class TCPServer {
public static void main(String[] args) throws IOException {
//创建一个服务器ServerSocket,和系统要指定的端口号
ServerSocket server = new ServerSocket(8080);
//使用accept方法获取到请求的客户端对象(浏览器)
Socket socket = server.accept();
//使用Socket对象中的方法getInputStream,获取到网络字节输入流InputStream对象
InputStream is = socket.getInputStream();
//使用网络字节输入流InputStream对象中的方法read读取客户端的请求信息
/*byte[] bytes = new byte[1024];
int len = 0;
while((len = is.read(bytes))!=-1){
System.out.println(new String(bytes,0,len));
}*/
//把is网络字节输入流对象,转换为字符缓冲输入流
BufferedReader br = new BufferedReader(new InputStreamReader(is));
//把客户端请求信息的第一行读取出来 GET /Net/web/index.html HTTP/1.1
String line = br.readLine();
//把读取的信息进行切割,只要中间部分 /Net/web/index.html
String[] arr = line.split(" ");
//把路径前边的/去掉,进行截取 Net/web/index.html
String htmlpath = arr[1].substring(1);
//创建一个本地字节输入流,构造方法中绑定要读取的html路径
FileInputStream fis = new FileInputStream(htmlpath);
//使用Socket中的方法getOutputStream获取网络字节输出流OutputStream对象
OutputStream os = socket.getOutputStream();
// 写入HTTP协议响应头,固定写法
os.write("HTTP/1.1 200 OK\r\n".getBytes());
os.write("Content-Type:text/html\r\n".getBytes());
// 必须要写入空行,否则浏览器不解析
os.write("\r\n".getBytes());
//一读一写复制文件,把服务读取的html文件回写到客户端
int len = 0;
byte[] bytes = new byte[1024];
while((len = fis.read(bytes))!=-1){
os.write(bytes,0,len);
}
//释放资源
fis.close();
socket.close();
server.close();
}
}
在浏览器地址栏输入http://127.0.0.1:8080/Net/web/index.html
访问。
此时图片没有显示,因为浏览器解析服务器回写的html页面时,页面中如果有图片,那么浏览器就会单独的开启一个线程,读取服务器的图片,我们就让服务器一直处于监听状态,客户端请求一次,服务器就回写一次。
改造代码
package com.coydone.BSTCP;
import java.io.*;
import java.net.ServerSocket;
import java.net.Socket;
//创建BS版本TCP服务器
public class TCPServerThread {
public static void main(String[] args) throws IOException {
//创建一个服务器ServerSocket,和系统要指定的端口号
ServerSocket server = new ServerSocket(8080);
//浏览器解析服务器回写的html页面,页面中如果有图片,那么浏览器就会单独的开启一个线程,读取服务器的图片
//我们就的让服务器一直处于监听状态,客户端请求一次,服务器就回写一次
while (true) {
//使用accept方法获取到请求的客户端对象(浏览器)
Socket socket = server.accept();
new Thread(new Runnable() {
@Override
public void run() {
try {
//使用Socket对象中的方法getInputStream,获取到网络字节输入流InputStream对象
InputStream is = socket.getInputStream();
//使用网络字节输入流InputStream对象中的方法read读取客户端的请求信息
/*byte[] bytes = new byte[1024];
int len = 0;
while((len = is.read(bytes))!=-1){
System.out.println(new String(bytes,0,len));
}*/
//把is网络字节输入流对象,转换为字符缓冲输入流
BufferedReader br = new BufferedReader(new InputStreamReader(is));
//把客户端请求信息的第一行读取出来 GET /Net/web/index.html HTTP/1.1
String line = br.readLine();
System.out.println(line);//打印请求的图片资源路径
//把读取的信息进行切割,只要中间部分 /Net/web/index.html
String[] arr = line.split(" ");
//把路径前边的/去掉,进行截取 Net/web/index.html
String htmlpath = arr[1].substring(1);
//创建一个本地字节输入流,构造方法中绑定要读取的html路径
FileInputStream fis = new FileInputStream(htmlpath);
//使用Socket中的方法getOutputStream获取网络字节输出流OutputStream对象
OutputStream os = socket.getOutputStream();
// 写入HTTP协议响应头,固定写法
os.write("HTTP/1.1 200 OK\r\n".getBytes());
os.write("Content-Type:text/html\r\n".getBytes());
// 必须要写入空行,否则浏览器不解析
os.write("\r\n".getBytes());
//一读一写复制文件,把服务读取的html文件回写到客户端
int len = 0;
byte[] bytes = new byte[1024];
while ((len = fis.read(bytes)) != -1) {
os.write(bytes, 0, len);
}
//释放资源
fis.close();
socket.close();
} catch (IOException e) {
e.printStackTrace();
}
}
}).start();
}
//server.close();
}
}
评论区