django和鸿蒙前端的交互响应

最新推荐文章于 2022-10-11 15:44:59 发布

respectable-face

最新推荐文章于 2022-10-11 15:44:59 发布

阅读量439

点赞数

文章标签： django 前端数据库

本文链接：https://blog.csdn.net/m0_56309491/article/details/125861954

版权

1、在Setting.py文件：连接自己的MySQL和对应的数据库

如果数据库名通过： show databases;查看（在属性name=’数据库名‘）

2、settings.py中语句为 ALLOWED_HOSTS =[‘*’]表示可以使所有的网址都能访问Django项目了

3、添加数据库（Database一栏中填写要引入的：数据库名）

4、Js有关代码：

关于qs.stringify

import qs from 'querystring'//npm install qs 和 npm install querystring

qs.stringify把一个参数对象格式化为一个字符串,将对象序列化成 URL 的形式(a=b&c=d)，以&进行拼接

JSON.parse() 方法用来解析JSON字符串,将JSON字符串转换为JSON对象(把key=value连接字符串转成对象,如：name=hehe&ange=10==>{name:'hehe', ange:10}

5、鸿蒙：（其中：cleartextTraffic:true要设置成true的形式）

Config.json 配置：

"deviceConfig": {
 "default": {
 "process": "com.huawei.hiworld.example",
 "supportBackup": false,
 "network": {
 "cleartextTraffic": true
 }
 }
},

"reqPermissions": [
 {
 "name": "ohos.permission.GET_NETWORK_INFO"
 },
 {
 "name": "ohos.permission.SET_NETWORK_INFO"
 },
 {
 "name": "ohos.permission.INTERNET"
 }
],

6、鸿蒙页面布局部分代码（onclick点击获取响应）


    <div>
        <button class="btn" onclick="onclick">
            请求响应
        </button>
    </div>
    <div>
        <text class="txt2">{{all}}</text>
    </div>

7、鸿蒙js代码

import qs from 'querystring'//上方的解释
import fetch from '@system.fetch';
export default{
    data:{
        all:""
    },
    onclick(){//函数
//        发起网络请求
        fetch.fetch({
            url:`http://127.0.0.1:8000/tt/AppRed/`,//路径与django中的信息一一对应（必须一致）
            data:qs.stringify({'id':'1'}),//手动传递key值
            responseType:"json",
            method:"POST",
            success:(resp)=>
            {
                this.all=resp.data;
                console.log("返回数据："+this.all)
             },
            fail:(resp)=>{
                console.log("获取失败")
            }
        });
    },
}

8、django后端部分代码


 class AppRed(APIView):
    def post(self, request):
        print("连接成功·")
        res = B.objects.filter(id=1)
        arr = []
        for i in res:
            content = {'姓名': i.Name, '年龄': i.Age, '性别': i.Sex}
            arr.append(content)
        ID = request.data.get('id')
        print(ID)
        return HttpResponse(arr)