djangoWeb 应用框架+MySQL数据库 前后端数据连接

目录

鸿蒙端启用config.jison

前端代码

html代码

js代码

后端

---

鸿蒙端启用config.jison

 设置为true

配置module

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

在JS中导入

import qs from 'querystring'

在终端输入

npm install qs 和 npm install querystring

前端代码

html代码

<div class="container">
    <div class="title">
        <text class="txt">前端</text>
        <text class="txt1"></text>
    </div>
    <div class="login">
        <button class="btn" onclick="onClick">请求响应</button>
    </div>
    <div class="back">
        <text>{{winfo}}</text>
    </div>
</div>

js代码

import fetch from '@system.fetch';
import router from '@system.router';
import qs from 'querystring';
export default{
    data:{
        winfo:"",
    },
    onClick(){
        fetch.fetch({
            url:`http://127.0.0.1:8005/Train/AppReq1/` ,
            data:qs.stringify({'id':'1'}),
            responseType:"json",
            method:"POST",
            success:(resp)=>{
                this.winfo = resp.data;
                console.log("返回数据："+this.winfo)
            },
            fail:(resp)=>{
                this.winfo = resp.data;
                console.log("获取数据失败："+this.winfo)
            }
        });
    }
}

后端

Setting.py文件：将 ALLOWED_HOSTS =[‘*’]，可以使所有的网址都能访问Django项目 

编辑类