发表于: 2019-10-19 22:51:42
1 649
今天完成的事:
完成了上线下线和删除
明天计划的事:
完成搜索,完成任务6-10
遇到的问题:
删除功能
.png)
.png)
点击删除页面自动刷新,没有执行接口请求,数据删除未成功,查找半天无结果,请教师兄,找出了问题,在a标签里有一个href属性在点击按钮时它优先执行了href的URL,虽然href内并没有设置连接,相当于是刷新页面一样,函数内的接口请求没有执行,把a标签内的href删除,成功执行了请求把数据删除了。
收获:
一: 看了刷新当前页面的三种方法
1 location. reload() 这个跟下面两种都可以刷新当前页面的,缺点是相整个页面重新加载,会出现一个瞬间的空白页面,体验不好
2 this.$router.go(0) 利用了 history 中前进和后退的功能,传入 0 刷新当前页面
3 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.1Accept:image/gif.image/jpeg,*/*Accept-Language:zh-cnConnection:Keep-AliveHost:localhostUser-Agent:Mozila/4.0(compatible;MSIE5.01;Window NT5.0)Accept-Encoding:gzip,deflateusername=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-cnConnection:Keep-AliveHost:localhostUser-Agent:Mozila/4.0(compatible:MSIE5.01:Windows NT5.0)Accept-Encoding:gzip,deflate.(3) 请求正文请求头和请求正文之间是一个空行,这个行非常重要,它表示请求头已经结束,接下来的是请求正文。请求正文中可以包含客户提交的查询字符串信息:username=jinqiao&password=1234
apache2中,可使用Limit,LimitExcept进行访问控制的方法包括:
GET
, POST
, PUT
, DELETE
, CONNECT
,OPTIONS
, PATCH
, PROPFIND
, PROPPATCH
, MKCOL
, COPY
, MOVE
, LOCK
, 和 UNLOCK
.其中, HEAD GET POST OPTIONS PROPFIND是和读取相关的方法,MKCOL PUT DELETE LOCK UNLOCK COPY MOVE PROPPATCH是和修改相关的方法
评论