setting設置
ALLOWED_HOSTS = ['*']
INSTALLED_APPS = [
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'app',
'corsheaders',
'rest_framework',
MIDDLEWARE = [
'django.middleware.security.SecurityMiddleware',
'django.contrib.sessions.middleware.SessionMiddleware',
'corsheaders.middleware.CorsMiddleware',#添加這一行
'django.middleware.common.CommonMiddleware',
# 'django.middleware.csrf.CsrfViewMiddleware',#注釋這一行
'django.contrib.auth.middleware.AuthenticationMiddleware',
'django.contrib.messages.middleware.MessageMiddleware',
'django.middleware.clickjacking.XFrameOptionsMiddleware',
]
# 通過ImageField上傳文件會自動到達這個文件位置
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
# 允許哪些人可以請求你和請求方式
CORS_ORIGIN_ALLOW_ALL = True #改為true是所有人都可以訪問我
主路由配置URL
導包
from django.contrib import admin
from django.urls import path,include
配置路由
urlpatterns = [
path('admin/', admin.site.urls),
path('app/',include('app.urls',namespace='app')),#app為子應用名字
]
子路由配置
from django.contrib import admin
from django.urls import path
from . import views
app_name = 'myapp'
urlpatterns = [
path('index/',views.Index.as_view(),name='index'),
path('register/',views.Register.as_view(),name='register'),
path('login/',views.Login.as_view(),name='login'),
path('details/',views.Details.as_view(),name='details'),
path('edit/',views.Edit.as_view(),name='edit'),
path('addgoods/',views.Addgood.as_view(),name='addgoods'),
]
admin.py設置
from django.contrib import admin
from . import models
# Register your models here.
admin.site.register(models.User)#user為表名
admin.site.register(models.Goods)#goods為表名
序列化配置
第一種
在app子應用路徑下新建 myserializers.py
內容為：
from rest_framework import serializers
from . import models
class UserSerializers(serializers.ModelSerializer):
class Meta:
models = models.User
fields = '__all__'
#user,goods為表名
class GoodsSerializers(serializers.ModelSerializer):
class Meta:
model = models.Goods
fields = '__all__'
第二種
在views.py文件開頭加上：
#商品表實例化
class Goodsser(serializers.Serializer):#實例化建表字段
id = serializers.IntegerField()
title = serializers.CharField(max_length=30)
price = serializers.DecimalField(max_digits=5,decimal_places=2)
img = serializers.ImageField()
# uid=Userser()
#用戶實例化
class Userser(serializers.Serializer):
id = serializers.IntegerField(read_only=True)
name = serializers.CharField(max_length=30)
pwd = serializers.IntegerField()
goods_set=Goodsser(many=True)
#正向查找如果反向查找的話在上面用戶實例化中添加Goods_set = Goodsser(many=Ture)且兩個實例化位置要交換
views.py文件中用到的包
from django.shortcuts import render,redirect
from django.http import HttpRequest,JsonResponse
from rest_framework.views import APIView
from rest_framework.response import Response
from rest_framework import serializers
from django.views import View
from . import models,myserializers
import os
import uuid
import time
vue分頁
<template>
<div>
<nav class="pagination-container">
<ul class="pagination">
<li :class="{'disabled' :p == 1}">
<a @click="add_p(0)">上一頁</a>
</li>
<li class="active">
<a href="/courses/?course_type=all&tag=all&fee=all&page=1">1</a>
</li>
<li :class="{'disabled' :p == total_pag.total_pag}">
<a @click="add_p(1)" >下一頁</a>
</li>
</ul>
</nav>
</div>
</template>
<script>
export default{
name:'pag',
data(){
return{
p:1,
}
},
mounted(){
},
methods:{
add_p(type){
if(type){
if(this.p==this.total_pag.total_pag){
return;
}
this.p += 1
}else{
if(this.p==1){
return;
}
this.p -= 1
}
// 將當前頁碼傳遞給父組件
let data={'p':this.p}
this.$emit('change_p',data);
},
mul_p(){
if(p == 1){
return;
}else{
this.p -= 1
}
},
},
// 接收父組件傳過來的變量
props:{
total_pag:{
type:Object, // object->字典
required:true, //必須的
},
}
}
</script>
diango分頁
from django.shortcuts import render
from rest_framework.response import Response
from rest_framework.views import APIView
from rest_framework import serializers
from django.core.paginator import Paginator,EmptyPage,PageNotAnInteger
from . import models
class Index(APIView):
def get(self,request):
page_num = request.query_params.get('page_num')
# get獲取不到默認為None
if not page_num:
page_num = 1
books = models.Book.objects.all()
p = Paginator(books, 3)
# ... 3,4 ..5,6 ...
try:
books_data = p.get_page(page_num)
except EmptyPage:
books_data = p.get_page(1)
except PageNotAnInteger:
books_data = p.get_page(1)
book1 = BookSerializer1(instance=books_data,many=True)
book2 = BookSerializer2(instance=books_data,many=True)
return Response({
'data1': book1.data,
'data2': book2.data,
'num_pages': p.num_pages,
'page_range': list(p.page_range),
})
diango + vue 登錄注冊
配置全局axios
import Vue from 'vue'
import App from './App'
import router from './router'
Vue.config.productionTip = false
import axios from 'axios' //
Vue.prototype.axios = axios
Vue.prototype.HOME = '/app'//app為主路由
/* eslint-disable no-new */
new Vue({
el: '#app',
router,
components: { App },
template: '<App/>'
})
vue取ID刷新窗口
