magic-dash:纯Python轻松开发网页应用

devtools/2025/1/21 21:30:22/

来源:Python大数据分析 费弗里

大家好我是费老师,今天要给大家介绍的开源Python项目magic-dash,提供了一系列内置的「纯Python」网页应用项目模板,通过执行简单的终端命令,即可快速生成对应类型的网页应用项目工程,非常的方便:

  • Github仓库地址:https://github.com/CNFeffery/magic-dash

  • 码云同步仓库地址:https://gitee.com/cnfeffery/magic-dash

下面我们来简单介绍magic-dash的使用方式:

1 magic-dash的安装

作为一个纯Python项目,magic-dash的安装非常简单,直接执行下列pip命令安装其最新版本即可,支持3.93.12之间的Python环境:

pip install magic-dash -U

2 项目自动生成

完成magic-dash安装后,我们可以通过magic-dash list命令查看当前可用的内置模板列表:

图片

可以看到,对应本文写作时的最新正式版本0.2.7magic-dash中内置的可用项目模板有:

  • magic-dash    基础多页面应用模板

  • magic-dash-pro    多页面+用户登录应用模板

  • simple-tool    单页面工具应用模板

magic-dash-pro模板为例,终端执行命令magic-dash create --name=magic-dash-pro,即可轻松完成新项目的生成:

图片

3 启动已生成项目

终端切换到项目根目录,执行下列命令进行相关Python依赖库的一键安装:

pip install -r requirements.txt

接着终端执行python -m models.init_db进行用户登录初始化:

图片

接下来就可以直接启动应用了,终端执行python app.py即可启动应用默认的开发模式:

图片

按照提示,在本机浏览器访问http://127.0.0.1:8050即可:

图片

系统默认初始化后只有管理员账号,用户名:admin,密码:admin123,输入信息后即可进行登录:

图片

管理员权限的账号可以进行用户新增、删除等管理操作,具体功能大家可以自行创建项目访问探索:

图片

4 模板功能配置

magic-dash中内置的各种模板,均附带了相关的快捷配置参数,譬如针对其中的magic-dash-pro模板,在configs模块下存在着不同配置目的的配置子模块,以登录页左侧内容类型切换为例:

对应Github配置文档:https://github.com/CNFeffery/magic-dash/blob/main/docs/magic-dash-pro.md

对应码云同步配置文档:https://gitee.com/cnfeffery/magic-dash/blob/main/docs/magic-dash-pro.md

对应的配置参数为configs.LayoutConfig.login_left_side_content_type,默认为'image'时,登录页左侧呈现的内容如下:

类似的诸多功能调整都可以通过直接的参数进行调整控制,具体可前往仓库查看具体文档。

5 二次开发

magic-dash中内置的各种应用模板基础上,可通过纯Python的方式进行自由灵活的各种功能页面开发新增,这得益于其各种应用开发均基于Python生态中顶级的开源应用开发框架Dash,以及其相关生态中的fac(官网地址:https://fac.feffery.tech/ )等组件库,使得我们可以轻松调用不同的功能组件,并编写相应的回调函数来实现各种用户交互反馈功能:

图片


http://www.ppmy.cn/devtools/152429.html

相关文章

Vue3轮播图左右联动

1、轮播图部分,右边鼠标移入,左边对应展示轮播图 可以在swiper 官网 Swiper中文网-轮播图幻灯片js插件,H5页面前端开发 选择vue中使用swiper npm i swiper 左右两边的联动:左边的轮播图和右边的小的列表他们的列表组成结构是一样的&#…

基于Spring Boot3 + Vue3 + JDK17的现代化的Java应用开发框架

快速启动 Guns v8前端启动 前端需要使用Node 20,请先安装node20,请使用yarn启动,具体启动方法如下: # 安装依赖 yarn# 启动前端项目 yarn run dev# 打包 npm run buildGuns v8后端启动 以下为后台启动的过程: 重要…

随遇随记篇

vue 函数 unref() 获取原始值 ref 定义的属性 需要 .value 才能拿到值&#xff0c;unref 直接返回原始值&#xff1b;若属性不是ref 定义的&#xff0c;也是直接返回原始值&#xff1b; /* description: 是否必填*/required?: boolean | Ref<boolean>.....let value …

JavaScript 拖拽与观察者模式的实现及应用

前言 本文将通过几个具体的代码片段&#xff0c;深入探讨 JavaScript 中的拖拽功能和观察者模式&#xff08;发布-订阅模式&#xff09;的实现及其应用场景。 这些代码片段不仅展示了如何实现这些功能&#xff0c;还解释了其背后的原理和实际用途。通过阅读本文&#xff0c;读…

小程序疫苗预约网站系统ssm+论文源码调试讲解

第4章 系统设计 一个成功设计的系统在内容上必定是丰富的&#xff0c;在系统外观或系统功能上必定是对用户友好的。所以为了提升系统的价值&#xff0c;吸引更多的访问者访问系统&#xff0c;以及让来访用户可以花费更多时间停留在系统上&#xff0c;则表明该系统设计得比较专…

为什么相关性不是因果关系?人工智能中的因果推理探秘

目录 一、背景 &#xff08;一&#xff09;聚焦当下人工智能 &#xff08;二&#xff09;基于关联框架的人工智能 &#xff08;三&#xff09;基于因果框架的人工智能 二、因果推理的基本理论 &#xff08;一&#xff09;因果推理基本范式&#xff1a;因果模型&#xff0…

纯 Python、Django、FastAPI、Flask、Pyramid、Jupyter、dbt 解析和差异分析

一、纯 Python 1.1 基础概念 Python 是一种高级、通用、解释型的编程语言&#xff0c;以其简洁易读的语法和丰富的标准库而闻名。“纯 Python” 在这里指的是不依赖特定的 Web 框架或数据分析工具&#xff0c;仅使用 Python 原生的功能和标准库来开发应用程序或执行任务。 1.…

MySQL(七)MySQL和Oracle、PostgreSQL的区别

文章目录 一、MySQL和Oracle 1.1 基本差别*1.2 使用区别 二、MySQL和PostgreSQL 2.1 基本差别*2.2 使用差别 本系列文章&#xff1a; MySQL&#xff08;一&#xff09;SQL语法、数据类型、常用函数、事务 MySQL&#xff08;二&#xff09;MySQL SQL练习题 MySQL&#xff08;…