flask-后台布局页面搭建4
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的更多相关文章
- flask-前台布局页面搭建3
4.前台布局的搭建 由于前端知识有限,我在网上下载的人家的前台源码,附上链接 https://link.jianshu.com/?t=https://github.com/mtianyan/movie ...
- 从零开始,搭建博客系统MVC5+EF6搭建框架(4)上,前后台页面布局页面实现,介绍使用的UI框架以及JS组件
一.博客系统进度回顾以及页面设计 1.1页面设计说明 紧接前面基础基本完成了框架搭建,现在开始设计页面,前台页面设计我是模仿我博客园的风格来设计的,后台是常规的左右布局风格. 1.2前台页面风格 主页 ...
- 【干货】利用MVC5+EF6搭建博客系统(四)(上)前后台页面布局页面实现,介绍使用的UI框架以及JS组件
一.博客系统进度回顾以及页面设计 1.1页面设计说明 紧接前面基础基本完成了框架搭建,现在开始设计页面,前台页面设计我是模仿我博客园的风格来设计的,后台是常规的左右布局风格. 1.2前台页面风格 主页 ...
- python:页面布局 后台管理页面之常用布局
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
- 博客系统-后台页面搭建:eazy
业务分析:布局为四个模块上边是系统描述,左边是导航菜单,中间是每个窗口的内容,下边是版权信息 点击左边的导航按钮,在右边窗口显示 代码: <%@ page language="java ...
- 用jquery-easyui的布局layout写后台管理页面
先在官网下载easyui文档 引入头部文件 <link rel="stylesheet" type="text/css" href="${pag ...
- 前端武器库系列之html后台管理页面布局
设计网页,让网页好看:网上找模板 搜 HTML模板 BootStrap 一.页面布局之主站页面 主站布局一般不占满页面,分为菜单栏.主页面.底部 上中下三部分.伪代码如下: <div class ...
- HTML后台管理页面布局
设计网页,让网页好看:网上找模板 搜 HTML模板 BootStrap 一.内容回顾: HTML 一大堆的标签:块级.行内 CSS position background text-align mar ...
- 通过flask实现web页面简单的增删改查bootstrap美化版
通过flask实现web页面简单的增删改查bootstrap美化版 项目目录结构 [root@node1 python]# tree -L 2 . ├── animate.css ├── fileut ...
随机推荐
- 【译】第37节---EF6-异步查询和保存
原文:http://www.entityframeworktutorial.net/entityframework6/async-query-and-save.aspx 你可以在.NET4.5下使用 ...
- 【译】第18节---数据注解-ForeignKey
原文:http://www.entityframeworktutorial.net/code-first/foreignkey-dataannotations-attribute-in-code-fi ...
- JavaScript基本内容
注释: /*多行 注释*/ //单行注释 变量: //变量均为对象,常用类型:String.Number.Boolean.Array.Object var value = "hello&qu ...
- 理解 Redis(1) - Redis 简介
Redis 的含义 全称: REmote DIctionary Server 远程词典服务器 由于支持 string, list, set, ordered set, hash 等多重数据结构, 因此 ...
- 改变input中的placeholder样式
1.input[placeholder]{ color:#d5d5d5; } 2.input::-moz-placeholder { color: #d5d5d5; } input:-ms-input ...
- codeforces 768D Jon and Orbs
题目链接:http://codeforces.com/problemset/problem/768/D 令$f[i][j]$表示当前产生过了$i$个球,产生过了$j$个不同的球的概率. ${Ans_i ...
- JS字典 Dictionary类
字典 Dictionary类 /*字典 Dictionary类*/ function Dictionary() { this.add = add; this.datastore = new Array ...
- Boostrap导航栏跳转到其他页面或外部链接
想要在boostrap下增加一个标签a,并设置其href属性来实现跳转功能(具体是想在导航栏中添加,点击某个导航栏部件时跳转至其他页面),但是发现事情并不是想象中的那么简单: “Bootstrap为这 ...
- Android JNI 数组操作
JNI 中有两种数组操作,基础数据类型数组和对象数组,JNI 对待基础数据类型数组和对象数组是不一样的. 基本数据类型数组 对于基本数据类型数组,JNI 都有和 Java 相对应的结构,在使用起来和基 ...
- CC初试啼声-----演讲与我
演讲与我 我非常讨厌演讲,因为我不会演讲,当我站在许多人面前讲话时,我会非常的紧张,我会血压升高,心跳加速,后背冒冷汗. 第一次演讲应该是在我初二的时候,期末考试结束,班级前五名的同学要做一个分享,我 ...