djanjo fourth training

1.Django project file

• settings.py is the overall configuration of the project
• urls.py project URL configuration file
• wsgi.py Project WSGI Compatible Web Server Portal
• manage.py Project management file, mainly used for command line

Add setting.py after 2.app is created

3.pycharm link database

4. Front-end and back-end interactions

4.1 Front-end implementation

Install node.js

Install qs.stringify

npm install qs and npm install querystring

4.2 Configuration of Config.json

Modify the following part of the code:

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

4.3 Front-end js code

import router from '@system.router';import fetch from '@system.fetch';import qs from 'querystring';export default {data:{winfo:""},onClick(){fetch.fetch({url:'', //Enter the backend pathdata: qs.stringify({'id':'1'}),//VerifyresponseType:"json",//The parameter type of the requestmethod:"POST",success:(resp)=>{this.winfo = resp.data;//Assign the acquired backend data to winfoconsole.log("Returned data: "+this.winfo);//Print out the data},fail:(resp)=>{this.winfo = resp.data;console.log("Failed to get data: "+this.winfo)}});}}

4.4 Backend Django code

from django.shortcuts import renderfrom django.http import HttpResponsefrom django.shortcuts import renderfrom student import modelsfrom rest_framework.views import APIViewclass AppReq1(APIView):def post(self, request):re = models.Students.objects.filter(Age=20)arr = []for i in re:content = {'Name': i.Name, 'Email': i.Email, 'Age': i.Age}arr.append(content)print(arr)print(type(arr))ID = request.data.get('id')# username = request.data.get('username')# password = request.data.get('password')print(ID)# print(username)# print(password)return HttpResponse(arr)

4.5 Effect Display