发表于: 2019-10-19 22:51:42

1 651


今天完成的事:

完成了上线下线和删除

明天计划的事:

完成搜索,完成任务6-10

遇到的问题:

删除功能
点击删除页面自动刷新,没有执行接口请求,数据删除未成功,查找半天无结果,请教师兄,找出了问题,在a标签里有一个href属性在点击按钮时它优先执行了href的URL,虽然href内并没有设置连接,相当于是刷新页面一样,函数内的接口请求没有执行,把a标签内的href删除,成功执行了请求把数据删除了。

收获:

一: 看了刷新当前页面的三种方法

location. reload() 这个跟下面两种都可以刷新当前页面的,缺点是相整个页面重新加载,会出现一个瞬间的空白页面,体验不好
this.$router.go(0) 利用了 history 中前进和后退的功能,传入 0 刷新当前页面
provide提供 / inject注入  组合
第一步: 在App.vue根组件中声明reload方法,控制router-view的显示隐藏

第二步: 在需要刷新的页面。 在页面注入App.vue组件提供provide的reload依赖,在逻辑完成之后(删除或添加...),用this.reload( )调用,即可刷新当前页面

$nextTick( )  在下次 DOM 更新循环结束之后执行延迟回调(不用这个的话下面代码直接写,会dom还没渲染好就直接执行了,那么就绑定不到dom上就会无效)

常用的HTTP请求方法

  • GET
    通过请求URI得到资源
  • POST,
    用于添加新的内容
  • PUT
    用于修改某个内容
  • DELETE,
    删除某个内容
  • CONNECT,
    用于代理进行传输,如使用SSL
  • OPTIONS
    询问可以执行哪些方法
  • PATCH,
    部分文档更改
  • PROPFIND, (wedav)
    查看属性
  • PROPPATCH, (wedav)
    设置属性
  • MKCOL, (wedav)
    创建集合(文件夹)
  • COPY, (wedav)
    拷贝
  • MOVE, (wedav)
    移动
  • LOCK, (wedav)
    加锁
  • UNLOCK (wedav)
    解锁
  • TRACE
    用于远程诊断服务器
  • HEAD
    类似于GET, 但是不返回body信息,用于检查对象是否存在,以及得到对象的元数据
  • HTTP请求格式
                   当浏览器向Web服务器发出请求时,它向服务器传递了一个数据块,也就是请求信息,HTTP请求信息由3部分组成:
    l   请求方法URI协议/版本
    l   请求头(Request Header)
    l   请求正文
    下面是一个HTTP请求的例子:
    GET/sample.jspHTTP/1.1
    Accept:image/gif.image/jpeg,*/*
    Accept-Language:zh-cn
    Connection:Keep-Alive
    Host:localhost
    User-Agent:Mozila/4.0(compatible;MSIE5.01;Window NT5.0)
    Accept-Encoding:gzip,deflate
     
    username=jinqiao&password=1234
     
    (1)   请求方法URI协议/版本
    请求的第一行是“方法URL议/版本”:GET/sample.jsp HTTP/1.1
    以上代码中“GET”代表请求方法,“/sample.jsp”表示URI,“HTTP/1.1代表协议和协议的版本。
    根据HTTP标准,HTTP请求可以使用多种请求方法。例如:HTTP1.1支持7种请求方法:GET、POST、HEAD、OPTIONS、PUT、DELETE和TARCE。在Internet应用中,最常用的方法是GET和POST。
    URL完整地指定了要访问的网络资源,通常只要给出相对于服务器的根目录的相对目录即可,因此总是以“/”开头,最后,协议版本声明了通信过程中使用HTTP的版本。
    (2) 请求头(Request Header)
    请求头包含许多有关的客户端环境和请求正文的有用信息。例如,请求头可以声明浏览器所用的语言,请求正文的长度等。
    Accept:image/gif.image/jpeg.*/*
    Accept-Language:zh-cn
    Connection:Keep-Alive
    Host:localhost
    User-Agent:Mozila/4.0(compatible:MSIE5.01:Windows NT5.0)
    Accept-Encoding:gzip,deflate.
    (3) 请求正文
    请求头和请求正文之间是一个空行,这个行非常重要,它表示请求头已经结束,接下来的是请求正文。请求正文中可以包含客户提交的查询字符串信息:
    username=jinqiao&password=1234

apache2中,可使用Limit,LimitExcept进行访问控制的方法包括:GETPOSTPUTDELETECONNECT,OPTIONSPATCHPROPFINDPROPPATCHMKCOLCOPYMOVELOCK, 和 UNLOCK.
其中, HEAD GET POST OPTIONS PROPFIND是和读取相关的方法,MKCOL PUT DELETE LOCK UNLOCK COPY MOVE PROPPATCH是和修改相关的方法



返回列表 返回列表
评论

    分享到