网页框架·flask

Flask教程链接Flask教程

基于Web网站落地的项目

1. Flask:Flask 是一个使用 Python 编写的轻量级 Web 应用程序框架

2. 安装：pip install flask

3. 创建FLask项目

4. 项目目录结构

job
	static				存放前端静态资源(css js 图片等)
	templates			存放的是页面模板
	app.py				项目的启动文件

5. 后台管理系统的模板:layui

   • 下载layui源码，解压，将layui放到static文件夹中

   • 找到后台管理界面的代码，直接复制，粘贴到自己的html文件中（templates文件夹中）

   • 修改layui.css和layui.js的路径

   <link rel="stylesheet" href="../static/layui/css/layui.css">
   <script src="../static/layui/layui.js"></script>
   

   • 编写首页的视图函数

     @app.route('/index')
     def index():
         #如果返回模板页面
         return render_template("index.html")
     

   • 修改index.html

     1. a标签：跳转标签 href:要跳转的路径 target的值跟iframe的name值一致，就能实现页面嵌套跳转

     2. flask中，不能直接访问html页面，必须经过后台的视图函数

     3. index.html修改内容

     <ul class="layui-nav layui-nav-tree" lay-filter="test">
             <li class="layui-nav-item">
                 {#    a:超链接跳转标签  href:跳转的路径
                     target跟iframe的name值一致，可以跳转到iframe中，不会打开新窗口
                 #}
                 <a target="index" href="top10">导航栏1</a>
             </li>
             <li class="layui-nav-item">
                 <a target="index" href="3d">导航栏2</a>
             </li>
     </ul>
     
     ----------------------------------------------------------------
     <div class="layui-body">
         {#  iframe:多个页面嵌套    #}
         <iframe width="100%" height="100%" name="index" src="welcome" frameborder="0"></iframe>
     </div>