超越村后端开发(3:安装djangorestframework+序列化+API开发前期准备)
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开发前期准备)相关推荐
- 超越村后端开发(7:修改完善代码(持续更新))
1.待修复完善api: 1.获取愿望列表的api中没有加入分页机制 已修复:apps/wish/views.py中 class GetAllWishView(APIView):"" ...
- iOS_CNBlog项目开发 (基于博客园api开发) 上篇
按照惯例, 先上效果图 前言 做这个项目是因为刚好在逛博客园的时候看到一篇文章 博客园第三方客户端-i博客园正式发布App Store, 这里就帮忙贴下链接吧. 整个项目做下来大概做了半个月, 今天算 ...
- Beaglebone Black开发板安装驱动
Beaglebone Black开发板安装驱动 Beaglebone Black开发板安装驱动,在使用Beaglebone Black开发板子做任何事情之前首先需要安装驱动.下面的内容就了展示在Win ...
- Scala编译器安装,开发工具安装,通过IDEA创建scala的工程代码,Scala SDK的设置
一. Scala编译器安装 1. 安装JDK 因为Scala是运行在JVM平台上的,所以安装Scala之前要安装JDK 2. 安装Scala 2.1. Windows安装Scala编译器 访问Scal ...
- 安装Ubuntu下的开发工具
安装Ubuntu下的开发工具 安装Ubuntu下的开发工具 刚安装好的Ubuntu,还缺乏很多开发工具.这些工具都可以通过网络进行安装.如果网络不佳,也可以使用光盘中的工具包. 如果要使用光盘中的工具 ...
- UOS系统适配-常用开发工具安装
开发工具 开发工具安装方式 软件运行 一.数据库 二.中间件: 三.虚拟化云平台 四.容器 开发工具 语言 CPU架构 X86 ARM MIPS gcc 8.3.0 8.3.0 8.3.0 gcc-7 ...
- uni-app实战之社区交友APP(11)API环境搭建和登录API开发
文章目录 前言 一.后端API环境搭建 1.后端线上环境部署 2.Postman安装使用 3.PyCharm和数据库管理 4.创建项目 5.数据库创建和配置 二.API开发准备 1.数据表设计 2.封 ...
- 百度地图api开发详解(android版).pdf,百度地图API开发指南原版.pdf
百度地图API开发指南原版 百度地图 API 开发指南 百度地图 API 开发指南 目录 简介 3 什么是百度地图 API 3 面向的读者 3 获取 API 3 开发移动平台上的地图应用 3 兼容性 ...
- Jeecg-Boot 快速开发平台,前后端分离—开发工具安装
目录索引: 后端开发工具 前端开发工具 Nodejs镜像 WebStorm入门配置 JeecgBoot采用前后端分离的架构,官方推荐开发工具前端开发: Webstrom 或者 IDEA后端开发: Ec ...
最新文章
- java 简单万年历_JAVA实现的简单万年历代码
- 手把手教你安装深度学习软件环境(附代码)
- stdarg.h(c标准库)
- Spark 1.2 编译
- 【游山玩水】三清山旅游行程
- visio科学图形包_科学网—科研必备:几款好用的流程图工具,助力你的论文/科研绘图...
- 单片机/嵌入式软件架构分层思想
- ActiveMQ支持的传输协议
- python 进程间通信效率_(1)进程间几种通信方式
- 自然语言21_Wordnet
- 阶段1 语言基础+高级_1-3-Java语言高级_03-常用API第二部分_第2节 Date类_3_DateFormat类SimpleDateFormat类...
- linux 结束8080端口,记Tomcat在Linux环境下开机启动无法监听8080端口
- kuangbin专题一——Fliptile
- 关于sybase数据库的连接
- 计算机消极影响英语作文,关于手机的消极影响高中英语作文
- 证券运维外包第3个月工作总结
- 2022年全球及中国半导体市场现状分析:数字化转型带来新机遇
- java实现短信验证码发送(基于阿里云短信sdk)
- 数学辅助软件Geogebra工具介绍
- 怎么把bmp转换成pdf?bmp转pdf格式软件推荐