djanjo第四次培训

1.Django项目文件

• settings.py   是项目整体配置
• urls.py          项目URL配置文件
• wsgi.py         项目与WSGI兼容的Web服务器入口
• manage.py   项目管理文件，主要用于命令行

2.app创建后要加入setting.py

 3.pycharm链接数据库

 4.前后端交互

        4.1前端的实现

        安装node.js

        安装qs.stringify

npm install qs 和 npm install querystring

        4.2 Config.json的配置

修改以下部分代码：

1.
"deviceConfig": {
  "default": {
    "process": "com.huawei.hiworld.example",
    "supportBackup": false,
    "network": {
      "cleartextTraffic": true
    }
 
2.
"reqPermissions": [
  {
    "name": "ohos.permission.GET_NETWORK_INFO"
  },
  {
    "name": "ohos.permission.SET_NETWORK_INFO"
  },
  {
    "name": "ohos.permission.INTERNET"
  }
],

  4.3 前端js代码

import router from '@system.router';
import fetch from '@system.fetch';
import qs from 'querystring';
 
export default {
    data:{
        winfo:""
    },
    onClick(){
        fetch.fetch({
            url:'', //输入后端路径
            data: qs.stringify({'id':'1'}),//验证
            responseType:"json",//请求的参数类型
            method:"POST",
            success:(resp)=>
            {
                this.winfo = resp.data;//令获取到的后端数据赋值给winfo
                console.log("返回的数据："+this.winfo);//打印出数据
 
            },
            fail:(resp)=>
            {
                this.winfo = resp.data;
                console.log("获取数据失败："+this.winfo)
            }
        });
    }
}

4.4 后端Django代码

from django.shortcuts import render
from django.http import HttpResponse
from django.shortcuts import render
from student import models
from rest_framework.views import APIView
 
class AppReq1(APIView):
    def post(self, request):
        re = models.Students.objects.filter(Age=20)
        arr = []
        for i in re:
            content = {'姓名': i.Name, '邮箱': i.Email, '年龄': i.Age}
            arr.append(content)
        print(arr)
        print(type(arr))
        ID = request.data.get('id')
        # username = request.data.get('username')
        # password = request.data.get('password')
        print(ID)
        # print(username)
        # print(password)
        return HttpResponse(arr)

4.5 效果展示