Python网页开发神器fac 0.2.9、fuc 0.1.29新版本更新内容介绍

这篇具有很好参考价值的文章主要介绍了Python网页开发神器fac 0.2.9、fuc 0.1.29新版本更新内容介绍。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

fac项目地址:https://github.com/CNFeffery/feffery-antd-components

fuc项目地址:https://github.com/CNFeffery/feffery-utils-components

欢迎star支持⭐

  大家好我是费老师,由我开源维护的Python网页开发相关组件库facfuc分别更新到了0.2.9版本和0.1.29版本,本文就将为大家介绍它们在各自新版本中的更新内容😉,使用下面的命令将它们快速更新至最新版本:

pip install feffery-utils-components feffery-antd-components -U -i https://mirrors.aliyun.com/pypi/simple/

1 fac 0.2.9版本更新内容介绍

Python网页开发神器fac 0.2.9、fuc 0.1.29新版本更新内容介绍

1.1 下拉选择、穿梭框、树选择新增多模式搜索功能

  从0.2.9版本开始,fac中的下拉选择组件(AntdSelect)、穿梭框组件(AntdTransfer)、树选择组件(AntdTreeSelect)新增多模式搜索快捷功能,可以帮助我们在使用这些组件时,为其中涉及到的搜索框功能设置不同的搜索匹配方式。

  以下拉选择组件为例,通过设置参数optionFilterMode,可以在大小写不敏感大小写敏感正则表达式等三种不同模式之间进行切换:

  • 大小写不敏感(默认)
Python网页开发神器fac 0.2.9、fuc 0.1.29新版本更新内容介绍
  • 大小写敏感
Python网页开发神器fac 0.2.9、fuc 0.1.29新版本更新内容介绍
  • 正则表达式
Python网页开发神器fac 0.2.9、fuc 0.1.29新版本更新内容介绍

  具体使用请参考fac官网中的相关示例:

  • https://fac.feffery.tech/AntdSelect#多模式搜索
  • https://fac.feffery.tech/AntdTransfer#多模式搜索
  • https://fac.feffery.tech/AntdTreeSelect#多模式搜索

1.2 表格组件单元格支持自由内容渲染

  得益于dash2.10版本后的底层新特性,从0.2.9版本开始,fac中的多功能表格组件AntdTable支持在表格单元格中传入任意的组件型元素,从而实现任意内容的自由渲染。

  以fac官网相关示例为例,在下面的表格中,我们在同一列的三个单元格中分别渲染了带滚动条的文字内容、markdown文档、二维码:

Python网页开发神器fac 0.2.9、fuc 0.1.29新版本更新内容介绍

  具体使用请参考官网示例:https://fac.feffery.tech/AntdTable-rerender#自定义单元格元素

1.3 表格组件单元格编辑新增文本域模式

  熟悉fac的用户都知道,在表格组件AntdTable中可以快捷开启单元格可编辑功能,在之前的版本中,编辑功能开启后,对应字段的单元格会渲染为可交互的常规输入框。

  而从0.2.9版本开始,在为对应字段设置子参数editableTrue的前提下,可通过额外的子参数editOptions来切换为文本域输入框,从而实现段落换行等格式内容的编辑保存:

Python网页开发神器fac 0.2.9、fuc 0.1.29新版本更新内容介绍
fac.AntdTable(
    columns=[
        {
            'title': '文本域编辑示例',
            'dataIndex': '文本域编辑示例',
            'editable': True,
            'editOptions': {
                'mode': 'text-area',  # 开启文本域编辑模式
                'autoSize': {
                    'minRows': 1,
                    'maxRows': 3
                }
            }
        }
    ],
    data=[
        {
            '文本域编辑示例': '内容示例'
        }
    ] * 3,
    bordered=True,
    style={
        'width': 200
    }
)

1.4 表格组件新增selectedRowsSyncWithData参数

  在之前版本的fac中,为表格组件开启行选择功能后,selectedRows属性会在每次用户进行行选择行为时,监听到最新的已选行记录数组,但如果后续表格数据源参数data进行了更新,先前监听到的selectedRows并不会自动随之刷新,因为默认情况下selectedRows的更新时机在用户进行行选择行为后的瞬间。

  而从0.2.9版本开始,通过为AntdTable组件设置参数selectedRowsSyncWithData=True,可以实现后续data更新后,自动同步对应key值的最新行记录数据:

Python网页开发神器fac 0.2.9、fuc 0.1.29新版本更新内容介绍

  具体使用请参考官网示例:https://fac.feffery.tech/AntdTable-advanced#同步刷新selectedRows

1.5 日期范围选择、时间范围选择新增open参数

  新版本中,日期范围选择组件AntdDateRangePicker、时间范围选择组件AntdTimeRangePicker新增参数open,可用于设置或监听对应组件悬浮选择层的展开状态

  更多有关fac 0.2.9新版本的介绍请移步https://fac.feffery.tech/change-log-v0.2.9

2 fuc 0.1.29版本更新内容介绍

  除了fac之外,我的另一个开源实用工具组件库fuc( https://fuc.feffery.tech/ )也于近期更新到0.1.29版本,这也将是fuc 0.2.0发布之前的最后一个版本。

  在fuc 0.1.29版本中新增尺寸调整组件FefferyResizable(文档页地址:https://fuc.feffery.tech/FefferyResizable ),基于它我们可以非常方便的构建可进行尺寸调整的容器,举一个典型示例,宽度可调的侧边菜单页面布局方案,结合自定义拖拽控件样式:

Python网页开发神器fac 0.2.9、fuc 0.1.29新版本更新内容介绍

  对应源码:

import dash
from dash import html
import feffery_antd_components as fac
import feffery_utils_components as fuc

app = dash.Dash(__name__)

app.layout = html.Div(
    [
        # 注入动态样式
        fuc.FefferyStyle(
            rawStyle='''
.custom-right-resize-handle:hover, .custom-right-resize-handle:active {
    background: #007fd4;
    transition: 0.3s background;
}

.custom-right-resize-handle {
    transition: 0.3s background;
    width: 4px !important;
    right: -2px !important;
}
'''
        ),

        fac.AntdRow(
            [
                fac.AntdCol(
                    fac.AntdAffix(
                        fuc.FefferyResizable(
                            fuc.FefferyDiv(
                                fac.AntdMenu(
                                    menuItems=[
                                        {
                                            'component': 'Item',
                                            'props': {
                                                'title': f'菜单项{i}',
                                                'key': f'菜单项{i}',
                                            }
                                        }
                                        for i in range(1, 26)
                                    ],
                                    defaultSelectedKey='菜单项1',
                                    mode='inline',
                                    style={
                                        'height': '100%',
                                        'borderRight': 'none'
                                    }
                                ),
                                style={
                                    'height': '100%',
                                    'overflow': 'hidden auto',
                                    'borderRight': '1px solid #f0f0f0'
                                },
                                scrollbar='simple'
                            ),
                            direction=['right'],
                            defaultSize={
                                'width': 250,
                                'height': '100vh'
                            },
                            maxWidth=400,
                            minWidth=100,
                            handleClassNames={
                                'right': 'custom-right-resize-handle'
                            }
                        ),
                        offsetTop=0
                    ),
                    flex='none'
                ),

                fac.AntdCol(
                    flex='auto'
                )
            ],
            wrap=False
        )
    ]
)

if __name__ == '__main__':
    app.run(debug=True)

  更多有关此新组件的使用说明请移步:https://fuc.feffery.tech/FefferyResizable


  以上就是本文的全部内容,对Dash应用开发感兴趣的朋友,欢迎添加微信号CNFeffery,备注“dash学习”加入我的技术交流群,一起成长一起进步。文章来源地址https://www.toymoban.com/news/detail-468492.html

到了这里,关于Python网页开发神器fac 0.2.9、fuc 0.1.29新版本更新内容介绍的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

原文地址:https://www.cnblogs.com/feffery/p/17452131.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Python用selenium采集网页内容被屏蔽了

            如果在使用Selenium访问某个网页时,你发现页面被屏蔽或出现了类似于“检测到自动化软件,请手动操作”的提示,这通常是因为该网站有反爬策略,用于检测和阻止自动化工具的访问。以下是一些可能帮助你绕过这些反爬策略的方法: 1、使用无头浏览器(Head

    2024年03月22日
    浏览(12)
  • Python爬取网页Flex渲染的动态内容

    我最近使用Python爬取网页内容时遇到Flex渲染的动态页面,比如下图的课程目录标题,此时按鼠标右键,菜单里没有复制链接的选项。 我的目的是:获取各个视频标题、链接。 按F12进入开发者模式分析网页,可见有多个flex标签,像这种通过flex动态渲染的网页,视频链接隐藏

    2024年02月04日
    浏览(13)
  • Python爬虫基础:使用requests模块获取网页内容

    了解如何使用Python中的requests模块进行网页内容获取,包括获取网页步骤、代码实现、状态码查看、提取信息等。

    2024年02月22日
    浏览(23)
  • AJAX 前端开发利器:实现网页动态更新的核心技术

    AJAX是开发者的梦想,因为你可以: 在不重新加载页面的情况下更新网页 在页面加载后请求来自服务器的数据 在页面加载后接收来自服务器的数据 在后台向服务器发送数据 HTML页面 HTML页面包含一个 div 部分和一个 button div 部分用于显示来自服务器的信息 button 调用一个函数(

    2024年03月22日
    浏览(14)
  • Python使用Selenium Webdriver爬取网页所有内容

    有时候,我们在用urllib或者requests库抓取页面时,得到的html源代码和浏览器中看到的不一样。这将是我们面临的一个非常常见的问题。现在网页越来越多地采用Ajax、前端模块化工具来构建,整个网页可能都是由JavaScript渲染出来的,也就是说原始的HTML代码可能就是一个空壳,

    2023年04月08日
    浏览(7)
  • Python&aconda系列:Conda更新安装包、更新anaconda所有最新版库、解决conda安装更新失败问题

    1. 卸载 嗯。。。报错的图当时忘了截。。。。。。 首先把你安装的anaconda卸了重装,反正我是这么干的,强迫症患者,这样干净 然后,查一下你当前conda版本,查不查都行,反正都得更新,我喜欢查一下: 2. 更新 下面就是见证奇迹的时刻: 更新conda到最新版本: 再查一下

    2024年01月25日
    浏览(12)
  • 快乐学Python,数据分析之使用爬虫获取网页内容

    在上一篇文章中,我们了解了爬虫的原理以及要实现爬虫的三个主要步骤:下载网页-分析网页-保存数据。 下面,我们就来看一下:如何使用Python下载网页。 浏览器画网页的流程,是浏览器将用户输入的网址告诉网站的服务器,然后网站的服务器将网址对应的网页返回给浏览

    2024年01月17日
    浏览(10)
  • Python实现获取网页内容及自动填表单与登录功能

    这篇文章主要为大家详细介绍了如何利用Python实现模拟浏览器启动,获取网页内容、自动填表单、自动登录、自动过验证码等功能,需要的可以参考一下 库 源码 知识点补充 食用前准备 python 3.10.10 #二维码的库ddddocr 需要 下面为大家介绍一下文中用到的ddddocr库的相关使用吧

    2024年02月11日
    浏览(11)
  • 自动化办公更简单了:新版python-office,有哪些更新?

    #职场经验谈# 大家好,这里是程序员晚枫,小破站/小红薯都叫这个名。 去年4月开源了一个Python自动化办公项目:python-office,GitHub和Gitee都能看到。1行代码实现复杂的自动化办公任务,帮助不懂代码的小白,快速使用Python。 今年8月份开始,根据这个开源项目,在xiao破站账号

    2024年02月07日
    浏览(10)
  • python程序打包成exe实现新版本的自动更新检测及下载

    python使用pyinstaller打包成的exe程序,代码修改重新打包就需要重新发送一次程序,略微麻烦,通过服务器存储新版本打包后的程序,检测和下载通过代码实现。 本文通过FTP局域网服务器的形式完成,使用serv-u软件配置FTP服务器,配置方式可移步下方站内链接 Serv-U配置FTP服务器

    2024年02月14日
    浏览(10)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包