打包FlaskAdmin程序时关于static路径问题的解决

1、pyinstaller的使用

网上资料多，此处省略

2、打包时报错

1、可能有些包没有安装（跑跑程序不缺库就行）

2、有些包pyinstaller找不到？

打包时手动添加

--hidden-importMODULENAME,--hiddenimport MODULENAME

3、添加模板和静态文件

如果你使用的是flask-admin内部的模板，建议将其拷贝到工程对应路径（若不，打包后手动将文件拷贝过来也可以）

1、找到Flask-admin包下的templates、static文件（注意：template下有bootstrapX的多个文件夹，我用的是bootstrap4，字节将该目录下的admin放到工程的templates文件夹）

2、工程中放置的文件位置是这样的

3、打包时添加静态文件

用法：

pyinstaller x.py --add-data="源地址;目标地址"。

windows以;分割，linux以:分割

--add-data="admin\static;admin\static" ...

添加好后，spec文件中是这样的，注意，我这里使用了config.py配置文件，也需要作为静态文件打包进去。

4、运行时找不到static中的样式文件

这个问题困扰了我一天，主要原因没有搞清楚Flask的运行原理，Flask-admin用到了Flask的blueprint的东西，这个东西的作用就是将模块进行隔离，比如，admin可以有自己的路由，自己的static、templates存放的位置，具体没有深究，反正对复杂的网站（功能模块多）比较有用。

先上代码：

class myView(admin.BaseView):
    play = PlayBack()
     def __init__(self, name=None, category=None,
                 endpoint=None, url=None,
                 template='admin/index.html',
                 menu_class_name=None,
                 menu_icon_type=None,
                 menu_icon_value=None):
        static_path = os.path.join(os.path.dirname(__file__), 'static')
        print(static_path)
        super(myView, self).__init__(name or admin.babel.lazy_gettext('Home'),
                                             category,
                                             endpoint or 'admin',
                                             '/admin' if url is None else url,
                                             static_path,
                                             menu_class_name=menu_class_name,
                                             menu_icon_type=menu_icon_type,
                                             menu_icon_value=menu_icon_value)
        self._template = template
    ... ...
 admin = admin.Admin(app, name="数据库管理", template_mode='bootstrap4', index_view=myView())

代码中，将index_view重新封装了一下，是因为我要设置static_folder这个路径为当前工程中static的路径，测试发现，相对路径不好使，绝对路径好使。

5、再打包，运行，功能正常。

以上就是打包FlaskAdmin程序时关于static路径问题的解决的详细内容，更多关于打包FlaskAdmin程序static的路径的资料请关注我们其它相关文章！

赞 (0)

相关推荐

  • python flask框架快速入门

    python flask框架快速入门

    Flask 本身相当于一个内核,比如可以用 Flask 扩展加入ORM.窗体验证工具,文件上传.身份验证等.Flask 没有默认使用的数据库,你可以选择 MySQL,也可以用 NoSQL. 其 WSGI 工具箱采用 Werkzeug(路由模块),模板引擎则使用 Jinja2.这两个也是 Flask 框架的核心. Flask常用扩展包: Flask-SQLalchemy:操作数据库: Flask-script:插入脚本: Flask-migrate:管理迁移数据库: Flask-Session:S

  • Python的Flask框架中Flask-Admin库的简单入门指引

    Python的Flask框架中Flask-Admin库的简单入门指引

    Flask-Admin是一个功能齐全.简单易用的Flask扩展,让你可以为Flask应用程序增加管理界面.它受django-admin包的影响,但用这样一种方式实现,开发者拥有最终应用程序的外观.感觉和功能的全部控制权. 本文是关于Flask-Admin库的快速入门.本文假设读者预先具有一些Flask框架的知识. 介绍 初始化 增加视图 身份验证 生成URL 模型视图 文件管理 介绍 这个库打算做到尽可能的灵活.并且开发者不需要任何猴子补丁就可以获得期望的功能. 这个库使用一个简单而强大的概念-

  • Flask的图形化管理界面搭建框架Flask-Admin的使用教程

    Flask-Admin是Flask框架的一个扩展,用它能够快速创建Web管理界面,它实现了比如用户.文件的增删改查等常用的管理功能:如果对它的默认界面不喜欢,可以通过修改模板文件来定制: Flask-Admin把每一个菜单(超链接)看作一个view,注册后才能显示出来,view本身也有属性来控制其是否可见:因此,利用这个机制可以定制自己的模块化界面,比如让不同权限的用户登录后看到不一样的菜单: 项目地址:https://flask-admin.readthedocs.io/en/latest/

  • python flask中静态文件的管理方法

    Web应用中大多会提供静态文件服务以便给用户更好的访问体验. 静态文件主要包含CSS样式文件,js脚本,图片和字体等. Flask也支持静态文件访问的,默认情况下只需在项目根目录下,创建名为static的目录,在应用中使用'/static'开头的路径就可以访问了.但是为了获得更好的处理能力,推荐使用Nginx 或者其他服务器管理静态文件. 不要直接在模板中写死静态文件路径,应该使用url_for生成路径. 例如: url_for('static',filename='style.css') 生成

  • 打包FlaskAdmin程序时关于static路径问题的解决

    打包FlaskAdmin程序时关于static路径问题的解决

    1.pyinstaller的使用 网上资料多,此处省略 2.打包时报错 1.可能有些包没有安装(跑跑程序不缺库就行) 2.有些包pyinstaller找不到? 打包时手动添加 --hidden-importMODULENAME,--hiddenimport MODULENAME 3.添加模板和静态文件 如果你使用的是flask-admin内部的模板,建议将其拷贝到工程对应路径(若不,打包后手动将文件拷贝过来也可以) 1.找到Flask-admin包下的templates.static文件(注意:

  • 解决pyinstaller打包运行程序时出现缺少plotly库问题

    用pyinstaller打包tkinter程序,打包后运行exe是报如下错误: 搜索一阵发现是pyinstaller在打包的时候(StartRun.py我要打包的主程序文件)可能会漏掉一些三方库,就在打包的时候加上三方库的绝对路径: pyinstaller StartRun.py -F -p C:\Python36\Lib\site-packages 发现打包完之后还是会报以上问题,继续搜索后用添加hook文件的方式可以解决(彻底解决了我的问题),修改方法: 1.找到C:\Python36\Li

  • webpack打包后直接访问页面图片路径错误的解决方法

    webpack打包后直接访问页面图片路径错误的解决方法

    前言 本文说的这种图片路径错误是这样的,运行webpack-dev-server,一切正常,没有错误.当webpack之后,直接打开index页面,报错,图片找不到,找不到的原因是路径错误. 先看我的项目代码 webpack.config.js var Webpack = require("webpack"); var path = require("path"); module.exports = { entry: './js/entry.js', output:

  • webpack配置打包后图片路径出错的解决

    webpack配置打包后图片路径出错的解决

    问题 项目在开发环境下工作正常,当打包后图片不见了,检查元素后发现路径出错了. 图片路径是这样:background: url(/static/img/bg_camera_tip.bd37151.png),但该路径下文件并不存在. 打包后文件目录如下: 可以看到背景图片的路径应该是../../static而实际却是/static,找到原因后就好解决了 方法一 查看build目录下webpack.base.conf.js的配置,图片文件会经过url-loader处理. module: { rule

  • 浅谈webpack打包过程中因为图片的路径导致的问题

    最近在制作一个自己的个人博客的时候遇到这么一个问题, 在CSS中使用了相对路径来充当背景图片, 如下所示: 然后将整个工程使用webpack打包之后, 在浏览器上运行却报错了, 报错如下: 也就是说, 打包之后这个图片文件找不到了, 那么原因出在哪里呢? 先来看一下我在webpack.config.js文件中的配置: 在这里其实我的loader并没有使用错误的, 图片对应的就是使用url-loader来处理. 那么再来看一下通过webpack打包之后的目录: 发现dist文件夹中出现了我们想要打

  • vue-cli webpack模板项目搭建及打包时路径问题的解决方法

    这里建议刚学vue的同学第一个小案例不要使用vue-cli进行操作,待对基本的api使用的比较顺手了之后再进行vue-cli的体验比较好.本人是一名后端开发人员,接触前端时间不长,这里有说的不好的地方,还请大家评论建议下. 1. 安装必要的环境准备 首先我们要能够暗转node.js,这个环境.百度搜索node,进入官网根据自己的操作系统进行下载即可.现在的版本都是自带npm的了.所以安装后,环境变量正常情况下会自动配置,开启一个命令行终端,输入node,npm,就可以看到相应的信息.那么说明安装

  • file-loader打包图片文件时路径错误输出为[object-module]的解决方法

    最近在学习使用webpack4.0自己搭建vue脚手架,在搭建过程中,踩了许多坑,使用file-loader打包图片文件时就遇到了以下的问题. 这是我的webpack 处理打包图片相关配置项: ... module: { rules: [ ... { test: /\.(jpe?g|png|gif|svg)$/i, use: [ { loader: 'url-loader', options: { limit: 10000, name: '[name].[ext]', outputPath: '

  • pyinstaller打包成无控制台程序时运行出错(与popen冲突的解决方法)

    有时候我们需要在程序里执行一些cmd命令,使用os或者其它模块中的popen方法去执行 这个问题一般是程序内有输入导致的,这个输入可以是input(),也可以是其它的一些stdin操作(如os.popen实际上会造成输入请求) 本质上就是:使用-w参数(无控制台)打包时程序里不要请求输入 或者,你也可以不用-w参数,手动隐藏控制台! 有一天,我把使用了os.popen方法的python程序用pyinstaller打包成exe(用了无控制台打包参数-w) 双击运行时程序却弹框报错! 我就有点纳闷:

  • 使用winrar打包air程序为exe(包含air运行环境)

    Adobe AIR安装率实在太低了.所以很必要对你的air程序进行打包.那个Shu我是没用过,广告打得很猛,但是完全可以用winrar就达到打包air的目的. 1.准备好你需要打包的文件.去你的flex sdk的bin中找到adl.exe,拷贝过来:然后在把flex sdk中的runtimes文件夹也拷贝出来.这些和你需要打包的文件放在同一目录下.如图: adl.exe和runtimes主要是用来创建Adobe air运行环境,让你的程序能在没有安装Adobe air的机器上也能运行起来. 2.

  • 解决vue-cli webpack打包后加载资源的路径问题

    vue项目,访问打包后的项目,输入路径后,页面加载空白.这时会有两类问题,都是路径问题. 1.一个是css,js,ico等文件加载不到,是目录里少了dist 打开页面时一片空白 解决办法: config/index.js文件的build->assetsPublicPath的默认值改为 './' assetsPublicPath:资源的根目录.这个是通过http服务器运行的url路径.因为webapp和static中间还有层dist,所以要用'./' 2.另一个就是单纯的在背景图使用相对路径导致加

随机推荐