1.前端配置
1.1config.json代码配置
deviceConfig模块配置。
"default": {
"process": "com.huawei.hiworld.example",
"supportBackup": false,
"network": {
"cleartextTraffic": true
}
}
如图
module配置
"reqPermissions": [
{
"name": "ohos.permission.GET_NETWORK_INFO"
},
{
"name": "ohos.permission.SET_NETWORK_INFO"
},
{
"name": "ohos.permission.INTERNET"
}
],
如图
1.2hml页面代码
1.3js页面代码
注意代码中的qs的导入,软件自身是没有这个包的,我们需要在Terminal中输入指令进行安装。
安装指令为
npm install qs
npm install querystring
如果安装qs的代码指令无法被识别的话,是因为没有安装node.js,需要进行安装。
如果安装node.js后仍无法下载qs,则以管理员身份重新启动软件。
nodejs安装及环境配置_车银优的博客-CSDN博客_nodejs安装及环境配置
2.后端Django接口配置
2.1连接数据库
之前的csdn讲的有
Python连接MySQL数据库_心之所向,我之所望的博客-CSDN博客
2.2创建app
代码指令为
python manage.py startapp app的名称
2.3models.py迁移数据库
在model.py中创建表,然后进行表的迁移。
示例:
在终端中输入指令进行表的迁移。
python manage.py makemigrations app名称 # 让 Django 知道我们在我们的模型有一些变更
python manage.py migrate app名称 # 创建表结构
2.4views.py配置
在进行views.py配置前,首先要进行路由配置,之前的csdn也讲过。
2.5运行后端
在终端中输入如下代码
python manage.py runserver 127.0.0.1:8000
.然后终端会显示如下界面
此时显示运行成功。
如果没有显示,则是端口号被占用,需要更换端口号。
Django-解决报错Error: [WinError 10013] 以一种访问权限不允许的方式做了一个访问套接字的尝试。_Python454的博客-CSDN博客
在终端中重新输入如下命令
python manage.py runserver 127.0.0.1:更换的端口号
然后注意更改前端中js页面中的路径为更换后的
2.6运行前端
点击按钮,下方会出现我们接收到的数据,如图所示:
至此,前后端交互完毕。