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

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

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

前端代码：

<!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. poj2054 Color a Tree

    神题.这题是巨毒瘤... 自己写真可谓是: 排空驭气奔如电,上天入地求之遍 上穷碧落下黄泉,两处茫茫皆不见 由于我们知道:不是树形时,不停选值最大的节点可以得到最小代价. 那么我们就能想出一个错误的贪 ...

  2. A1114. Family Property

    This time, you are supposed to help us collect the data for family-owned property. Given each person ...

  3. 有趣的js获取input标签中光标的索引

    先看动图如下,我们就可以很清楚的知道获取input标签中光标的索引的意思了. 由于IE支持document.selection,Firefox,Chrome,Safari以及Opera都有select ...

  4. win10 python3.5 自动补全设置

    https://www.cnblogs.com/lgh344902118/p/8521437.html # python startup file import readline import rlc ...

  5. PMP项目管理考试培训机构内部资料打包赠送（3个PPT）

    PMP认证考试我自己这边是今年6月份考过了的,手里觉得对自己有帮助的资料就是这3个PPT,讲解的比较清晰,知识点详细.结合自己做的笔记,备考十分轻松.所以推荐大家也看一下. 有需要的可以联系. PPT ...

  6. vcf文件去除非变异的基因型（use GATK exclude nonvariant in vcf format,0|0,0/0）

    对于某些特殊vcf,想去除没有变异的基因型(主要形式为0|0或者0/0),则需要用到GATK的--excludeNonVariants参数,命令行如下: java -Xmx8g -jar Genome ...

  7. H5新增元素

    标签 标记意义及用法分析/示例 属性/属性值/描述 <article> 定义独立的内容,如论坛帖子.报纸文章.博客条目.用户评论等内容. 支持HTML5的全局属性和事件属性. <as ...

  8. Going Home POJ - 2195 （最小费用最大流）

    On a grid map there are n little men and n houses. In each unit time, every little man can move one ...

  9. linux文件系统启动流程、启动脚本

    linux文件系统启动流程.启动脚本 下面是一张Linux启动流程图: 在了解启动流程之前,我们应该先知道系统的几个重要脚本和配置文件,他们对应的路径为: 1. /sbin/init 2. /etc/ ...

  10. 【CF280D】 k-Maximum Subsequence Sum ，线段树模拟费用流

    昨天考试被教育了一波.为了学习一下\(T3\)的科技,我就找到了这个远古时期的\(cf\)题(虽然最后\(T3\)还是不会写吧\(QAQ\)) 顾名思义,这个题目其实可以建成一个费用流的模型.我们用流 ...