1.  搭建后台页面

5.1管理员登录

步骤:1.在admin视图中导入from flask import render_template,redirect,url_for。并写入一下代码。

#登录
@admin.route("/login/")
def login():
    return render_template("admin/login.html") #退出
@admin.route("/logout/")
def logout():
    return redirect(url_for("admin.login"))

2,新建在模板的admin下新建login.html.并修改代码。效果图如下:

5.1 Admin后台搭建

步骤:1.在模板下创建admin.html.将代码复制进来,将代码中的菜单管理部分代码剪切到新建的grid.html文件中。

2,。修改admin.html中的文件引入部分。然后定义数据块:{%block数据块名称%}…{%endblock%}。如图:

3.在admin视图中创建index文件调用路由并在模板中创建index.html文件,写入继承数据块。

{% extends "admin/admin.html" %}

{% block content %}

<h1>hello</h1>

{% endblock %}

5.2其他页面的搭建

#修改密码
@admin.route("/pwd/")
def pwd():
    return render_template("admin/pwd.html")

#编辑标签
@admin.route("/tag/add/")
def tag_add():
    return render_template("admin/tag_add.html")

#标签列表
@admin.route("/tag/list/")
def tag_list():
    return render_template("admin/tag_list.html")

#编辑电影
@admin.route("/movie/add/")
def movie_add():
    return render_template("admin/movie_add.html")

#电影列表
@admin.route("/movie/list/")
def movie_list():
    return render_template("admin/movie_list.html")
#编辑上映预告
@admin.route("/preview/add/")
def preview_add():
    return render_template("admin/preview_add.html")

#上映预告列表
@admin.route("/preview/list/")
def preview_list():
    return render_template("admin/preview_list.html")

#会员管理列表
@admin.route("/user/list/")
def user_list():
    return render_template("admin/user_list.html")

#查看会员
@admin.route("/user/view/")
def user_view():
    return render_template("admin/user_view.html")
#评论列表
@admin.route("/comment/list/")
def comment_list():
    return render_template("admin/comment_list.html")

#收藏列表
@admin.route("/moviecol/list/")
def moviecol_list():
    return render_template("admin/moviecol_list.html")
#操作日志列表
@admin.route("/oplog/list/")
def oplog_list():
    return render_template("admin/oplog_list.html")
#管理员日志列表
@admin.route("/adminloginlog/list/")
def adminloginlog_list():
    return render_template("admin/adminloginlog_list.html")
#会员登录日志列表
@admin.route("/userloginlog/list/")
def userloginlog_list():
    return render_template("admin/userloginlog_list.html")
#添加角色
@admin.route("/role/add/")
def role_add():
    return render_template("admin/role_add.html")
#角色列表
@admin.route("/role/list/")
def role_list():
    return render_template("admin/role_list.html")

#添加权限
@admin.route("/auth/add/")
def auth_add():
    return render_template("admin/auth_add.html")
#权限列表
@admin.route("/auth/list/")
def auth_list():
    return render_template("admin/auth_list.html")

#添加管理员
@admin.route("/admin/add/")
def admin_add():
    return render_template("admin/admin_add.html")
#管理员列表
@admin.route("/auth/list/")
def admin_list():
    return render_template("admin/admin_list.html")

最终目录如下:

flask-后台布局页面搭建4的更多相关文章

  1. flask-前台布局页面搭建3

    4.前台布局的搭建 由于前端知识有限,我在网上下载的人家的前台源码,附上链接 https://link.jianshu.com/?t=https://github.com/mtianyan/movie ...

  2. 从零开始,搭建博客系统MVC5+EF6搭建框架(4)上,前后台页面布局页面实现,介绍使用的UI框架以及JS组件

    一.博客系统进度回顾以及页面设计 1.1页面设计说明 紧接前面基础基本完成了框架搭建,现在开始设计页面,前台页面设计我是模仿我博客园的风格来设计的,后台是常规的左右布局风格. 1.2前台页面风格 主页 ...

  3. 【干货】利用MVC5+EF6搭建博客系统(四)(上)前后台页面布局页面实现,介绍使用的UI框架以及JS组件

    一.博客系统进度回顾以及页面设计 1.1页面设计说明 紧接前面基础基本完成了框架搭建,现在开始设计页面,前台页面设计我是模仿我博客园的风格来设计的,后台是常规的左右布局风格. 1.2前台页面风格 主页 ...

  4. python:页面布局 后台管理页面之常用布局

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...

  5. 博客系统-后台页面搭建:eazy

    业务分析:布局为四个模块上边是系统描述,左边是导航菜单,中间是每个窗口的内容,下边是版权信息 点击左边的导航按钮,在右边窗口显示 代码: <%@ page language="java ...

  6. 用jquery-easyui的布局layout写后台管理页面

    先在官网下载easyui文档 引入头部文件 <link rel="stylesheet" type="text/css" href="${pag ...

  7. 前端武器库系列之html后台管理页面布局

    设计网页,让网页好看:网上找模板 搜 HTML模板 BootStrap 一.页面布局之主站页面 主站布局一般不占满页面,分为菜单栏.主页面.底部 上中下三部分.伪代码如下: <div class ...

  8. HTML后台管理页面布局

    设计网页,让网页好看:网上找模板 搜 HTML模板 BootStrap 一.内容回顾: HTML 一大堆的标签:块级.行内 CSS position background text-align mar ...

  9. 通过flask实现web页面简单的增删改查bootstrap美化版

    通过flask实现web页面简单的增删改查bootstrap美化版 项目目录结构 [root@node1 python]# tree -L 2 . ├── animate.css ├── fileut ...

随机推荐

  1. Xilinx_ISE 14.7 Win10 闪退

    打开D:\Xilinx\14.7\ISE_DS\ISE\lib\nt64 将libPortabilityNOSH.dll 重命名为libPortability.dll,替换原libPortabilit ...

  2. Leetcode66-Plus One-Eassy

    Given a non-empty array of digits representing a non-negative integer, plus one to the integer. The ...

  3. HDU 4315 Climbing the Hill(阶梯博弈)

    http://acm.hdu.edu.cn/showproblem.php?pid=4315 题意:由上至下有多个格子,最顶端的是山顶,有多个球,其中有一个球是king,每次可以将球向上移动任意个格子 ...

  4. vue动态改变样式

    <i class="el-icon-arrow-left" :style="{'color': deadColorArr[index]}" @click= ...

  5. 【Ruby】【目录 & 引用 & 文件 】

    [[目录]] 当前文件在根目录下一个文件夹下 引用当前文件所在目录上一级目录下某.rb文件 方法一 require File.join(File.dirname(FILE),'..','test_on ...

  6. GYM 101064 2016 USP Try-outs G. The Declaration of Independence 主席树

    G. The Declaration of Independence time limit per test 1 second memory limit per test 256 megabytes ...

  7. Java SE LinkedList的底层实现

    关于实现链表的底层原理 链表便于增删,不便于查询 package com.littlepage.linkedList; /** * 基于底层实现LinkedList * @author Littlep ...

  8. JsonAutoDetect注解找不到错误

    RedisConfig类代码: package com.neo.SpringBoot.config; import java.lang.reflect.Method; import org.sprin ...

  9. Qt532.【转】Qt在pro中设置运行时库MT、MTd、MD、MDd,只适合VS版本的Qt

    ZC:具体应该设置 什么参数,可以参看 自己转载的文章:"VC.[转]采用_beginthread__beginthreadex函数创建多线程 - CppSkill - 博客园.html&q ...

  10. es6 - 函数 扩展

    1. 可添加默认参数 function fn(name,age=17){ console.log(name+","+age); } fn("Amy",18); ...