先来贴一窜代码让大家理解前端/后端/数据库的工作原理，

首先简要说明：前端向后端请求数据，后端根据前端请求数据的类别分析其需求，并连接到数据库获取相应数据：

来一段简单的实例代码模拟淘宝商城：

前端代码：

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

        <script src="js/vue.js" type="text/javascript" charset="utf-8"></script>

        <script src="js/socket.io.js" type="text/javascript" charset="utf-8"></script>

        <script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>

    </head>

    <body>

        <div id="app">

            <div class="conList">

                <div class="content" v-for='item in contentList'>

                    <h3>{{item[]}}</h3>

                    <img :src="item[2]"/>

                    <p>价格：{{item[]}}</p>

                    <p>数量：{{item[]}}</p>

                </div>

            </div>

        </div>

        <script type="text/javascript">
　　　　　　//连接到本地服务器

            var socket=io('http://localhost:7444')

            var app=new Vue({

                el:'#app',

                data:{

                    contentList:[],

                },

                mounted:function(){

                    //数据加载后向后台请求数据，请求数据名称为getContentList

                    socket.emit('message','getContentList')

                    }

            })

            //监听后端返回的数据

            socket.on('reply',function(data){

                //如果返回数据类型为contentList则做如下操作

                if (data.type=='getContentList'){

                    app.contentList=data.data

                }

//            console.log('data',data.data)

            })

        </script>

    </body>

</html>

后端socketio框架服务器：

import  socketio

import eventlet

import random

import pymysql

# 实例化socketio对象

sio=socketio.Server()

@sio.on('connect')

def connect(sid,environ):

    print('environ123',environ)

#  监听前端传入的请求数据

# 根据请求数据连接数据库获取目标数据

@sio.on('message')

def message(sid,data):

    print('message',data)

    if data=='getContentList':

        # 连接数据库

        db=pymysql.connect('localhost','root','','python1')

        # 使用 cursor() 方法创建一个游标对象 cursor

        cursor=db.cursor()

        #mysql语句

        sql='select item_id,item_title,item_image,item_price,num from tb_cart;'

        # 执行sql语句

        cursor.execute(sql)

        # 获取所有游标

        data1=cursor.fetchall()

        # 因为data1为元组，到传到前端只能读取到一条信息，所以要转成列表

        data=list(data1)

        # 给前端返回数据标名数据类型，前端好区分需求数据

        content={'type':'getContentList','data':data}

        print(data,'')

        # 将整理好的数据返回到前端

        sio.emit('reply',content)

@sio.on('disconnect')

def disconnect(sid):

    print('disconnect123',sid)

if __name__=='__main__':

    # sio通过middleware转为应用服务

    app=socketio.Middleware(sio)

    # 依赖eventlet网关服务器

    eventlet.wsgi.server(eventlet.listen(('',)),app)

python后端从数据库请求数据给到前端的具体实现的更多相关文章

  1. python后端将svc文件数据读入数据库具体实现

    如何用python将svc文件的数据读入到MySQL数据库里,在此直接上代码了,感兴趣的朋友可以贴代码测试: import pandas as pd import os from sqlalchemy ...

  2. echarts通过ajax向服务器发送post请求,servlet从数据库读取数据并返回前端

    1.echarts的官网上的demo,都是直接写死的随机数据,没有和数据库的交互,所以就自己写了一下,ok,我们开始一步一步走一遍整个流程吧. 就以官网最简单的那个小demo来做修改吧.官网上的小de ...

  3. 使用python将mysql数据库的数据转换为json数据

    由于产品运营部需要采用第三方个推平台,来推送消息.如果手动一个个键入字段和字段值,容易出错,且非常繁琐,需要将mysql的数据转换为json数据,直接复制即可. 本文将涉及到如何使用Python访问M ...

  4. 使用python脚本从数据库导出数据到excel

    python从数据库导出数据到excel 最近需要从数据库里导出一些数据到excel,刚开始我是使用下面的命令 select * from xxx where xxx into outfile 'xx ...

  5. Python向mysql数据库插入数据

    一.向表tcolor中插入数据的主要流程如下: import datetimeimport pymysql.cursorsconnection = pymysql.connect(host='loca ...

  6. 【转】用python比对数据库表数据的脚本

    最近在做一个数据库异构复制的项目,客户表示需要一个数据比对的工具,我就自己写了一个异构数据库的比对python脚本.这个比对脚本只能比对数量,不能比对具体的记录.使用的sql语句也是最基础的selec ...

  7. 三、Python系列——Pandas数据库读取数据

    Pandas主要先读取表格类型的数据,然后进行分析. import pandas as pd# 由于是用pandas模块操作数据,因此不用在路径前加open,否则就是python直接打开文件,可能还会 ...

  8. Python连接MySQL数据库获取数据绘制柱状图

    一.Python通过pymysql包获取MySQL数据库中的数据(没有对应包的可以通过pip install pymysql 安装对应的包) import matplotlib.pyplot as p ...

  9. 用Python向MySQL数据库插入数据

    最近一直在学习MySQL数据库,很感兴趣.这次我做了一个简单的尝试,使用Python3.4与MySQL数据库进行交互,将一份从雪球网上下载的某股票数据上传至MySQL数据库.仅为初学者提供参考,高手请 ...

随机推荐

  1. 洛谷P4362 贪吃的九头龙

    大意就是把一棵树的点染成m种颜色,其中1号点的颜色必须染恰好k个节点. 总代价是所有两端点颜色相同的边的边权. 求最小代价. 解:可以分为m == 2和m > 2两个题. m > 2时有代 ...

  2. saltstack常用命令

    Salt通过公钥加密和认证minions.想要让minion从master端接受命令,minions的密钥需要被master接受 salt-key -L #列出master上的密钥; salt-key ...

  3. luogu3731 新型城市化

    题目链接 思路 这道题对于题意的转化很关键. 题目要求的是添上一条边,使得图中最大团的大小变大.给出的边是原图的补集,这就给我们了提示. 因为题目中说,原图中最多有两个团.所以给出的边一定形成了一个二 ...

  4. Unity 摄像机跟随

    方式一:将摄像机直接拖到游戏对象的下面: 方式二:脚本实现 using System.Collections; using System.Collections.Generic; using Unit ...

  5. 委托delegate

    委托delegate没有函数体.委托可以指向函数(要与指向的函数格式.类型相一致) namespace demo { public delegate double MyDelegate(double ...

  6. （分治法 快速幂）P1226 【模板】快速幂||取余运算 洛谷

    题目描述 输入b,p,k的值,求b^p mod k的值.其中b,p,k*k为长整型数. 输入输出格式 输入格式: 三个整数b,p,k. 输出格式: 输出“b^p mod k=s” s为运算结果 输入输 ...

  7. 列举一些 MacBook Pro 必需的外设和应用程序推荐

    来源:知乎 文章收录于:风云社区SCOEE,提供上千款mac软件下载 基于从事Apps设计或开发者,使用 MacBook Pro,以下罗列一些必需的外设和应用程序推荐. Retina 256GB SS ...

  8. db mysql / mysql cluster 5.7.19 / my.cnf / max_binlog_cache_size / binlog

    s mysql修改binlog保存的天数 https://blog.csdn.net/Hu_wen/article/details/80582013 查看binlog过期时间,设置的时间为90天,这个 ...

  9. Presto JVM.config

    Presto 如果启动时候 指定 CMS,那么 launcher run 会提示 G1 回收算法是 推荐的垃圾回收算法,针对 Presto 大内存 回收,G1 暂时 应该是最稳妥的选择,调整之后大约如 ...

  10. Java NIO系列教程（七） selector原理 Epoll版的Selector

    目录: Reactor(反应堆)和Proactor(前摄器) <I/O模型之三:两种高性能 I/O 设计模式 Reactor 和 Proactor> <[转]第8章 前摄器(Proa ...