(生鲜项目)05. RESTful api, 和 VUE
第一步: 什么是 RESTful api
总结: 使用http协议作为介质, 达到客户端修改服务器端资源的目的, 服务器只需要提供指定的api接口, 客户端根据http协议中的post/get/put/delete/patch等方法, 来完成服务器端资源的增删改查
扫盲转载:
https://www.jianshu.com/p/29453a0da748
https://www.jianshu.com/p/6baf8554b3f4?from=timeline&isappinstalled=0
http://www.ruanyifeng.com/blog/2018/10/restful-api-best-practices.html
第二步: 什么是VUE
总结:
扫盲转载: https://blog.csdn.net/wxl1555/article/details/79964818
初学者视频: https://www.bilibili.com/video/av76249419?from=search&seid=7289334974989929240
去官网下载安装VSocde, 安装插件如下: 一个是中文插件, 一个是live server
然后新建一个"vue基础.html"
<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>222</title>
</head> <body>
<div id="app">
{{ message }}
</div>
<!-- 开发环境版本,包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
var app = new Vue({
el: "#app",
data: {
message: "小"
}
})
</script>
</body> </html>
然后一定要通过"文件"->"打开文件夹"的形式打开这个html, 否则Go live图标不会显示, 可以发现此时该文件夹内多了一个".vscode"文件夹, 然后在html文件内右键,选择 open with live server
然后浏览器会自动打开,并访问这个网页, 而且你可以在这里验证vue的双向数据绑定功能, 和live server的动态刷新浏览器页面的功能
补充: 如果想要设置默认的浏览器和端口, 需要在设置中搜索到live server相关配置,然后自己在User.settings.json里面去增加相应的设置
----- over -----
最新文章
- HTTPS 互联网世界的安全基础
- ios 避免循环引用
- 【Windows编程】系列第五篇:GDI图形绘制
- Aurelia – 模块化,简单,可测试的 JS 框架
- 第11天 Stack Queue
- Notes for Linux Administration Handbook (1) : Booting and Shutting Down
- SharePoint 2010整体进行验证
- composer 报 zlib_decode(): data error
- JavaScript随笔记(一)基础概念以及变量类型
- stuff about set multiset map multimap
- JNI(5)The Invocation API
- 06JS高级创建对象使用原型共享对象方法
- 云如何让App开发更简单?
- keras02 - hello convolution neural network 搭建第一个卷积神经网络
- 简单的实现HTTP密码验证登陆
- 饮冰三年-人工智能-Python-19 Python网络编程
- REST framework---基于类的视图
- sql server中的while循环语句
- Mysql优化单表查询
- codeoforces 932A