模拟BS服务器案例

模拟B/S服务器案例

模拟BS服务器分析

在这里插入图片描述

模拟BS服务器代码实现

package demo04.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);

        /*
            浏览器解析服务器回写的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 /11_NET/web/index.html HTTP/1.1
                        String line = br.readLine();
                        //把读取的信息进行切割,重要中间部分 /11_NET/web/index.html
                        String[] arr = line.split(" ");
                        //把路径前边/去掉,进行截取 11_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();
        }
    }
}

问题

用客户端Google Chrome浏览器访问服务器http://127.0.0.1:8080/11_Net/web/index.html
服务器给客户端(浏览器)回写html文件,发现如果HTML文件带有内部的CSS样式回写到客户端（浏览器）上的网页没有异常。
如果HTML文件引用外部的CSS样式回写到客户端（浏览器）上的网页读取不到CSS样式的。并且打开浏览器本地调试界面(F12或ctrl+shift+i)发现一个异常
Resource interpreted as Stylesheet but transferred with MIME type text/html

解决CSS样式显示不了

删除HTML文件的<!doctype html>声明（这是本人的最终解决方案,但是好像还是个错误的方法）

原文链接：https://blog.csdn.net/qq_44721229/article/details/105555686