1.安装djangorestframework

1.安装djangorestframework及其依赖包markdown、django-filter。

pip install djangorestframework markdown django-filter

2.在settings中注册,如下:

INSTALLED_APPS = ['django.contrib.admin','django.contrib.auth','django.contrib.contenttypes','django.contrib.sessions','django.contrib.messages','django.contrib.staticfiles','users.apps.UsersConfig','wish.apps.WishConfig','user_operation.apps.UserOperationConfig','crispy_forms','xadmin','rest_framework'
]

2.序列化

1.在apps/users目录下新建serializers.py:

from rest_framework import serializers
from .models import UserProfile,WxUsersclass UserProfileModelSerializer(serializers.ModelSerializer):class Meta:model = UserProfilefields="__all__"class WxUsersModelSerializer(serializers.ModelSerializer):class Meta:model = WxUsersfields="__all__"class WxUsersAreaModelSerializer(serializers.ModelSerializer):class Meta:model = WxUsersfields = ('gender', 'city', 'longitude', 'latitude')

View Code

2.在apps/wish目录下新建serializers.py:

from rest_framework import serializers
from .models import Wish,News,Imagesclass WishModelSerializer(serializers.ModelSerializer):class Meta:model = Wishfields="__all__"class NewsModelSerializer(serializers.ModelSerializer):class Meta:model = Newsfields="__all__"class ImagesModelSerializer(serializers.ModelSerializer):class Meta:model = Imagesfields="__all__"

View Code

3.在apps/user_operation目录下新建serializers.py:

from rest_framework import serializers
from .models import Message,Pick,Share,Noticeclass MessageModelSerializer(serializers.ModelSerializer):class Meta:model = Messagefields="__all__"class PickModelSerializer(serializers.ModelSerializer):class Meta:model = Pickfields="__all__"class ShareModelSerializer(serializers.ModelSerializer):class Meta:model = Sharefields="__all__"class NoticeModelSerializer(serializers.ModelSerializer):class Meta:model = Noticefields="__all__"

View Code

3.API开发前期准备

1.在settings中注释掉csrf验证,保证post请求不会出现403

MIDDLEWARE = ['django.middleware.security.SecurityMiddleware','django.contrib.sessions.middleware.SessionMiddleware','django.middleware.common.CommonMiddleware',# 'django.middleware.csrf.CsrfViewMiddleware','django.contrib.auth.middleware.AuthenticationMiddleware','django.contrib.messages.middleware.MessageMiddleware','django.middleware.clickjacking.XFrameOptionsMiddleware',
]

2.跨域问题解决

1.安装django-cors-headers:

pip install django-cors-headers

2.在settings中注册:

INSTALLED_APPS = ['django.contrib.admin','django.contrib.auth','django.contrib.contenttypes','django.contrib.sessions','django.contrib.messages','django.contrib.staticfiles','users.apps.UsersConfig','wish.apps.WishConfig','user_operation.apps.UserOperationConfig','crispy_forms','xadmin','rest_framework','corsheaders'
]

3.在settings中添加相关中间件:

MIDDLEWARE = ['corsheaders.middleware.CorsMiddleware',  # 放到中间件顶部'django.middleware.security.SecurityMiddleware','django.contrib.sessions.middleware.SessionMiddleware','django.middleware.common.CommonMiddleware',# 'django.middleware.csrf.CsrfViewMiddleware','django.contrib.auth.middleware.AuthenticationMiddleware','django.contrib.messages.middleware.MessageMiddleware','django.middleware.clickjacking.XFrameOptionsMiddleware',
]

4.在settings.py中新增配置项:

CORS_ORIGIN_ALLOW_ALL = True

3.建立前端vue项目进行以备调试使用

1.前端环境配置

1.安装Node.js环境

2.安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

3.搭建vue开发环境

cnpm install --global vue-cli

2.PC前端项目

1.新建vue项目:

vue init webpack-simple test
一直回车
cd test
cnpm install
npm run dev

Ctrl+c键,退出运行状态

2.安装axios

cnpm install axios

3.搭建小程序前端项目

1.新建mpvue项目

vue init mpvue/mpvue-quickstart test1
回车填入appid一直回车

注意:项目不能新建在移动硬盘或者优盘等移动设备目录下,不然会报错:

Install fail! Error: EISDIR: illegal operation on a directory, symlink '......

2.然后按照提示,安装依赖

cd test1
cnpm installnpm run dev

效果图

3.对test1/src/index.vue做初始化:

<template><div>{{title}}</div>
</template>
<script>
export default {data () {return {title: 'hello world'}},methods: {},created () {}
}
</script>
<style scoped>
</style>

效果图

Ctrl+c键,退出运行状态

4.注释掉项目目录下的 build目录下的 webpack.base.conf.js 的一些代码:

{test: /\.(js|vue)$/,loader: 'eslint-loader',enforce: 'pre',include: [resolve('src'), resolve('test')],options: {formatter: require('eslint-friendly-formatter')}
},

5.勾选微信开发者工具的一些配置

转载于:https://www.cnblogs.com/xuepangzi/p/10583383.html

超越村后端开发(3:安装djangorestframework+序列化+API开发前期准备)相关推荐

  1. 超越村后端开发(7:修改完善代码(持续更新))

    1.待修复完善api: 1.获取愿望列表的api中没有加入分页机制 已修复:apps/wish/views.py中 class GetAllWishView(APIView):"" ...

  2. iOS_CNBlog项目开发 (基于博客园api开发) 上篇

    按照惯例, 先上效果图 前言 做这个项目是因为刚好在逛博客园的时候看到一篇文章 博客园第三方客户端-i博客园正式发布App Store, 这里就帮忙贴下链接吧. 整个项目做下来大概做了半个月, 今天算 ...

  3. Beaglebone Black开发板安装驱动

    Beaglebone Black开发板安装驱动 Beaglebone Black开发板安装驱动,在使用Beaglebone Black开发板子做任何事情之前首先需要安装驱动.下面的内容就了展示在Win ...

  4. Scala编译器安装,开发工具安装,通过IDEA创建scala的工程代码,Scala SDK的设置

    一. Scala编译器安装 1. 安装JDK 因为Scala是运行在JVM平台上的,所以安装Scala之前要安装JDK 2. 安装Scala 2.1. Windows安装Scala编译器 访问Scal ...

  5. 安装Ubuntu下的开发工具

    安装Ubuntu下的开发工具 安装Ubuntu下的开发工具 刚安装好的Ubuntu,还缺乏很多开发工具.这些工具都可以通过网络进行安装.如果网络不佳,也可以使用光盘中的工具包. 如果要使用光盘中的工具 ...

  6. UOS系统适配-常用开发工具安装

    开发工具 开发工具安装方式 软件运行 一.数据库 二.中间件: 三.虚拟化云平台 四.容器 开发工具 语言 CPU架构 X86 ARM MIPS gcc 8.3.0 8.3.0 8.3.0 gcc-7 ...

  7. uni-app实战之社区交友APP(11)API环境搭建和登录API开发

    文章目录 前言 一.后端API环境搭建 1.后端线上环境部署 2.Postman安装使用 3.PyCharm和数据库管理 4.创建项目 5.数据库创建和配置 二.API开发准备 1.数据表设计 2.封 ...

  8. 百度地图api开发详解(android版).pdf,百度地图API开发指南原版.pdf

    百度地图API开发指南原版 百度地图 API 开发指南 百度地图 API 开发指南 目录 简介 3 什么是百度地图 API 3 面向的读者 3 获取 API 3 开发移动平台上的地图应用 3 兼容性 ...

  9. Jeecg-Boot 快速开发平台,前后端分离—开发工具安装

    目录索引: 后端开发工具 前端开发工具 Nodejs镜像 WebStorm入门配置 JeecgBoot采用前后端分离的架构,官方推荐开发工具前端开发: Webstrom 或者 IDEA后端开发: Ec ...

最新文章

  1. java 简单万年历_JAVA实现的简单万年历代码
  2. 手把手教你安装深度学习软件环境(附代码)
  3. stdarg.h(c标准库)
  4. Spark 1.2 编译
  5. 【游山玩水】三清山旅游行程
  6. visio科学图形包_科学网—科研必备:几款好用的流程图工具,助力你的论文/科研绘图...
  7. 单片机/嵌入式软件架构分层思想
  8. ActiveMQ支持的传输协议
  9. python 进程间通信效率_(1)进程间几种通信方式
  10. 自然语言21_Wordnet
  11. 阶段1 语言基础+高级_1-3-Java语言高级_03-常用API第二部分_第2节 Date类_3_DateFormat类SimpleDateFormat类...
  12. linux 结束8080端口,记Tomcat在Linux环境下开机启动无法监听8080端口
  13. kuangbin专题一——Fliptile
  14. 关于sybase数据库的连接
  15. 计算机消极影响英语作文,关于手机的消极影响高中英语作文
  16. 证券运维外包第3个月工作总结
  17. 2022年全球及中国半导体市场现状分析:数字化转型带来新机遇
  18. java实现短信验证码发送(基于阿里云短信sdk)
  19. 数学辅助软件Geogebra工具介绍
  20. 怎么把bmp转换成pdf?bmp转pdf格式软件推荐

热门文章

  1. php 操作json的各种格式
  2. Linux 批量修改文件名
  3. 网络基础知识及计算机基础,OSI7层
  4. Monkey测试简介
  5. Buffer Pool--内存总结1
  6. 如何建立论坛的核心用户--引发的思考
  7. [分享]千万数量级分页存储过程(效果演示)
  8. no Bloomberg, wind, ceic, csmar at cambridge
  9. 数据结构【图】—022邻接矩阵的深度和广度遍历
  10. kubectl命令自动补全功能