本次培训实在第三次作业的基础上进行进一步的讲解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)
}
});
}
}
最后我们可以得到效果图。