vue 多个api请求_Vue+Django REST framework实战3.RESTful API和VUE目录结构

内容提要：

RESTful API和VUE基础概念。

《Python前后端分离开发Vue+Django REST framework实战》作者bobby

——学习来源

第四章

RESTful API和VUE目录结构

4.1RESTful API

RESTful API目前是前后端分离最佳实践。
特点：轻量，直接通过HTTP，不需要额外的协议，GET/POST/PUT/DELETE操作。
特点：面向资源，具有解释性。
特点：数据描述简单，一般通过JSON或者XML做数据通信。

理解RESTful架构：

http://www.ruanyifeng.com/blog/2011/09/restful.html

RESTful API 设计指南：

http://www.ruanyifeng.com/blog/2014/05/restful_api.html

4.2VUE基础概念

Vue是一套用于构建用户界面的渐进式框架。Vue 的核心库只关注视图层。
VUE的两个重要能力：数据双向绑定，组件化开发。
wepack：是一个模块打包器，将多个静态资源转换成一个静态文件(例如将html、css、js转为js文件)。
VUE全家桶(vue、vuex、vue-router、axios)：vuex用于组件间通信，vue-router用于路由跳转，axios用于替代ajax。
ES6和babel：ES6是js的一种标准，babel是一种转换器(es6转换为es5)。

4.3VUE目录结构介绍

VUE目录结构：
```
├─mock├─node_modules└─src├─api├─axios├─components├─router├─static├─store├─style└─views
```
- mock：模拟后台接口数据。
- node_modules：第三方包。
- src：所有源码。
- api：请求网络的api。
- axios：拦截器等。
- components：基础组件。
- router：路由相关。
- static：全局静态文件。
- store：vuex相关。
- styles：静态的css样式。
- views：所有的组件。
chrome插件vuejs devtools，可以识别vue项目，并且列出所有vue相关的内容(该插件安装后在F12中查看)。

vue 多个api请求_Vue+Django REST framework实战3.RESTful API和VUE目录结构相关推荐

python全栈生鲜电商_Vue+Django REST framework 打造生鲜电商项目（学习笔记一）
1.环境搭建所需软件的版本: 1)pycharm(使用professional版本) 2)mysql.navicat 安装好的mysql后需要给root权限,不然只能通过localhost访问本地的 ...
Django Rest Framework - 实例PartyDemo 之 API文档
1.文档选择在官网上推荐了两种API文档方案 DRF Docs 和 Swagger . DRF Docs 界面预览: 官方文档 :http://drfdocs.com/installation/ ...
django restful 请求_利用 Django REST framework 构建 RESTful Web API
利用 Django REST framework 构建 RESTful Web API 终于到了动手操作的环节啦,这一节,我们以师生管理系统为例,带领大家搭建一套 framework Web API. ...
vue安装Postcss_Flask和Vue.js构建全栈单页面web应用【通过Flask开发RESTful API】
前言: 看了一些国外的关于介绍flask和vue的前后端分离的文章,但没看到比较通俗易懂,代码完善的,直到昨天看到一篇新出的文章,而且内容非常棒,所以翻译过来,供大家一起学习. 原文来自Develop ...
postman跨域测试_安装使用Hoppscotch构建API请求访问与测试
什么是API请求构建工具在移动互联网时代,面向多端开发成为主流,需要向用户提供如:安卓App.苹果App.WAP.小程序.Web网页等等多种应用入口,这些入口称为前端.而为不同前端提供数据和业务信息 ...
封装微信小程序api请求地址
封装微信小程序api请求地址 const API_BASE_URL = 'http://localhost:8080/test/api/'; module.exports = {IndexUrlNew ...
用Spring Boot开发API请求详解--API开发
那么,如何写一套漂亮的API接口呢? 本次我们先了解一下Spring对API接口开发的支持,然后我们采用Spring Boot搭建项目,借用Swagger2列出API接口,便于查阅. 返回格式 API ...
php滴滴平台接口,滴滴API请求SDK
滴滴API请求SDK 为保障请求参数的安全性,滴滴对请求参数进行签名验证处理.该签名值在调用滴滴接口时,作为请求参数传入,滴滴后台会校验签名的正确性. 为简化请求调用,滴滴提供API请求SDK.利用S ...
Python自动化开发 - RESTful API
本节内容 1. RESTful 简介 2. RESTful 设计指南 3. Django REST Framework 最佳实践 4. 理论拓展与开放平台 5. API文档化与测试一 R ...

vue 多个api请求_Vue+Django REST framework实战3.RESTful API和VUE目录结构

vue 多个api请求_Vue+Django REST framework实战3.RESTful API和VUE目录结构相关推荐

最新文章

热门文章