自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 Python-SimpleStart网页实战系列 西南救护车服务的可视化报告

这个项目改变自开源项目, 它通过一个虚拟的西南医院的救护车的出车服务记录,通过图表来展示各种数据。原来的项目是用Streamlit开发的,今天我们用SimpleStart来改写一下。SimpleStart 和 Streamlit最大的不同是,它基于事件驱动。所以我们将原来代码中的应用逻辑放在了5个事件函数里,其它几乎是一样的。下面是这个项目用SimpleStart 改编后的截图。图1可以看到效果和用Streamlit的几乎一样。因为是改编自原来的Streamlit 代码,所以这里简单介绍一下。

2024-04-01 09:37:10 468 1

原创 Python-SimpleStart网页实战系列 百年奥运数据可视化分析

首先简单介绍一下 SimpleStart 是利用Python语言开发网页和实现数据可视化的Python工具包,和Streamlit 很类似。但是它最显著的不同是基于事件驱动的,所以数据更新时不会刷新整个页面。关于它的详细使用,请参考我的系列介绍Python - SimpleStart 写网页的系列介绍今天我们要用 SimpleStart 实现kaggle上的公开数据库"120年奥运记录"。

2024-03-10 21:35:26 1556 1

原创 用Python写网页的工具 SimpleStart 库介绍 - 10网页的页面布局-菜单-移动适配

这是最近介绍 SimpleStart 进行网页开发的最后一章内容,后续我会推出使用 SimpleStart 具体案例开发的分享。

2024-02-25 14:12:16 1437

原创 用Python写网页的工具 SimpleStart 库介绍 - 09数据可视化的实现-PyPlot

上节我们介绍了 SimpleStart 支持 Sqlite 和 table 用来处理数据。这里我们接着介绍 SimpleStart 是如何实现数据可视化的,今天主要介绍用 matplotlib 来展示数据分析常见的一些图形。所以在 SimpleStart 中可以通过 matplotlib 实现数据可视化, 操作还是比较方便的。这里seaborn需要在线下载数据集,常常失败。可以先下载下来,从本地读取。我们将分别演示折线图、散点图、条形图和直方图。其它图形的实现方式是类似的。

2024-02-24 21:54:34 347

原创 用Python写网页的工具 SimpleStart 库介绍 - 08表格和数据库

SimpleStart 支持 Python 内置的 Sqlite 数据库, 可以很方便地加载数据库,进行增删改查操作,并且通过 ss.write 或者 ss.table 显示数据库中数据。一般我们使用最多的是csv表格数据,比如在一些机器学习中,有一些经典的数据集,就拿Iris数据集为例。可以看到非常简洁方便。当然如果需要更多的选项,比如显示表格网格线,选中表格行,或者表格排序等操作,可以使用ss.table的方式。数据集包含150个数据样本,分为3类,每类50个数据,每个数据包含4个属性。

2024-02-23 19:49:16 347

原创 用Python写网页的工具 SimpleStart 库介绍 - 07用loadvue添加组件

举个例子说明,在这里例子中,我们定义一个简单的前端组件,组件里定义了一个"ontest"事件,当用户点击"handle on server"按钮时,Python端的ontest事件处理函数会处理,并且接受前端组件传递的数据。上一章介绍了用 SimpleStart 的模板类 template 加载Element Plus 的已有类,那如果你想添加自己写的或者第3方的 Vue 组件,可以用到另一个函数,就是loadvue。这个函数就是顾名思义就是加载 vue 组件,它的参数和template很类似,有3个。

2024-02-23 09:35:22 308

原创 用Python写网页的工具 SimpleStart 库介绍 - 06用模版类添加组件

在前面介绍 SimpleStart 常用组件的时候, 我们说到 SimpleStart 内置了 Vuetify 和 Element Plus两个前端框架,虽然提供了不少网页常用组件,但是如果想添加它没有收录的一些组件怎么办?今天介绍的 SimpleStart 的模板类 template 非常有用,利用它可以很容易地将 Vuetify 组件或者 Element Plus 组件添加到你的网页上。组件内对于data的变化如果需要传递到后端,需要显示地调用syncdata或者onserver事件。

2024-02-22 20:42:55 382 1

原创 用Python写网页的工具 SimpleStart 库介绍 - 05页面间的变量传递

假设我们在pages子目录有两个页面,sub1.py, sub2.py, 那么在主页面 app.py 也可以通过代码方式打开这两个页面。在上一章节中,我们介绍了如何在项目中创建一个名为 "pages" 的子目录。在这个目录中,我们可以将应用的代码自动创建为多个页面,并在侧边栏中显示这些页面的链接。我们看到侧边栏里的页面不再显示文件名,而是显示我们在config.yaml中设置的显示内容。在上一章中,我们看到SimpleStart默认以Python代码的文件名为基础创建了一个应用程序的所有页面的链接。

2024-02-22 16:01:22 315 1

原创 用Python写网页的工具 SimpleStart 库介绍 - 04多页面的实现

运行 ss app.py 后,在浏览器里就会看到,除了显示 app.py 的网页外,在侧边栏里多了两个链接,分别指向 sub1.py 和 sub2.py 两个网页,点击后就能自动实现跳转了。那么如果你想再创建其它页面,方法很简单,在根目录里创建一个名字是 pages 的子目录,然后在这个子目录里写应用代码,SimpleStart 会自动产生分页目录链接。在SimpleStart的工程目录中,根目录有一个主文件,比如app.py, 名字随便起,这里只是举例。目录的主文件是 app.py。

2024-02-22 11:58:45 329 1

原创 用Python写网页的工具 SimpleStart 库介绍 - 03常用组件及样式管理

虽然看上去还不是很多,但是通过 SimpleStart 的模板组件,可以很容易地将 Element Plus 或者 Vuetify 的组件添加到页面上,这个以后再介绍。SimpleStart 内置了 Element Plus 和 Vuetify 前端框架,提供的大部分组件都是 Element Plus 风格。第1种方法是在创建组件的时候,添加 style 参数,例如我们需要修改 text 文本框的 css 样式,可以这样。第2种方法是通过ss.style方式,对页面已有的组件进行hack修改。

2024-02-22 11:21:08 370

原创 用Python写网页的工具 SimpleStart 库介绍 - 02事件响应

类似的事件还有input_text/slider/checkbox等组件的onchange事件,以及页面的onPageEnter事件等。当用户与页面交互时,如点击按钮或修改文本内容,不会刷新整个页面,而只会刷新相关内容,类似于传统页面中的Ajax技术应用。上一章简单介绍了SimpleStart库的安装和使用,接下来我详细介绍一下SimpleStart在具体应用中的一些特点。SimpleStart通过各种事件来响应网页上内容的变化,因此页面不需要整体刷新,而是通过事件驱动来更新相关内容。

2024-02-21 23:40:33 378

原创 用Python写网页的工具 SimpleStart 库介绍 - 01基本介绍和使用

SimpleStart 是一个Python库,用于快速创建简单的网页和展示数据。它提供了一些方便的函数和模板,帮助您快速构建和展示网页内容。使用 SimpleStart,只需要几个小时甚至几分钟就可以轻松创建一个基本的网页。ss -V 或者 simplestart -V, 如果看到输出SimpleStart的版本号,就说明安装成功了。如果需要指定 SimpleStart 的运行端口号,可以在命令行中指定,例如。这里补充说明下,安装好SimpleStart库后,可以输入命令。

2024-02-21 18:57:53 1217

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除