Flask 模板集成 Layui

原创
2022/06/26 14:53
阅读数 3.4K

        一般情况下 Flask 都是搭配 Jinja2 模板引擎来实现视图展现,不过现在 Layui 比较火,样式也比较好看,对于前后端都要写的人来说layui可以算是最优选择。推荐一个flask+layui搭建的web应用框架“tlv8-python-flask”,项目使用flask配合Jinja2 模板引擎来实现视图,结合layui实现了系统应用的基础功能,可以快速上手使用。

1、安装依赖

pip install -r requirements.txt

2、项目测试

python  manage.py runserver

 

模板页面代码:

<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" href="{{ url_for('static',filename='layui/css/layui.css')}}" media="all">
        <script type="text/javascript" src="{{ url_for('static',filename='layui/layui.js')}}"></script>
    </head>
    <body>
     {% block content %}
     {% endblock %}
    </body>
</html>

功能页面代码:

{% extends "common/flow.html" %}
{% block content %}
    <div class="layui-fluid">
        <div class="layui-card">
            <div class="layui-card-header">
                表单信息
            </div>
            <div class="layui-card-body">
            <!--  自己的页面内容 -->
        </div>
     </div>
{% endblock %}

静态路由 - 静态文件

Web 程序中使用的JS,CSS 都是静态文件,在 Flask 中有一个 static 路由,默认的路径就是 static / 目录下,调用就是通过 url_for () 函数。

url_for("static", filename = "layui/layui.js")
展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
0 评论
0 收藏
0
分享
返回顶部
顶部