手写tomcat -- 入门版

概述:

我们来缕清 浏览器发送请求,然后服务器响应浏览器 到底经历了什么

  • 浏览器发出HTTP请求,Tomcat中的Web服务器负责接收解析,并创建请求和响应对象(request、response)
  • 若无Servlet映射,则可直接访问解析的资源,把资源封装到response并返回到Web服务器,Web服务器将信息拆解成HTTP响应返回给浏览器显示
  • 若有Servlet映射,则去web.xml查询对应的Servlet路径,并将请求、响应传输给对应的Servlet对象,处理完逻辑后,把信息封装到response返回给Web服务器拆解,然后响应给浏览器显示
  • 若既无资源,也无Servlet映射则返回404页面

一、项目结构

在这里插入图片描述

二、Request

public class Request {

    // 请求地址
    private String url;

    // 请求方法
    private String method;

    // 构造函数,参数为后面2.4中Socket建立的IO流
    public Request(InputStream in) throws IOException {

        // IO读取请求
        // 这里踩坑、因为http/1.1是长连接,所以浏览器未超时是不会主动关闭的
        // 不能使用循环来读取数据,因为读取不了-1(未主动关闭)
        byte[] bytes = new byte[1024];
        int length = in.read(bytes);
        String str = new String(bytes,0,length);

        // 取请求的第一行(具体请求信息请看序文中的HTTP知识铺垫)
        String strFirst = str.split("\n")[0];
        // 按空格分割
        String[] arr = strFirst.split(" ");

        // 从第一行中获取方法名和请求地址
        method = arr[0];
        url = arr[1];
    }

    public String getUrl() {
        return url;
    }

    public void setUrl(String url) {
        this.url = url;
    }

    public String getMethod() {
        return method;
    }

    public void setMethod(String method) {
        this.method = method;
    }
}

三、Response

public class Response {

    private OutputStream out;

    public Response(OutputStream out) {
        super();
        this.out = out;
    }

    // 该方法前面的步骤都是为了写好响应头,最后一句话才是写入响应内容
    public void write(String content, int statusCode) throws IOException {
        out.write( ("HTTP/1.1 " + statusCode + " OK\n").getBytes() );
        out.write("Content-Type:text/html;Charset=utf-8\n".getBytes());
        out.write("\n".getBytes());
        out.write(content.getBytes("UTF-8"));   // 这里处理编码问题
    }
}

四、Servlet

public abstract class Servlet {

    // 类似于HttpSerlvet
    public void service(Request request, Response response) {
        if(request.getMethod().equalsIgnoreCase("POST")) {
            doPost(request, response);
        }else if(request.getMethod().equalsIgnoreCase("GET")) {
            doGet(request, response);
        }
    }

    // 分别处理POST和GET请求
    public abstract void doPost(Request request, Response response);

    public abstract void doGet(Request request, Response response);

}

五、Server(重点)

public class Server {

    // 资源根目录
    public static String WEB_ROOT = System.getProperty("user.dir") + "\\WebRoot";
    // 请求的资源地址
    public static String url = "";
    // 读取web.properties,保存映射关系
    private static HashMap<String,String> map = new HashMap<String,String>();

    // 静态代码块,加载时运行一次
    static {
        try {
            // 将映射地址存到map集合中
            Properties prop = new Properties();
            prop.load(new FileInputStream(WEB_ROOT + "\\WEB-INF\\web.properties"));
            Set set = prop.keySet();
            Iterator iterator = set.iterator();
            while(iterator.hasNext()){
                String key= (String) iterator.next();
                String value = prop.getProperty(key);
                map.put(key,value);
            }
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    // 开启服务器
    public void start() {
        try {
            System.out.println("MyTomcat is starting... \n");

            // 监听8080端口
            ServerSocket serverSocket = new ServerSocket(8080);
            // 后期改成NIO,Tomcat默认NIO模式,目前使用BIO (阻塞IO,并不使用多线程了)
            while(true){

                // 监听客户端连接
                Socket socket = serverSocket.accept();

                // 由Tomcat服务器来创建请求响应对象
                InputStream in = socket.getInputStream();
                OutputStream out = socket.getOutputStream();
                Request request = new Request(in);
                System.out.println("请求地址:" + request.getUrl());
                Response response = new Response (out);
                System.out.println("一个请求连接了");

                // 分派器
                dispatch(request, response);

                // 关闭各种资源
                in.close();
                out.close();
                socket.close();
                System.out.println("一个请求关闭连接了 \n");
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
    }


    // 负责指派去哪访问
    private void dispatch(Request request, Response response) throws ClassNotFoundException, InstantiationException, IllegalAccessException, IOException {

        int length = 0;
        byte[] bytes = new byte[1024];
        FileInputStream fileInputStream = null;
        StringBuffer stringBuffer = new StringBuffer();

        // 有Servlet映射
        if( map.containsKey(request.getUrl().replace("/", ""))){
            String value = map.get(request.getUrl().replace("/", ""));

            // 反射
//            Class clazz = Class.forName("com.xxx.servlet.LoginServlet");
            Class clazz = Class.forName(value);
            Servlet servlet = (Servlet) clazz.newInstance();
            servlet.service(request, response);

            // 访问静态资源
        }else{
            File file = new File(WEB_ROOT,request.getUrl());

            // 静态资源存在
            if(file.exists()){
                fileInputStream = new FileInputStream(file);
                while(  (length = fileInputStream.read(bytes)) != -1 ){
                    stringBuffer.append(new String(bytes,0,length));
                }
                response.write(stringBuffer.toString(),200);

                // 静态资源不存在
            }else{
                file = new File(WEB_ROOT,"/404.html");
                fileInputStream = new FileInputStream(file);
                while(  (length = fileInputStream.read(bytes)) != -1 ){
                    stringBuffer.append(new String(bytes,0,length));
                }
                response.write(stringBuffer.toString(),404);
            }
        }
    }
}

六、Start

public class Start {

    public static void main(String[] args) {

        Server webServer = new Server();
        webServer.start();

    }
}

七、web.properties

# url mapping = class
LoginServlet = com.xxx.servlet.LoginServlet

八、测试

http://localhost:8080/index.html
http://localhost:8080/LoginServlet
http://localhost:8080/test
根据提供的代码,手写 el-collapse 的过程如下所示: 1. 首先,需要创建一个 Collapse 组件的 Vue 单文件组件。 2. 在 template 中,使用 `<div>` 标签来包裹需要折叠的内容。可以使用 `v-for` 来遍历 `collapseData` 数组,并使用 `CollapseItem` 组件来展示每个折叠项的标题和内容。 3. 在 script 标签中,导出一个对象,其中包含了组件的相关属性和方法。 4. 在 data 中定义一个 `collapseData` 数组,用于存储每个折叠项的标题和内容。 5. 在 style 标签中,使用 scoped 属性来限定样式的作用域,可以定义 `.collapse` 类来设置组件的宽度。 下面是手写 el-collapse 的代码示例: ```vue <template> <div class="el-collapse"> <div v-for="(item, index) in collapseData" :key="index" class="el-collapse-item"> <div class="el-collapse-header" @click="toggleCollapse(index)"> {{ item.title }} </div> <div class="el-collapse-content" v-show="item.show"> <p>{{ item.content }}</p> </div> </div> </div> </template> <script> export default { data() { return { collapseData: [ { title: '标题1', content: '与现实生活一致:与现实生活的流程、逻辑保持一致,遵循用户习惯的语言和概念;', show: false }, { title: '标题2', content: '控制反馈:通过界面样式和交互动效让用户可以清晰的感知自己的操作;', show: false }, { title: '标题3', content: '清晰明确:语言表达清晰且表意明确,让用户快速理解进而作出决策;', show: false }, { title: '标题4', content: '用户决策:根据场景可给予用户操作建议或安全提示,但不能代替用户进行决策;', show: false }, ], }; }, methods: { toggleCollapse(index) { this.collapseData[index].show = !this.collapseData[index].show; }, }, }; </script> <style scoped> .el-collapse { width: 600px; } .el-collapse-item { margin-bottom: 10px; } .el-collapse-header { cursor: pointer; background-color: #f0f0f0; padding: 10px; } .el-collapse-content { padding: 10px; background-color: #fff; border: 1px solid #ccc; } </style> ``` 这样,你就可以使用 `<el-collapse>` 标签来引用这个组件,并实现手风琴效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [手写Vue个人组件库——Collapse / CollapseItem](https://blog.csdn.net/m0_46995864/article/details/118893487)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值