基于 python 的 AJAX实现增删改查

最新推荐文章于 2024-04-19 21:45:55 发布
最新推荐文章于 2024-04-19 21:45:55 发布
阅读量473 收藏 2
点赞数 1
分类专栏： 笔记 知识点总结
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AYER_/article/details/102404601
版权

使用flask中的ajax技术实现简单的增删改查这里写部分代码作为参考

  1. 在web网页中写好脚本 提供一个可视化操作界面
  2. <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户管理</title>
    <script type="text/javascript" src="{{ url_for('static',filename='js/jquery-3.2.1.min.js') }}"></script>
    <script type="text/javascript" src="{{ url_for('static',filename='js/formvalidator.js') }}"></script>
</head>
<body>
<form action="/gouserinfo.do" method="post">
    用户名：<input type="text" name="userName" />
    性别：<input type="text" name="userSex" />
            <input type="submit" value="查询">
</form>

<table align="center">
    <caption>{{ message }}</caption>
    <thead>
        <tr>
            <th>
                <input type="button" value="全选"/>
                <input type="button" value="反选"/>
            </th>
             <th>用户ID</th>
             <th>用户名</th>
             <th>用户性别</th>
             <th>操作</th>
        </tr>
    </thead>
    <tbody>
        {% for user in  userList %}
        <tr>
            <td align="center"><input type="checkbox" name="userId" value="{{ user.userId }}" /></td>
            <td>{{ user.userId }}</td>
            <td>{{ user.userName }}</td>
            <td>{{ user.userSex }}</td>
            <td>
                <a href="javascript:submitRemoveUser('{{ user.userId }}')">删除</a>&nbsp;&nbsp;
                <a href="/gomodifyuser.do?userId={{ user.userId }}">修改</a>
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
</body>
</html>

     

  3. userservice.py脚本文件中写入修改数据库数据信息的脚本方法
  4. from dao.userdao import UserDao
from entity.user import User

class UserService:

    def findUserByUserName(self, userName):
        userDao = UserDao()
        return userDao.findUserByUserName(userName)
        pass

    def createUser(self, user):
        userDao = UserDao()
        return userDao.createUser(user)
        pass

    def findUserList(self, user):
        userDao = UserDao()
        userlist = []
        result = userDao.findUserList(user)
        for temp in result:
            tuser = User()
            tuser.userId = temp[0]
            tuser.userName = temp[1]
            tuser.userSex = temp[4]
            userlist.append(tuser)
            pass
        return userlist
        pass

    def removeUser(self, userId):
        userDao = UserDao()
        return userDao.removeUser(userId)
        pass

    def findUserByUserId(self, userId):
        userDao = UserDao()
        result = userDao.findUserByUserId(userId)
        user = None
        if result:
            user = User()
            user.userId = result[0][0]
            user.userName = result[0][1]
            user.userSex = result[0][4]
            pass
        return user
        pass

    # 修改用户信息
    def updateUser(self, user):
        userDao = UserDao()
        return userDao.updateUser(user)
        pass

    def findPageUserList(self, user, pageSize, currentPage):
        userDao = UserDao()
        return userDao.findPageUserList(user, pageSize, currentPage)
        pass

    def countUsers(self, user):
        userDao = UserDao()
        return userDao.countUsers(user)[0]
        pass
    pass

     

  5. 在user.py脚本文件中定义修改数据的函数
  6. # 封装数据类 VO：value object  entity 类
class User():
    def __init__(self):
        self.__userId = None
        self.__userName = None
        self.__userPwd = None
        self.__userSex = None
        pass

    @property
    def userId(self):
        return self.__userId
        pass

    @userId.setter
    def userId(self, userId):
        self.__userId = userId
        pass

    @property
    def userName(self):
        return self.__userName
        pass

    @userName.setter
    def userName(self, userName):
        self.__userName = userName
        pass

    @property
    def userPwd(self):
        return self.__userPwd
        pass

    @userPwd.setter
    def userPwd(self, userPwd):
        self.__userPwd = userPwd
        pass

    @property
    def userSex(self):
        return self.__userSex
        pass

    @userSex.setter
    def userSex(self, userSex):
        self.__userSex = userSex
        pass
    pass

     

  7. 在basedao.py脚本文件中写入用于执行sql语句的通用方法，sql注入
  8. # 引入pymysql
import pymysql
import json
import logging
import os

class BaseDao(): # DAO: database access object

    def __init__(self, configFile='pymysql.json'):
        self.__connection = None
        self.__cursor = None
        self.__config = json.load(open(os.path.dirname(__file__) + os.sep + configFile, 'r'))  # 通过json配置获得数据的连接配置信息
        print(self.__config)
        pass

    # 获取数据库连接的方法
    def getConnection(self):
        # 当有连接对象时，直接返回连接对象
        if self.__connection:
            return self.__connection
        # 否则通过建立新的连接对象
        try:
            self.__connection = pymysql.connect(**self.__config)
            return self.__connection
        except pymysql.MySQLError as e:
            print("Exception:" + str(e))
            pass
        pass

    # 用于执行sql语句的通用方法 # sql注入
    def execute(self, sql, params=None):
        try:
            self.__cursor = self.getConnection().cursor()
            # result返回sql语句影响到的条数
            if params: # 带参数sql语句
                result = self.__cursor.execute(sql, params)
            else:      # 不带参数sql语句
                result = self.__cursor.execute(sql)
            return result
        except (pymysql.MySQLError, pymysql.DatabaseError, Exception) as e:
            print("出现数据库访问异常：" + str(e))
            self.rollback()
            pass
        finally:
            pass
        pass

    def fetch(self):
        if self.__cursor:
            return self.__cursor.fetchall()
        pass

    def fetchOne(self):
        if self.__cursor:
            return self.__cursor.fetchone()
        pass

    def commit(self):
        if self.__connection:
            self.__connection.commit()
        pass

    def rollback(self):
        if self.__connection:
            self.__connection.rollback()
        pass

    # 返回最后的自增主键
    def getLastRowId(self):
        if self.__cursor:
            return self.__cursor.lastrowid
        pass

    def close(self):
        if self.__cursor:
            self.__cursor.close()
        if self.__connection:
            self.__connection.close()
        pass

    pass

     

  9. 在usercontroller.py脚本文件中写修改数据的方法
from flask import Blueprint, Flask, render_template,request,session, url_for,Response, jsonify
import hashlib
from service.userservice import UserService
from entity.user import User
import json

usercontroller = Blueprint('usercontroller', __name__)
userService = UserService()

@usercontroller.route("/login.do", methods=['POST', 'GET'])
def login():
    userName = request.form.get('userName')  # 表单提交的数据使用request.form[]
    userPwd = request.form.get('userPwd')
    result = userService.findUserByUserName(userName)
    print(result)
    if result and  result[0][2] == userPwd:
        session['user'] = userName
        print(hashlib.md5('123456'.encode(encoding='utf-8')).hexdigest())
        # 登录成功，则保存Cookies信息
        resp = Response(render_template('index.html', messasge='登录成功'))
        resp.set_cookie('userName', userName, max_age=7*24*3600)
        resp.set_cookie('userPwd', userPwd, max_age=7*24*3600)
        return resp
        pass
    elif result and  result[2] != userPwd:
        return render_template('login.html', message='用户名或密码错误')
        pass
    return render_template('login.html')
    pass

@usercontroller.route('/logout.do', methods=['POST', 'GET'])
def logout():
    session.clear()
    print('==========', session.get('user'))
    resp = Response(render_template('index.html'))
    resp.delete_cookie('userName')
    resp.delete_cookie('userPwd')
    return resp
    pass

@usercontroller.route('/goregist.do')
def goRegist():
    return render_template('regist.html')
    pass

@usercontroller.route('/regist.do', methods=['POST', 'GET'])
def regist():
    userName = request.form.get('userName')  # 表单提交的数据使用request.form[]
    userPwd = request.form.get('userPwd')

    user = User()
    user.userName = userName
    user.userPwd = userPwd

    result = userService.createUser(user)

    if result > 0:
        return render_template('login.html', message='注册成功')
        pass
    else:
        return render_template('regist.html', message='注册失败')
        pass
    pass

# 查询用户，并且显示
@usercontroller.route('/gouserinfo.do', methods=['POST', 'GET'])
def goUserInfo():
    userName = request.form.get('userName')
    userSex = request.form.get('userSex')
    user = User()
    user.userName = userName
    user.userSex = userSex
    userList = userService.findUserList(user)
    return render_template('systeminfo/userinfo.html', userList = userList, user=user)
    pass

# 删除用户，并且显示
@usercontroller.route('/removeruser.do', methods=['POST', 'GET'])
def goRemoveUser():
    userId = request.args.get('userId')
    userName = request.form.get('userName')
    userSex = request.form.get('userSex')
    user = User()
    user.userName = userName
    user.userSex = userSex
    result = userService.removeUser(userId)
    userList = userService.findUserList(user)
    return render_template('systeminfo/userinfo.html', userList = userList, message='删除成功' if result >0 else '删除失败')
    pass

@usercontroller.route('/gomodifyuser.do', methods=['POST', 'GET'])
def goModifyUser():
    userId = request.args.get('userId')
    user = userService.findUserByUserId(userId)
    return render_template('systeminfo/modifyuser.html', user=user)
    pass

@usercontroller.route('/gomodifysubmit.do', methods=['POST', 'GET'])
def goSubmitModifyUser():
    userId = request.form.get('userId')
    userName = request.form.get('userName')
    userSex = request.form.get('userSex')
    user = User()
    user.userName = userName
    user.userSex = userSex
    user.userId = userId

    result = userService.updateUser(user)
    userList = userService.findUserList(user)
    return render_template('systeminfo/userinfo.html', userList=userList, message='修改成功' if result > 0 else '修改失败')
    pass

@usercontroller.route('/checkusername.do', methods=['POST', 'GET'])
def checkUserName():
    userData = request.get_data()
    userDict = json.loads(userData)

    user = userService.findUserByUserName(userDict.get('userName'))
    dicts = {}
    if user:
        dicts = {'code':1}
        pass
    else:
        dicts = {'code':0}
        pass
    return json.dumps(dicts)
    pass

@usercontroller.route('/goajaxuserinfo.do', methods=['POST', 'GET'])
def goAjaxUserInfo():
    return render_template("systeminfo/userinfoajax.html")
    pass

@usercontroller.route('/ajaxuserinfo.do', methods=['POST', 'GET'])
def getUserInfo():
    userData = request.get_data()
    userDict = json.loads(userData)
    tData = {}

    user = User()
    user.userName = userDict.get('userName')
    user.userSex = userDict.get('userSex')

    currentPage = int(userDict.get('currentPage'))
    pageSize = int(userDict.get('pageSize'))
    opr = userDict.get('opr')
    userId = int(userDict.get('userId'))
    user.userId = userId

    delResult = 0
    if opr == 'del':
        delResult = userService.removeUser(userId)
        pass
    elif opr == 'update':
        tUser = userService.findUserByUserId(userId)
        tData['userId'] = tUser.userId
        tData['userName'] = tUser.userName
        tData['userSex'] = tUser.userSex
        returnData = {'code': 1, 'userData': tData, 'pageSize': pageSize, 'currentPage': currentPage, 'opr':'update'}

        return json.dumps(returnData)
    elif opr == 'submitUpdate':
        userService.updateUser(user)
        pass

    result = userService.findPageUserList(user, pageSize, currentPage)
    counts = userService.countUsers(user)
    totalPage = 0

    if(counts%pageSize == 0):
        totalPage = counts//pageSize
    else:
        totalPage = counts // pageSize + 1
        pass

    returnData = {'code':1, 'userData':result, 'pageSize':pageSize, 'currentPage':currentPage, 'totalPage':totalPage, 'delcode':delResult, 'opr':'search'}

    return json.dumps(returnData)
    pass

实现的大致效果图：

111

这里的代码只是其中的一些关键部分 真正的完整实现还需要大量代码完善其中的细节这里提供一些仅供参考。

有不足请指正！

_AYER_
关注
专栏目录
Python web增删查改demo源码
02-20
使用django开发的Python web demo，包含Python源码和template页面的完整程序，可实现对单表的增删查改的功能
Python学生信息管理系统（增删查改、模糊查找、txt文件输出）# 谭子
tanz10086的博客
10-24 9158
使用Python实现学生信息管理系统，包括简单的增删查改，输出为txt文件，模糊查找及统计性别人数。采用字典和数组作为存储的数据结构，编写多个函数，实现各个功能。
用python做一个可操作性的增删改查学生管理系统+ 源码可直接运行
小墨蛇的博客
05-29 691
【代码】用python做一个可操作性的增删改查学生管理系统+ 源码可直接运行。
Python Tkinter学生信息管理系统（支持增删改查）
u013278255的博客
12-28 3830
在本教程中，我们将实现一个有吸引力且用户友好的桌面应用程序学生管理系统。此应用程序用于存储学生的数据。我们可以将此应用程序用作我们学院的一个小项目。这个应用程序基本上是使用 python 框架 Tkinter 实现的，它提供了实现桌面应用程序的工具。主要创建了 2 个框架，一个框架存储数据，另一个框架用于显示数据。创建表code 主程序code
python-Flask框架用ajax对数据表实现简单的增删改查
g1x2w3的博客
10-08 1376
python-Flask框架用ajax对数据表实现简单的增删改查 以下为代码实现 Blueprint其实本身只是对view上的接口进行了注册，然后整体挂载在app上，Blueprint本身的目的就是组织多模块的平行共存，避免直接在app上注册view，其实更多的只是方便开发和代码的维护，因为最终所有的views上的接口都仍然是直接挂载在app上，其实对应整个应用来说，没有什么明显的区别。 Fla...
BootStrapTable实现增删改查
03-07
在MVC（Model-View-Controller）架构中，结合C#后端，BootstrapTable可以实现数据的增删改查操作，提供用户友好的界面和高效的后台处理。 1. **BootstrapTable的基本结构** BootstrapTable的核心是HTML的`<table>`...
python+Django+layui 实现web 列表增删改查
04-30
在本项目中，我们利用Python的Web框架Django和前端组件库layui来构建一个功能完备的Web应用，...通过以上各个组件的配合，我们可以构建出一个功能完善的Web应用，用户可以通过界面方便地对文章数据进行增删改查操作。
Jquery与Bootstrap实现后台管理页面增删改查功能示例
10-20
在本文中，我们将深入探讨如何使用Jquery与Bootstrap来实现后台管理页面的增删改查（CRUD）功能。这是一个常见的需求，对于任何Web应用程序的后台管理系统来说都是基础且重要的部分。 首先，Jquery是一个轻量级的...
后端基于flask，前端主要使用ajax技术，实现数据库的增删改查.zip
最新发布
06-29
Flask是一个轻量级的Web应用框架，使用Python语言编写。它基于Werkzeug WSGI工具包和Jinja2模板引擎。Flask的设计理念是简单、灵活和可扩展，它不会强制开发者遵循特定的方式去组织应用程序，因此给开发者提供了高度...
django实现的前端页面增删改查
04-21
本项目以"Django实现的前端页面增删改查"为主题，聚焦于如何使用Django与MySQL数据库进行交互，实现前端页面的数据管理功能。 首先，我们需要了解Django的基本架构。Django遵循MVT（Model-View-Template）设计模式...
采用python完成用户的登录、增删改查功能
weixin_44899752的博客
03-22 1502
采用python完成用户的登录、增删改查功能
Python作业|界面UI版学生管理系统
软件开发实战项目分享
06-05 921
语言环境：Python3.7数据库：Mysql: mysql5.7开发工具：IDEA主要作为作业使用，基于Python的UI实现一个学生的信息增删改查的管理系统。完成了Python和数据库的连接，并进行了学生信息的添加、条件查询、修改和删除操作。
python实现学生管理系统-对数据库信息做增删改查
m0_72211532的博客
03-27 2708
5.查询指定学生信息。6.查询所有学生信息。1.用户输入选项界面。一)最终的代码,调用main函数。三)封装对学生信息的增删改查。二）学生管理系统基本框架。三）对数据的增删改查。一)访问数据库的方法。二)数据库的地址信息。四、对数据做增删改查具体的代码。
使用python实现管理系统的增删改查
weixin_44152108的博客
07-01 2055
增删改查，id，管理系统
python 客户管理系统 增删改查 以及 用户带权限的功能。
laocooon的博客
03-27 295
【代码】python 客户管理系统 增删改查 以及 用户带权限的功能。
【开源】使用Python+Flask+Mysql快速开发一个用户增删改查系统
老徐的博客只有干货
04-19 2506
项目本身很简单，增删改查是几乎所有系统的骨架。正所谓万丈高楼平地起，学会了增删改查，航母就指日可待了：），光速入门，直接看演示图： https://github.com/mudfish/python-flask-user-crud说白了就是一个Web框架，能够让你快速开发出Python web应用。简单易用，大家直接看官网就行： https://flask.palletsprojects.com/en/3.0.x/quickstart/懒得折腾Pycharm了，直接Vscode安装pyhon和flask插件
数据库+Python+pyqt实现一个学生管理系统，具有增删改查功能（数据库大作业）
weixin_51462579的博客
12-08 2171
通过一学期的数据库课程，最终完成了一个数据库+python交互的学生管理系统
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值