web开发python实现web服务器(flask测试统计图表)(代码片段)

author author     2022-12-05     789

关键词:

1、前言

提示:Flask是一个用python语言基于Werkzeug工具箱编写的轻量级web开发框架,它主要面向需求简单,项目周期短的小应用。

Flask是一个使用 Python 编写的轻量级 Web 应用框架。其 WSGI 工具箱采用 Werkzeug ,模板引擎则使用 Jinja2 。Flask使用 BSD 授权。

4、Flask测试网页(统计图表)

4.1 基于echarts的统计图的网页

https://echarts.apache.org

  • ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。

  • ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭。

  • test_echarts.py:

#***************************************************************
#   Purpose:   基于echarts的统计图的网页(Flask的web服务器)
#   Author:    爱看书的小沐
#   Date:      2022-5-29
#   Languages: python
#   Platform:  python 3.9 win64
#   OS:        Win10 win64
# **************************************************************

from flask import Flask, Response, request
from flask import render_template, make_response, jsonify, send_from_directory
from io import FileIO
import os
import mimetypes
from flask_cors import CORS, cross_origin

app = Flask(__name__)
# cors = CORS(app)
CORS(app, supports_credentials=True)
# CORS(app, resources=r/*)
# cors = CORS(app, resources=r"/api/*": "origins": "*")

# 跨域支持
@app.after_request
def af_request(resp):     
    """
    #请求钩子,在所有的请求发生后执行,加入headers。
    :param resp:
    :return:
    """
    resp = make_response(resp)
    resp.headers[Access-Control-Allow-Origin] = *
    resp.headers[Access-Control-Allow-Methods] = GET,POST
    resp.headers[Access-Control-Allow-Headers] = x-requested-with,content-type
    return resp

# 只允许路径为/login跨域!
@app.route(/login)
@cross_origin()
def data():
    return jsonify(name:tomcat)

@app.route(/test)
@cross_origin(supports_credentials=True)
def hello():
    name = request.args.get("name", "World")
    return fHello, name!

@app.route(/)
def index():
    return render_template(test_echarts.html)

@app.route("/<path>")
def get_cesiumfile(path):
    directory = os.getcwd() + "/static/echarts-5.3.2/package/dist/"
    response = make_response(send_from_directory(directory, path.encode(utf-8).decode(utf-8), as_attachment=False))
    mime_type = mimetypes.guess_type(path)[0]
    if path.endswith(".js") :
       mime_type = "application/javascript"
    response.headers[Content-Type] = mime_type
    print(directory, path, mime_type)
    return response

@app.route(/favicon.ico)
def favicon():
    return send_from_directory(os.path.join(app.root_path, static), favicon.ico
        , mimetype=image/vnd.microsoft.icon)

if __name__ == __main__:
   app.run(debug = True)
  • 运行结果:

4.2 基于Highcharts.js的统计图的网页

https://www.highcharts.com.cn/

Highcharts 是一个用纯 JavaScript 编写的一个图表库, 能够很简单便捷的在 Web 网站或是 Web 应用程序添加有交互性的图表,并且提供给个人学习、个人网站和非商业用途使用。

Highcharts 支持的图表类型有直线图、曲线图、区域图、柱状图、饼状图、散状点图、仪表图、气泡图、瀑布流图等多达 20 种图表,其中很多图表可以集成在同一个图形中形成混合图。

  • 开源 Highcharts 最重要的特点之一就是:你都可以下载源码并可以对其进行编辑。基于开源社区我们可以第一时间获取用户的需求、及时的 Bug 修复及吸收社区贡献。
  • 纯 JavaScript Highcharts 完全基于 HTML5 技术,不需要再客户端安装任何插件,如 Flash 或 Java。此外你也不用配置任何服务端环境,不需要 PHP、Tomcat、ASP.NET 等,只需要两个 JS 文件即可运行。
  • 丰富的图表类型 Highcharts 支持的图表类型有直线图、曲线图、区域图、柱状图、饼状图、散状点图、仪表图、气泡图、瀑布流图等多达 20 种图表,其中很多图表可以集成在同一个图形中形成混合图。
  • 支持多坐标轴 多个数据进行对比这是非常常见的需求,Highcharts 可以让你为每个类型的数据添加坐标轴,每个轴可以定义放置的位置,所有的设置都可以独立生效,包括旋转、样式设计和定位,当然也支持多个数据共用一个坐标轴。

  • test_echarts.py:
#***************************************************************
#   Purpose:   基于Highcharts.js的统计图的网页(Flask的web服务器)
#   Author:    爱看书的小沐
#   Date:      2022-5-29
#   Languages: python
#   Platform:  python 3.9 win64
#   OS:        Win10 win64
# **************************************************************
from flask import Flask, Response, request
from flask import render_template, make_response, jsonify, send_from_directory
from io import FileIO
import os
import mimetypes
from flask_cors import CORS, cross_origin

app = Flask(__name__)
cors = CORS(app)
# CORS(app, supports_credentials=True)
# CORS(app, resources=r/*)
# cors = CORS(app, resources=r"/api/*": "origins": "*")

@app.route(/)
def index():
    return render_template(test_Highcharts.html)

@app.route("/<path:path>")
def get_staticfile(path):
    directory = os.getcwd() + "/static/"
    print(directory)
    response = make_response(send_from_directory(directory, path.encode(utf-8).decode(utf-8), as_attachment=False))
    mime_type = mimetypes.guess_type(path)[0]
    if path.endswith(".js") :
       mime_type = "application/javascript"
    response.headers[Content-Type] = mime_type
    print(directory, path, mime_type)
    return response

@app.route(/favicon.ico)
def favicon():
    return send_from_directory(os.path.join(app.root_path, static), favicon.ico
        , mimetype=image/vnd.microsoft.icon)

if __name__ == __main__:
   app.run(debug = True)
  • 运行结果:

结语

如果您觉得该方法或代码有一点点用处,可以给作者点个赞,或打赏杯咖啡;╮( ̄▽ ̄)╭ 如果您感觉方法或代码不咋地//(ㄒoㄒ)//,就在评论处留言,作者继续改进;o_O??? 如果您需要相关功能的代码定制化开发,可以留言私信作者;(✿◡‿◡) 感谢各位童鞋们的支持!( ´ ▽´ )ノ ( ´ ▽´)っ!!!

web开发python实现web服务器(flask测试后台框架模板)(代码片段)

1、前言提示:Flask是一个用python语言基于Werkzeug工具箱编写的轻量级web开发框架,它主要面向需求简单,项目周期短的小应用。Flask是一个轻量级的可定制框架,使用Python语言编写,较其他同类型框架更为灵活、轻便、安全且容... 查看详情

web开发python实现web图表功能(pyecharts,flask)(代码片段)

<fontcolor=purpleface=华文行楷size="5">"柳丝榆荚自芳菲,不管桃飘与李飞;"1、简介2、Flask+pyecharts2.1Flask模板渲染$mkdirpyecharts-flask-demo$cdpyecharts-flask-demo$mkdirtemplates将pyecharts模板,位于pyecharts 查看详情

flask框架篇(全)

...①Flask自由、灵活,可扩展性强,第三方库的选择面广,开发时可以结合自己最喜欢用的轮子,也能结合最流行最强大的Python库。  ②入门简单,即便没有多少web开发经验,也能很快做出网站。  ③非常适用于小型网站。 ... 查看详情

python-flask快速搭建web

参考技术AFlask是由python实现的一个web微框架,我们可以使用Python语言快速实现一个网站或Web服务,很方便的实现工具链,或者工作中其他内容的集成展示。python官网:https://www.python.orgflask:pip3installflaskpython具有相当多的库可以使用... 查看详情

flask框架怎么样,比起web.py都有哪些不同

...架知识,以下是整理的相关知识点。Flask是一个基于Python开发并且依赖jinja2模板和WerkzeugWSGI服务的一个微型框架,对于Werkzeug本质是Socket服务端,其用于接收http请求并对请求进行预处理,然后触发Flask框架。开发人员基于Flask框架... 查看详情

flask实现python方法转换服务

一.flask安装pipinstallflask二.flask简介:flask是一个web框架,可以通过提供的装饰器@server.route()将普通函数转换为服务flask是一个web框架,属于微框架,框架很轻量,更新依赖小,依赖于werkzeug,一个wsgi工具包(webser 查看详情

flask与django框架对比

...协议来实现Web通讯以及网站的展示层:WSGI:用于与web服务器的通讯。jinja2:用于Web服务的展现层网站界面设计。1.适用场景小规模、低复杂度的项目集成机构学习或深度学习应用无服务器的计算无数据库或NoSQL数据库服务静态或... 查看详情

python都有哪些好的web框架

...Flask是一个PythonWeb开发的微框架,严格来说,它仅提供Web服务器支持,不提供全栈开发支持。然而,Flask非常轻量、非常简单,基于它搭建Web系统都以分钟来计时,特别适合小微原型系统的开发。花少时间、产生可用系统,是非... 查看详情

怎么用python+flask框架实现web应用实现日志记录功能?

怎么用Python+Flask框架实现Web应用(包含两个以上参数传递)实现日志记录功能,日志清晰地将用户信息存入文件并保存;日志系统上传到网页界面是习题,有点不太懂到底要做个什么,求指点一下,或者有没有类似网站可以参考... 查看详情

话说socket.io为何这么叼?python有类似玩意吗

...没人敢说第一。参考技术ASocket.IO是一个可以让浏览器与服务器实现实时通信的类Websocket的抽象。Gevent-socket是Socketio协议的一个python实现。参考LearnBoost开发的Node.js的Socket.IO服务器端实现,现在已经有多种语言的Socket.IOserver实现了... 查看详情

flask框架开发web,怎样实现在后端运行前端接收的python代码?

类似于刷题网站,在前端文本区域接收用户输入python代码,通过表单提交后,怎样在后端处理判断是否正确?fromflaskimportFlaskfromflaskimportrequestapp=Flask(__name__)@app.route('/')defindex():"""前端"""return""&... 查看详情

python中flask框架怎么选择文件

...架知识,以下是整理的相关知识点。Flask是一个基于Python开发并且依赖jinja2模板和WerkzeugWSGI服务的一个微型框架,对于Werkzeug本质是Socket服务端,其用于接收http请求并对请求进行预处理,然后触发Flask框架。开发人员基于Flask框架... 查看详情

树莓派+flask实现远程拍照web服务器(代码片段)

组件:RaspberryPi3B1GRMONCAMG180摄像头环境:Python:3.7.3Flask:1.0.2opencv-python:4.5.3.56一、打开相机配置打开你的树莓派并转到树莓派配置工具的主菜单上,并确认相机接口是否开启:如果你需要开启它,... 查看详情

pythonweb开发该用啥框架

...工具。Tornado:异步非阻塞IO的PythonWeb框架Tornado是一种Web服务器软件的开源版本。Tornado和主流Web服务器框架(包括大多数Python的框架)有着明显的区别:它是非阻塞式服务器,而且速度相当快。得利于其非阻塞的方式和对epoll的运用... 查看详情

python+flask+mysql的web建设技术开发一个网站(代码片段)

一、摘要flask是一个很精简,灵活的框架,对于web的开发非常的好,具有jinja2强大的模板引擎的支持。flask框架的一个扩展就是sqlalchemy,sqlalcheny是flask的一个扩展。sqlalcheny是一个强大的关系型数据库框架,它是一个框架,并不是... 查看详情

python架构是啥?

...的全称是ToradoWebServer,从名字上看就可知道它可以用作Web服务器,但同时它也是一个PythonWeb的开发框架。最初是在Frie 查看详情

flask框架的功能以及重点。

...:Werkzeug和Jinja2   -Werkzeug实现路由、调试和Web服务器网关接口   -Jinja2实现了模板。Werkzeug是一个遵循WSGI协议的python函数库   -其内部实现了很多Web框架底层的东西,比如request和response对象; &n... 查看详情

python可以做网站吗

...吗?python当然可以做网站的,python的主要用途之一就是web开发。Django和Flask等基于Python的Web框架最近在Web开发中就非参考技术Apython可以做网站吗?python当然可以做网站的,python的主要用途之一就是web开发。Django和Flask等基于Python... 查看详情