老师~您看我这个运行结果红色部分的问题是什么意思呢？

老师~我这个显示不出页面加载完成，这是为什么呢？

老师，我这里的返回信息，还是出现乱码。这个编码格式设置应该在哪里定义或修改？

返回信息：

源码：

response类：

package Server;

import java.io.BufferedWriter;
import java.io.IOException;
import java.io.OutputStream;
import java.io.OutputStreamWriter;
import java.io.UnsupportedEncodingException;

import Util.IOCloseUtil;

/**
 *响应类
 */
public class Response {//响应
    private StringBuilder headInfo;//响应头
    private StringBuilder content;//响应内容
    private int length;//响应内容的长度
    private BufferedWriter bw;//流
    
    //两个常量、换行、空格
    private static final String CRLF="\r\n";//换行
    private static final String BLANK=" ";//空格
    
    
    //构造方法
    public Response() {
        headInfo=new StringBuilder();
        content=new StringBuilder();
    }
    
    
    //带参构造方法获得输出流
    public Response(OutputStream os) {
        this();//调用本类的无参构造方法，由于初始化变量
        try {
            bw=new BufferedWriter(new OutputStreamWriter(os,"utf-8"));
        } catch (UnsupportedEncodingException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
    }
    
    
    //构造正文部分,传什么就向content中添加什么,此方法不换行
    public Response print(String info) {
        content.append(info);
        try {
            length+=info.getBytes("utf-8").length;
        } catch (UnsupportedEncodingException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        return this;
    }
    
    
    //构造正文部分，此方法换行
    public Response println(String info) {
        content.append(info).append(CRLF);
        try {
            length+=(info+CRLF).getBytes("utf-8").length;
        } catch (UnsupportedEncodingException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        return this;
    }
    
    
    //构造响应头
    private void createHeadInfo(int code) {
        headInfo.append("HTTP/1.1").append(BLANK).append(code).append(BLANK);
        //状态码信息描述
        switch (code) {
        case 200:
            headInfo.append("OK");
            break;
        case 500:
            headInfo.append("SERVER ERROR");
            break;
        default:
            headInfo.append("NOT FOUND");
            break;
        }
        headInfo.append(CRLF);
        headInfo.append("Content-Type:text/html;charst=utf-8").append(CRLF);
        headInfo.append("Content-Length:"+length).append(CRLF);
        headInfo.append(CRLF);    
    }
    
    
    /**
     * 推送到浏览器端
     */
    public void pushToClient(int code) {
        if(headInfo==null) {
            code=500;
        }
        //调用本类的构造方法
        this.createHeadInfo(code);
        try {
            bw.write(headInfo.toString());
            bw.write(content.toString());
            bw.flush();
        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        IOCloseUtil.closeAll(bw);//关闭语句
        
    }
    
}

server类：

package Server;

import java.io.BufferedWriter;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.io.OutputStreamWriter;
import java.net.ServerSocket;
import java.net.Socket;

import Servlet.Servlet;
import Util.IOCloseUtil;

/**
 *服务器类，用于启动、停止服务
 */
public class Server {
    private ServerSocket server;
    
    public static void main(String[] args) {
        Server server=new Server();//创建服务器对象
        server.start();
    }
    
    public void start() {
            this.start(8888);    
    }
    
    public void start(int port) {
        
        try {
            server=new ServerSocket(port);
            this.receive(); //调用接收请求信息的方法
        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
    
    }
    
    //调用接收请求信息
    private void receive() {
        
        try {
            //1、监听
            Socket client=server.accept();
            //2、获取用户的请求    
            //封装请求信息
            Request req=new Request(client.getInputStream());
        
            
            //对以下响应信息进行封装
            /**
             * 返回响应信息。做出响应。
             */
            //响应头信息
        /**    StringBuilder sb=new StringBuilder();
            sb.append("HTTP/1.1").append(" ").append(200).append(" ").append("登录成功。");
            sb.append("Content-Type:text/html;charst=utf-8").append("\r\n");
            //响应内容
            String str="<html><head><title>响应结果</title><meta charset=\"utf-8\"/></head><body>登录成功！</body></html>";
            sb.append("Content-Length:"+str.getBytes("utf-8").length).append("\r\n");
            sb.append("\r\n");
            sb.append(str);
            
            //通过输出流发送出去
            BufferedWriter bw=new BufferedWriter(new OutputStreamWriter(client.getOutputStream(),"utf-8"));
            bw.write(sb.toString());
            bw.flush();
            bw.close();
        */    
            
            //使用封装的响应方法
            Response rep=new Response(client.getOutputStream());
            Servlet servlet=WebApp.getServlet(req.getUrl());
            int code=200;
            if(servlet==null) {
                code=404;
            }
            //调用servlet中的复地方法
            try {
                servlet.service(req, rep);
            } catch (Exception e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }
            rep.pushToClient(code);
            IOCloseUtil.closeAll(client);
            
        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        
    }

    public void stop() {
        
    }  
    
}

loginservlet类：

package Servlet;

import Server.Request;
import Server.Response;

public class LoginServlet extends Servlet {

    @Override
    public void doGet(Request req, Response rep) throws Exception {
        //获取请求参数
        String name=req.getParamter("username");
        String pwd=req.getParamter("pwd");
        
        if(this.login(name, pwd)) {
            //调用响应中的构建内容的方法
            rep.println("登录成功");
        }else {
            rep.println("登录失败，账号或密码错误");
        }
        
    }
    
    private boolean login(String name,String pwd) {
        if("bjsxt".equals(name)&&"123".equals(pwd)) {
            return true;                
        }
        return false;
    }

    @Override
    public void doPost(Request req, Response rep) throws Exception {
        // TODO Auto-generated method stub
        
    }

}

servlet类：

package Servlet;

import Server.Request;
import Server.Response;

/**
 *是所用请求的Servlet类的父类
 */
public abstract class Servlet {//处理请求与响应的方法
    public void service(Request req,Response rep) throws Exception {
        this.doGet(req,rep);
        this.doPost(req,rep);
    }
    public abstract void doGet(Request req,Response rep) throws Exception;
    public abstract void doPost(Request req,Response rep) throws Exception;

}

问题：老师dao，service层里面，又是接口调用又是继承，还有实现类什么的，感觉很迷，有的混理不清楚思路的感觉，怎么办啊？

1. 通过io并没有改变原始字符串，只是生产了一个新字符串赋值给了aa？？

问题: 怎么总是提示我输入的三对双引号有问题呢? 这个输入有什么诀窍吗? 不就是Enter 键旁边的引号键 分别按三次吗? 为什么原始代码里面的正确的, 自己的总是提示错误呢?

from tkinter import *
from tkinter import messagebox
import random


class Application(Frame):
    def __init__(self, master=None):
        super().__init__(master)
        self.master = master
        self.pack()
        self.createWidget()

    def createWidget(self):
        btnText = (("MC", "M+", "M-", "MR"),
                   ("C", "±", "÷", "x"),
                   (7, 8, 9, "-"),
                   (4, 5, 6, "+"),
                   (1, 2, 3, "="),
                   (0, "."))

        Entry(self).grid(row=0,column=0,columnspan=4,pady=10)


        for rindex, r in enumerate(btnText):
            for cindex, c in enumerate(r):
                if c == "=":
                    Button(self, text=c, width=2)\
                    .grid(row = rindex+1, column=cindex, rowspan=2, sticky=NSEW)
                elif c == 0:
                    Button(self, text=c, width=2)\
                    .grid(row=rindex+1, column=cindex, columnspan=2, sticky=NSEW )
                elif c == ".":
                    Button(self, text=c,width=2)\
                    .grid(row=rindex+1, column=cindex+1, sticky=NSEW)
                else:
                    Button(self, text=c,width=2)\
                    .grid(row=rindex,column=cindex,sticky=NSEW)




if __name__ == '__main__':
    root = Tk()
    root.geometry("500x500+200+200")
    app = Application(master=root)
    root.mainloop()

老师，为什么我运行后，没有文本行，并且 = 这里也是异常

老师  这个之前准备好的代码没讲有点不懂     Closeable...able   这个closeable是个接口吗 有什么作用  还有那中间的三个点是什么意思

老师，请问一下,E oldValue=elementData(index)是已经获取了索引位置的元素，然后又在elementData[index]=element中给索引为index位置重新赋值，又有什么用，返回的oldValue还不是之前没有赋值的元素吗？比如原来的集合A=[a,b,c],  然后A.set(1,d),那么

E oldValue=elementData(1)之后，oldValue=b; 最后返回的还不是b吗，不应该是d啊？

from urllib.request import Request
from urllib.request import urlopen
from fake_useragent import UserAgent


url = "https://music.163.com/user/home?id=1320628122"
headers = {
        'User-Agent':UserAgent().random
        }

req = Request(url,headers=headers)
response = urlopen(req)
print(response.read().decode())

老师，我的代码和视频里一样，怎么报这个错了，编码用的是utf-8

请问该如何查看a本身的id地址呢？a本身是个容器，不赋值无法使用，赋值只能查看赋值的id？

老师，在cmd中执行了预备迁移命令后，系统会去settings中找数据库的配置，然后根据数据库的相关配置，在数据库中进行相关操作

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .grid{
            margin: auto;
            width: 500px;
            text-align: center;
        }
        .grid table{
            width: 100%;
            border-collapse: collapse;
            /*margin: 0 auto;*/
        }
        .grid th,td{
            padding: 10px;
            border: 1px dashed orange;
            height: 35px;
            line-height: 35px;

        }
        .grid th{
            background-color: orange;
        }
        .grid .book{
            padding-bottom: 10px;
            padding-top: 5px;
            background-color: antiquewhite;
        }
    </style>
</head>
<body>
<!--        1.建立表格-->
<!--        2.添加图书-->
<!--            ·实现表单的静态效果-->
<!--            ·添加图书表单域数据绑定-->
<!--            ·添加按钮事件绑定-->
<!--            ·实现添加业务逻辑-->
<!--        3.修改图书-->
<!--            ·修改信息填充到表单-->
<!--            ·修改后重新提交表单-->
<!--            ·重用添加和修改的方法-->
<!--        4.删除图书-->
<!--             ·删除按钮绑定事件处理方法-->
<!--             ·实现删除业务逻辑-->
<div id="app">
    <div class="grid">
        <div class="book">
            <h1>图书管理系统</h1>
            <div>
                <label for="id" >编号:</label>
                <input type="text" id="id" v-model="id" :disabled="flag">
                <label for="name" >名称:</label>
                <input type="text" id="name" v-model="name">
                <input type="button" value="提交" @click="handle">
            </div>
        </div>
        <table>
            <thead>
            <tr>
                <th>编号</th>
                <th>名称</th>
                <th>时间</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr :key="item.id"   v-for="item in books">
                <td>{{item.id}}</td>
                <td>{{item.name}}</td>
                <td>{{item.date | format('yyyy-MM-dd hh:mm:ss')}}</td>
                <td><a href="" @click.prevent="toEdit(item.id)">修改</a>
                    <span>|</span>
                    <a href="" @click.prevent="deleteBook(item.id)">删除</a>
                </td>
            </tr>
<!--            <tr>-->
<!--                <td>1</td>-->
<!--                <td>红楼梦</td>-->
<!--                <td>2018</td>-->
<!--                <td>编号</td>-->
<!--            </tr>-->
<!--            <tr>-->
<!--                <td>1</td>-->
<!--                <td>红楼梦</td>-->
<!--                <td>2018</td>-->
<!--                <td>操作</td>-->
<!--            </tr>-->
<!--            <tr>-->
<!--                <td>1</td>-->
<!--                <td>红楼梦</td>-->
<!--                <td>2018</td>-->
<!--                <td>操作</td>-->
<!--            </tr>-->
            </tbody>
        </table>
    </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
    Vue.filter('format', function(value, arg) {
        function dateFormat(date, format) {
            if (typeof date === "string") {
                var mts = date.match(/(\/Date\((\d+)\)\/)/);
                if (mts && mts.length >= 3) {
                    date = parseInt(mts[2]);
                }
            }
            date = new Date(date);
            if (!date || date.toUTCString() == "Invalid Date") {
                return "";
            }
            var map = {
                "M": date.getMonth() + 1, //月份
                "d": date.getDate(), //日
                "h": date.getHours(), //小时
                "m": date.getMinutes(), //分
                "s": date.getSeconds(), //秒
                "q": Math.floor((date.getMonth() + 3) / 3), //季度
                "S": date.getMilliseconds() //毫秒
            };
            format = format.replace(/([yMdhmsqS])+/g, function(all, t) {
                var v = map[t];
                if (v !== undefined) {
                    if (all.length > 1) {
                        v = '0' + v;
                        v = v.substr(v.length - 2);
                    }
                    return v;
                } else if (t === 'y') {
                    return (date.getFullYear() + '').substr(4 - all.length);
                }
                return all;
            });
            return format;
        }
        return dateFormat(value, arg);
    })
    var vm=new Vue({
        el:'#app',
        data:{
            flag:false,
            id:'',
            name:'',
            // date:new date(),
            books:[{
                id:'1',
                name:'西游记',
                date:'20210405085807'
            },{
                id:'2',
                name:'大话西游',
                date:'20210405085807'
            },{
                id:'3',
                name:'红楼梦',
                date:'20210405085807'
            }]
        },
        methods: {
            handle: function () {
                if (this.flag) {
                    //编辑操作
                    //根据当前的id去更新数组中对应的数据
                    //箭头函数this定义的是父级的this,这里的父级就是handle
                    this.books.some((item) => {
                        if (item.id == this.id) {
                            item.name = this.name
                            //完成更新操作之后，需要终止循环
                            return true
                        }
                    })
                    this.flag = false
                } else {
                    //添加
                    //添加图书
                    var book = {};
                    book.id = this.id     //this.id表单中的Id
                    book.name = this.name
                    book.date = ''
                    this.books.push(book);
                    //清空表单
                    this.id = ''
                    this.name = ''
                }
                this.id=''
                this.name=''
            },
            toEdit: function (id) {
                //禁止修改id
                this.flag = true
                // console.log(id)
                //根据id查询出要编辑的数据
                //借助数组的api   过滤出我们需要的数据
                var book = this.books.filter(function (item) {
                    return item.id == id
                })
                //把获取到的信息填充到表单
                this.id = book[0].id
                this.name = book[0].name
            },
            deleteBook:function (id) {
                // var index = this.books.findIndex(function (item) {
                //     return item.id == id
                // });
                // this.books.splice(index,1)
                //--------------
                //方法二通过filter方法
                this.books=this.books.filter(function (item) {
                return item.id !=id
                })

            }
        }
    })
</script>
</body>
</html>

老师，我的date出不来，是哪里有问题吗？

截图：

Uncaught (in promise) TypeError: Cannot read property 'data' of null

后台服务查出数据了，前端不显示，报错，  vue的前端，连调用方法位置都找不到。