【无标题】

本次培训实在第三次作业的基础上进行进一步的讲解l;

主要任务有一下几点

1.鸿蒙app发送网络请求

json数据格式的理解

Json.parse

Json.stringify

2．Django后端接受请求与显示数据内容

3．Django给前端进行反馈，app接收反馈内容并显示

在培训开始前需要我们对node.js进行安装，

以便我们后期对端口进行操作

首先我们下载node安装包，然后我们

选择自己已经知道的路径进行安装；

因为我们后面需要对node进行环境的配置，

需要输入我们node的路径，

具体配置流程如下;

 

 在配置好之后我们进行

 一个num 的安装，

Js有关代码：

关于qs.stringify

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

在终端中输入以上代码即可

然后对于上节课内容

首先要理解django里面的文件

1、使用的是MySQL，这里需要在__init__.py导入pymysql,，注意是创建项目时生成的__init__.py文件

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

2.2、填写上 ALLOWED_HOSTS =[‘*’]可以使所有的网址都能访问Django项目了项目测试的时候，可以这么做，但是这样就失去了保护

局域网内另一台电脑访问方法(23条消息) Django设置ALLOWED_HOSTS后,依然不能被其他电脑通过ip访问_南国韭菜的博客-CSDN博客_allowed_hosts django

2.3、添加子应用在settings里面（迁移表之前需要完成的事项）

3、导入本地MySQL，方便查看：

后端准备好之后我们进行前端的改写

2.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"
  }
],

然后是

2.3.前端JS代码
主要是onClick方法里后端数据的获取，路径一定要和Django里写的对应上！

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)
            }
 
        });
    }
}
最后我们可以得到效果图。