前言

本文记录梅科尔工作室IoT组DjangoWeb 应用框架+MySQL数据库第五次培训笔记，主要包括鸿蒙 app 登录请求与实现（另外一种方式：不使用 model.py 文件，不执行表迁移）和动态读取文本框内数据内容 2．Django 后端数据验证（MySQL 数据库数据查询）

这里感谢潘学姐的讲解！辛苦啦！

1.App 登录请求与实现

1.1.views.py连接数据库

代码如下：

try:ct = pymysql.connect(host='127.0.0.1',  # 或者是写localhostport=3306,  # 端口号user='root',  # MySQL登录用户名password='xxx',  # MySQL登录密码db='test2',  # 要连接的数据库名称charset='utf8')  # 表的字符集print("数据库连接成功")
except pymysql.Error as er:print('连接失败'+str(er))

1.2.前端编程

Hml代码如下：

<div class="cb-container"><div class="cb-title"><text class="cb-title-text">登录测试</text></div><image src="../../common/images/123.png"></image><div class="container1"><div><input name="username" class="input" type="text" maxlength="10" placeholder="用户名" onchange="inputAccount"/></div></div><div class="container2"><div><input name="password" class="input" type="password" maxlength="10" placeholder="密码" onchange="inputPassword"/></div></div><div class="container"><button onclick="onClick" class="btn-map" style="background-color: darkturquoise; height: 50px;">立即登录</button></div><div><text>{{winfo}}</text></div>
</div>

效果如下：

JS文件代码如下：

import router from '@system.router';
import fetch from '@system.fetch';
import qs from 'querystring';export default {data:{winfo:"" //定义winfo用于存放后端反馈数据},inputAccount(a){this.username = a.value;},inputPassword(a){this.password = a.value;},onClick(){fetch.fetch({url:`http://127.0.0.1:8007/student/AppReq1/`, //后端路径，一定不能错，用的是反单引号data: qs.stringify({'username':'123456','password':'12345'}),//验证，将字符串转发给后端，后端会受到这个请求responseType:"json",//请求的参数类型method: "POST",success:(resp)=>{this.winfo = resp.data;//令获取到的后端数据赋给winfoconsole.log("返回的数据："+this.winfo);//打印出数据},fail:(resp)=>{this.winfo = resp.data;//令获取到的后端数据赋给winfoconsole.log("获取数据失败："+this.winfo)//打印出数据}});}
}

css代码不再展示，写的很烂啊哈哈，头疼！

1.2.建表（不依赖DJango）

这里使用的是Navicat，在左侧栏，选中想要建表的数据库，右键选择新建表即可，原理就是跳过Django直接对数据库操作，不需要代码，如下所示：

注意，建好表之后，后端代码要和表名以及表中数据对应。

1.3.后端编程

路径新增 login

from django.urls import path
from . import views
from student.views import AppReq1,login
app_name ='student'
urlpatterns = [path('AppReq1/', AppReq1.as_view()),path('login/', login.as_view()),
]

views.py新增login类

class login(APIView):  # login类视图def post(self,request):  # 创建post方法username = request.data.get("username")  # 获取前端反馈值usernamepassword = request.data.get("password")  # 获取前端反馈值passwordprint(username)cur = ct.cursor()  # 创建游标sql = "select * from login where name =%s"  # sql语句查询数据表数据，要和数据表一样values = (username)try:if cur.execute(sql, values):  # 执行sql语句ct.commit()results = cur.fetchall()for row in results:# 获取到的列表对应列，注意id为第0列Pusername = row[1]  # 获取数据namePpassword = row[2]  # 获取数据pwdprint(Pusername)  # 打印Pusername验证是否获取print(Ppassword)  # 打印Ppassword验证是否获取if password ==Ppassword:  # 验证密码是否正确print("账号密码验证通过")return HttpResponse('欢迎尊贵的'+Pusername)else:print('查无此人！')except pymysql.Error as e:print("查无此人："+str(e))return HttpResponse("请求失败")

注意点：前端反馈给后端的数据键值对的“键”，一定要和后端对应，后端获取表中数据一定要和表中数据对应。

2.效果展示

前端展示：

后端展示：

总结

以上就是第四次培训的笔记内容和效果展示本文，主要就是前后端与数据的对应，感谢潘姐！！！

梅科尔工作室-DjangoWeb 应用框架+MySQL数据库第五次培训相关推荐

梅科尔工作室-Django学习笔记（二次学习）（3）
本次学习的是如何用django实现前端鸿蒙OS登录下面介绍一下本次的操作过程. 1.首先创立MySQL数据并将数据库导入到django当中其中:导入数据库的操作: 2.配置urls 对应新建的pe ...
梅科尔工作室-鸿蒙笔记1
梅科尔工作室-于天姿-鸿蒙笔记1 一.主要目录配置文件作用 1.stage模型其中常用模块为app.json模块,entry模块,module.json模块. app.json5中,icon是应用图 ...
梅科尔工作室-李庆浩深度学习 KNN算法与SVM算法
1.KNN与SVM对比分析 1.1算法原理 KNN算法是物以类聚,人以群分,身旁哪个种类最多就把预测的样本归为哪一类,基本原理就是找到距离最近的K个元素,然后将这K个元素进行排列,哪个种类多,就将样本 ...
毕业设计——音乐播放系统可以自己上传歌曲 SSM框架 MYSQL数据库功能齐全
音乐播放系统可以自己上传歌曲 SSM框架 MYSQL数据库功能齐全可以注册账号登录在线上传歌曲发表评论在线听音乐登录注册首页播放音乐以及在线评论个人后台页面查看我发布的以及上 ...
梅科尔工作室-深度学习第五讲 CNN-卷积神经网络
目录前言 1.计算机视觉 1.1. 计算机视觉分类 2. CNN 3. 卷积层 3.1. 什么是卷积 3.2. 动态卷积操作 4. 池化层 5.激活函数的作用前言本文记录梅科尔工作室深度学习培训 ...
在线车辆推荐网 Python语言+Django框架+Mysql数据库基于用户、物品的协同过滤推荐算法开发在线汽车推荐系统二手车网站推荐系统分布式大数据、机器学习、人工智能开发
在线车辆推荐网 Python语言+Django框架+Mysql数据库基于用户.物品的协同过滤推荐算法开发在线汽车推荐系统二手车网站推荐系统分布式大数据.机器学习.人工智能开发 CarRecom ...
Mysql数据库（五）——mysql事务及引擎
Mysql数据库(五)--mysql事务及引擎一.事务 1.事务的概念 2.事务的ACID特点 ①.原子性(Atomicity) ②.一致性(Consistency) ③.隔离性(Isolation ...
MySQL数据库入门到高薪培训教程（从MySQL 5.7 到 MySQL 8.0）
一.MySQL数据库入门到高薪培训视频教程(从MySQL5.7到MySQL8.0) 本套MySQL学习教程地址: https://edu.51cto.com/course/18034.html 为满足 ...
freecplus框架-MySQL数据库操作
文章目录一.源代码说明二.概述三.connection类四.sqlstatement类五.程序流程 1.无结果集SQL的程序的流程 2.有结果集SQL的程序的流程六.示例程序 1.创建超女 ...

梅科尔工作室-DjangoWeb 应用框架+MySQL数据库第五次培训

目录

前言