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

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

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

前端代码：

<!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. 洛谷P2261 余数求和

    整除分块的小应用. 考虑到 k % x = k - (k / x) * x 所以把 x = 1...n 加起来就是 k * n - (k / i) * i i = 1...k(注意这里是k) 对于这个 ...

  2. 常用的git操作

    (转)仅供自己学习,特此转发记录 链接:Git命令清单

  3. eclipse 中新建文件报错The superclass "javax.servlet.http.HttpServlet" was not found on the Java Buil

    在eclipse中新建文件报错错误提示如下: The superclass "javax.servlet.http.HttpServlet" was not found on th ...

  4. nginx安装配置: configure命令

    configure命令用来配置nginx编译环境. 该命令定义了系统各方面功能,包括允许nginx使用的连接处理方式. 其执行结果是生成一个Makefile文件. configure命令支持如下参数: ...

  5. opencv: flip函数的使用；

    flip函数用于图像翻转,比较方便.在opencv中有几种形式: C++: void flip(InputArray src, OutputArray dst, int flipCode) Pytho ...

  6. delphi架构

    概要介绍:Object Pascal语言的结构比较特殊,跟C有很大的不同,但是它秉承PASCAL语言的一贯结构化的传统,相信大家很容易就可以了解. 一:Program 单元     一个object  ...

  7. 下载神器（vip下载速度）

    简单介绍: 用过好几款下载神器,现在推荐一款比较好用的软件,强调一点本软件强调开源免费的原则,禁止一切人员在其中收取费用. 我把这款软件放到了,自己的百度云盘. 神器的使用教程如下: 百度云下载连接: ...

  8. Yearning 介绍(SQL审核平台)

    介绍 Yearning SQL 审计平台 基于Vue.js与Django的整套mysql-sql审核平台解决方案.提供基于Inception的SQL检测及执行. GitHub:https://gith ...

  9. PL/SQL Developer

    下载 一.Oracle 客户端(两种) 1.免安装轻量版(以这个为例) https://www.oracle.com/technetwork/database/database-technologie ...

  10. python mysql安装&&简单基础sql

    ##############总结############## 1.mysql 介绍 Mysql是开源的,所以你不需要支付额外的费用. Mysql支持大型的数据库.可以处理拥有上千万条记录的大型数据库. ...