SQLAlchemy实现插入数据（使用前端页面）

文章目录

1.实验效果：
2.主main.py文件：
3.前端mysql.html文件：

1.实验效果：

如果插入的数据已经存在于数据库中，则出现以下提示：

查看数据库表中的数据，发现已经将数据存入了数据库表中：

2.主main.py文件：

import os
from flask_sqlalchemy import SQLAlchemy
from sqlalchemy.ext.declarative import declarative_base
from sqlalchemy import String,Integer,create_engine,Column
from flask import Flask,render_template,redirect,request,url_for,abort,jsonifyapp=Flask(__name__)class Config:"""相关配置"""# cmd:# 创建数据库:create database flaskdb(数据库名) default charset（类型） utf8;# 使用数据：use flaskdb# 查看数据库表：show tables;SQLALCHEMY_DATABASE_URI='mysql+pymysql://root:root@127.0.0.1:3306/flaskdb'SQLALCHEMY_TRACK_MODIFICATIONS=Trueapp.config.from_object(Config)
#创建数据库
mysql=SQLAlchemy(app)
#创建表
class Moster(mysql.Model):"""管理员表名"""__tablename__='moster'username=Column(String(128),primary_key=True)password=Column(String(128),unique=True)@app.route('/<string:username>/<string:password>',methods=['POST','GET'])
def Insert_User(username,password):#判断数据库表中是否已经存在了此用户，如果存在，则不进行插入数据data=Moster.query.filter(Moster.username==username).all()if data==[]:# 创建对象，进行数据的插入mos = Moster(username=username, password=password)# 创建sessionmysql.session.add(mos)mysql.session.commit()# 关闭数据库mysql.session.close()return jsonify('Add the data Successed!')else:return jsonify('The data have been existed!')@app.route('/index',methods=['POST','GET'])
def index():if request.method=='POST':username=request.form.get('username')password=request.form.get('password')return redirect(url_for('Insert_User',username=username,password=password))return render_template('mysql.html')if __name__ == '__main__':print('Pycharm')# 对数据库进行清除，让数据库是“干净的”# mysql.drop_all()# 创建表mysql.create_all()app.run(debug=True)

3.前端mysql.html文件：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>MySQL</title><style>div {width:250px;height:100px;margin:auto;margin-top:200px;font-size:15px;font-weight:700;border:2px solid #000000;background:#FFFFFF；}div form input {margin-top:10px;}.btn{margin-left:100px;cursor:pointer;}</style>
</head>
<body><div><form action="http://127.0.0.1:5000/index" method="POST"><label>账号: </label><input type="text" name="username"><br><label>密码: </label><input type="password" name="password"><br><input class="btn" type="submit" name="submit" value="提交"><br></form></div>
</body>
</html>

SQLAlchemy实现插入数据（使用前端页面）相关推荐

关于MySQLdb连接数据的使用（插入数据——使用前端页面的方式进行可视化）
1.文件结构: 2.实验效果: 3.关于MySQLdb的下载可以参考以下博主: (1)https://blog.csdn.net/wanglei19891210/article/details/105 ...
首页数据展示前端页面
首页数据展示前端页面 1.首页前端实现 1.1.封装api请求,用户调用后端接口 1.1.1.创建api文件夹,创建/api/hosp/hosp.js 1.1.2.创建/api/cmn/dict.js ...
【python解决SQLAlchemy+MySQL插入数据时报警告Warning: (1366, “Incorrect string value: ‘\\xD6\\xD0\\xB9\\xFA\\xB】
python解决SQLAlchemy+MySQL插入数据时报警告Warning: (1366, "Incorrect string value: '\xD6\xD0\xB9\xFA\xB1\ ...
flask-WTF和sqlalchemy结合使用并实现前端页面登录（综合使用）
文章目录 1.文件结构: 2.实验效果: 3.主文件mani.py: 4.前端页面文件:index.html 5.显示登录成功的前端:login_success.html: 1.文件结构: 2.实验效 ...
利用mochiweb让服务端主动推送数据至前端页面
对于智能化监控软件,从wincc等国外的有相当积累的系统,以及国内一些小型的智能化集成软件,通常其监控数据通过前端绑定控件的方式,做到了实时的通讯,通过控件直接和后端服务交互.这种方式可以灵活的组态, ...
Node+express+ejs+mysql制作查询数据呈现前端页面
一.实现样式二.页面结构 1.文档结构 2.数据库mysql结构 3.使用到的模块三.核心思路该案例使用node+express+ejs+mysql共同实现,实现效果很简单,查询数据库,获取数据 ...
根据后台的数据设置前端页面展示效果
2019独角兽企业重金招聘Python工程师标准>>> eg1:后台数据:0:女,1:男: 前端展示效果为:男或女,而不是显示0或1 eg2:后台数据:1:模组1, 2:模组2 ...
vue 怎么样不重复往数组里插入数据_前端数据结构与算法(1) -二分查找vs二叉树...
今天给大家开始介绍前端方面的数据结构,刚把vue源码过完就开始数据结构,可见它的地位有多重要.有人说我一前端又不是后端学这个数据结构干嘛,好吧,只能说你还没有这个意识,一是面试很多大厂就会考察,我面试 ...
flask-WTF和sqlalchemy结合使用并实现管理员表和用户表之间的关联关系（结合前端页面实现管理员和用户选择登录）
文章目录 1.文件结构: 2.最后实验效果: 3.主文件:main.py: 4.前端文件:Users.html: 5.前端文件:Roles.html: 6.前端文件:base.html: 7.前端文件 ...

SQLAlchemy实现插入数据（使用前端页面）

文章目录

1.实验效果：

2.主main.py文件：

3.前端mysql.html文件：

SQLAlchemy实现插入数据（使用前端页面）相关推荐

最新文章

热门文章