Flask（1）

最新推荐文章于 2024-01-13 09:43:07 发布
最新推荐文章于 2024-01-13 09:43:07 发布
阅读量330 收藏
点赞数
分类专栏： 未经分类的博客 文章标签： python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44569326/article/details/108673801
版权 
from flask import Flask,render_template,request
from flask_sqlalchemy import SQLAlchemy

app = Flask(__name__)

HOSTNAME='127.0.0.1'
POST='3306'
USERNAME='root'
PASSWORD='root'
DATABASE='movie_mysql'

DB_url='mysql+pymysql://{username}:{password}@{hostname}:{post}/{db}?charset=utf8'.format\
    (username=USERNAME,password=PASSWORD,hostname=HOSTNAME,post=POST,db=DATABASE)

app.config['SQLALCHEMY_DATABASE_URI']=DB_url
app.config['SQLALCHEMY_TRACK_MODIFICATIONS']=False


#链接数据库：
db=SQLAlchemy(app)

class NEWS(db.Model):
    __tablename__ = 'loginer'
    uname = db.Column(db.Integer, primary_key=True)
    pwd = db.Column(db.String(20), nullable=True)
# db.drop_all()
# db.create_all()

@app.route('/')
def hello():
    return render_template("login.html")
@app.route('/login/',methods=['GET','POST'])
def login():
    if request.method=="GET":
        return render_template('login.html')
    if request.method == "POST":
        uname = request.form['zhanghao']
        pwd = request.form['mima']
        news = NEWS.query.filter(NEWS.uname == uname, NEWS.pwd == pwd).all()
        if news:
            return render_template('movie.html')
        else:
            return render_template('login.html')


@app.route('/register/',methods=['GET','POST'])
def register():
    if request.method=="GET":
        return render_template('register.html')
    if request.method=="POST":
        zhanghao=request.form['zhanghao']
        mima=request.form['mima']
        word=NEWS(uname=zhanghao,pwd=mima)
        db.session.add(word)
        db.session.commit()
        return render_template('login.html')
@app.route('/movie/')
def movie():
    return render_template('movie1.html')
@app.route('/movie1/')
def movies1():
    return render_template('movie1.html')

if __name__ == '__main__':
    app.run(debug=True)


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <style>
        body{
            background-image: url("{{ url_for('static',filename='image/1.jpg') }}");
            background-repeat: no-repeat;
            background-size:100%,100%;
        }
        .denglu{
            width: 450px;
           height: 225px;
           position: absolute;
           top:30%;
           left:32%;
           background-color: rgba(170, 170, 255, 0.2);
           border-style: dotted;
           border-radius: 20px;
        }
        .pic{
            width: 200px;
           height: 190px;
           position: absolute;
           left:10px;
           top:30px;
        }
        .pic img{
            width:200px;
            height: 180px;
        }
        .login{
            width: 220px;
           height: 150px;
           color: black;
           position: absolute;
           top: 30%;
           left:50%;
        }
        .login th{
       font-family: "新宋体";
        }
    </style>
</head>
<body>
<div class="denglu">
    <div class="pic">
        <img src="{{ url_for('static',filename='image/2.jpeg') }}" alt="登录图">
    </div>
    <div class="login">
        <form action="/login/" method="post">
    <table>
        <tr>
            <th>登录：</th>
            <th><input type="text" name="zhanghao"></th>
        </tr>
        <tr>
            <th>密码：</th>
            <th><input type="password" name="mima"></th>
        </tr>
        <tr>
            <th><input type="submit" value="登录"></th>
            <th><a href="{{ url_for('register') }}"><input type="button" value="注册"></a></th>
        </tr>
    </table>
    </form>
    </div>
</div>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>视频播放主界面</title>
    <style>
        body{
            padding: 0;
            margin:0;

        }
        .head{
            position: absolute;
            width: 100%;
            height: 120px;
            background-image: url("{{ url_for('static',filename='image/13.jpg')}}");
            background-repeat: no-repeat;
            background-size: 100%,100%;
            {#background-color: blue;#}
        }
        .all{
            position: absolute;
            top:120px;
            width: 100%;
            height: 700px;

        }
        .foot{
            width: 100%;
            height: 100px;
            background-image: url("{{ url_for('static',filename='image/8.jpg')}}");
            background-repeat: no-repeat;
            background-size: 100%,100%;
            position: absolute;
            top:820px;
        }
        .word{
            position: absolute;
            width: 700px;
            height:120px ;
            {#background-color: chartreuse;#}
        }
        .word h1{
            float: left;
        }
        .word img{
            float:left;
            position: absolute;
            width: 90px;
            height: 90px;
            left:500px;
            top:20px;
        }
        .sou{
            position: absolute;
            left:700px;
            width: 600px;
            height: 120px;
            {#background-color: chartreuse;#}
        }
        .sou ul li{
            list-style: none;
            float: left;
            padding: 5px;
            font-size: 30px;
            font-family: 华文新魏;
        }
        .sou a{
            text-decoration: none;
        }
        .deng{
            position: absolute;
            left:1300px;

        }
        .deng input{
            position: absolute;
            top:60px;
        }
        .deng a{
            text-decoration: none;
        }
        .one{
            position: absolute;
            width: 200px;
            height: 700px;
            background-image: url("{{ url_for("static",filename="image/13.jpg") }}");



        }
        .two{
            position:absolute;
            width:1318px ;
            height: 700px;
            background-image: url("{{ url_for("static",filename="image/8.jpg") }}");
            background-size: 100%,100%;
            left: 200px;
        }
        .one ul li{
            padding: 5px;
            list-style: none;
            font-size: 40px;
            border: blue;
            border-style: double;
            border-radius: 30%;
        }
    </style>

</head>
<body>
    <div class="head">
        <div class="word">
            <h1 style="font-family: 华文彩云 ;text-align: left;position: absolute;left: 200px;font-size: 50px">辣F椒视频</h1>
            <img src="{{ url_for("static",filename="image/11.jpeg") }}" alt="图片">
        </div>
        <div class="sou">
            <ul>
                <li><a href="">今日新闻       |</a></li>
                <li><a href="">今日音乐       |</a></li>
                <li><a href="">今日图片       |</a></li>
            </ul>
        </div>
        <div class="deng">
            <input type="search" value="搜一搜">
            <p style="font-family: 华文琥珀;"><a href="{{ url_for('movies1') }}" >进入个人界面</a></p>
        </div>
    </div>
    <div class="all">
     <div class="one">
         <h2 style="font-family: 幼圆">视频类型</h2>
         <ul>
             <li>军事</li>
             <li>动漫</li>
             <li>音乐</li>
             <li>古风</li>
             <li>其他</li>
         </ul>
     </div>
        <div class="two">
            <video width="400" height="300" controls="controls">
         <source src="{{ url_for("static",filename="movies/2.mp4") }}" type="video/mp4" />
        </video>
         <video width="400" height="300" controls="controls">
         <source src="{{ url_for("static",filename="movies/1.mp4") }}" type="video/mp4" />
        </video>
            <video width="400" height="300" controls="controls">
         <source src="{{ url_for("static",filename="movies/3.mp4") }}" type="video/mp4" />
        </video>
            <video width="400" height="300" controls="controls">
         <source src="{{ url_for("static",filename="movies/4.mp4") }}" type="video/mp4" />
        </video>
            <video width="400" height="300" controls="controls">
         <source src="{{ url_for("static",filename="movies/5.mp4") }}" type="video/mp4" />
        </video>
            <video width="400" height="300" controls="controls">
         <source src="{{ url_for("static",filename="movies/6.mp4") }}" type="video/mp4" />
        </video>
        </div>


    </div>

    <div class="foot">
        <p style="font-family: 隶书;text-align: center;font-size: 40px;color: aliceblue">哈理工课设-王韵通</p>
    </div>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人视频界面</title>
    <style>
        body{
            padding: 0;
            margin: 0;
            background-image: url("{{ url_for('static',filename='image/6.jpg') }}");
            background-repeat: no-repeat;
            background-size: 100%,100%;
        }
        .header{
            width: 300px;
            height: 100px;
            position: absolute;
            top:20px;
            left:125px;
        }
        .daohang{
            width:1300px ;
            height: 40px;
            background-image: url("{{ url_for("static",filename="image/2.jpeg") }}");
            position: absolute;
            left:125px;
            top:120px;
            border: blue;
            border-radius: 10px;
        }

        .daohang ul li{
            padding: 0;
            margin: 0;
            float: left;
            height: 80px;
            list-style: none;
            display: inline;
            color: burlywood;
        }
        .daohang ul li a{
            text-decoration: none;
        }
        .one{
            width: 250px;
            height: 200px;
            position: absolute;
            top:170px;
            left:125px;
            background-color: aliceblue;
            border-radius: 10px;
            border-style: solid;
        }
        .two{
            width:250px;
            height:400px;
            position: absolute;
            top:390px;
            left:125px;
            background-color: aliceblue;
            border-radius: 10px;
            border-style: solid;
        }
        .three{
            width:750px;
            height:600px ;
            position: absolute;
            top:170px;
            left: 400px;
            background-color: rgba(170, 170, 255, 0.4);
            border-style: groove;
        }
        .four{
            width:250px;
            height:150px ;
            position: absolute;
            top:170px;
            left: 1175px;
            background-image: url({{ url_for("static",filename="image/6.jpg") }});
            border-radius: 10px;
            border-style: solid;
        }
        .five{
            width:250px;
            height:200px ;
            position: absolute;
            top:340px;
            left: 1175px;
            background-image: url({{ url_for("static",filename="image/9.jpg") }});
            border-radius: 10px;
            border-style: solid;
        }
        .six{
            width:250px;
            height:100px ;
            position: absolute;
            top:560px;
            left: 1175px;
            background-color: aliceblue;
            border-radius: 10px;
            border-style: solid;
        }
        .one img{
            width: 90px;
            height: 120px;
            position: absolute;
            left:120px
        }
        .one p{
            font-family: 华文彩云;
            color: #0000FF;
        }
        .two ul li{
            list-style: none;
            padding: 8px;
            font-size: large;
            border-bottom: dotted 1px;
            font-family: 方正姚体;
        }
        .four ul  li{
            list-style: none;
            border-bottom: 1px;
            border-bottom-style: double;
            color: cornsilk;
        }
        .five ul li{
            list-style: none;
            border-bottom:  1px;
            border-bottom-style: groove;
        }
        .five ul li a{
            text-decoration: none;
        }
    </style>
</head>
<body>
        <div class="header">
            <h1 style="font-family: 华文琥珀">个人视频空间</h1>
            <p>个性签名：欢迎来到我的空间</p>
        </div>
        <div class="daohang">
        <ul>
            <li><a href="">首页>&nbsp;&nbsp;&nbsp;</a></li>
            <li><a href="">信息>&nbsp;&nbsp;&nbsp;</a></li>
            <li><a href="">视频>&nbsp;&nbsp;&nbsp;</a></li>
            <li><a href="">日志>&nbsp;&nbsp;&nbsp;</a></li>
            <li><a href="">帮助>&nbsp;&nbsp;&nbsp;</a></li>
        </ul>
        </div>
        <div class="one">
            <p>个人资料</p>
            <img src="{{ url_for("static",filename="image/7.jpg") }}" alt="个人照片">
            <p>姓名：王某某</p>
            <p>年龄：未知</p>
            <p>性别：男</p>

        </div>
        <div class="two">
            <h2 style="text-align: center;font-family: 方正舒体">历史视频</h2>
            <ul>
                <li>火影忍者</li>
                <li>七龙珠</li>
                <li>海贼王</li>
                <li>圣斗士星矢</li>
                <li>死神</li>
                <li>灌篮高手</li>
            </ul>
        </div>
        <div class="three">
          <video width="400" height="300" controls="controls">
          <source src="{{ url_for("static",filename="movies/7.mp4") }}" type="video/mp4" />
          </video>
        </div>
        <div class="four">
            <h2 style="text-align: center;font-family: 方正舒体">我的好友</h2>
            <ul>
                <li>周杰伦</li>
                <li>林俊杰</li>
                <li>陈奕迅</li>
            </ul>
        </div>
        <div class="five">
            <h2 style="text-align: center;font-family: 方正舒体">友情链接</h2>
            <ul>
                <li><a href="">优酷</a></li>
                <li><a href="">腾讯</a></li>
                <li><a href="">爱奇艺</a></li>
                <li><a href="">B站</a></li>
                <li><a href="">咪咕</a></li>
            </ul>
        </div>
        <div class="six">
            <h5 style="text-align: center">访客记录</h5>
            <p style="font-size: 10px;font-family: 微軟正黑體">总访客量：3000</p>
            <p style="font-size: 10px;font-family: 微軟正黑體">今日访客量：30</p>
        </div>
</body>
</html>



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <style>
        body{
             background-image: url("{{ url_for('static',filename='image/5.jpg') }}");
            background-repeat: no-repeat;
            background-size:100%,100%;
        }
        .register{
            width: 300px;
           height: 400px;
           background-color: rgba(170, 170, 255, 0.2);
           position: absolute;
           top:10%;
           left:41%;
           opacity: 0.6;
           border-style: groove;
           border-width: 10px;
        }
        .tex{
            text-align: center;
        }
        .register input{
            position: center;
        }
    </style>
</head>
<body>
<div class="register">
    <div class="tex">
        <p style="font-family: 微軟正黑體">欢迎注册</p>
    </div>
   <div class="zhuce">
        <form action="/register/" method="post">
    <table>
        <tr>
            <th>注册账号：</th>
            <th><input type="text" name="zhanghao"></th>
        </tr>
        <tr>
            <th>注册密码：</th>
            <th><input type="text" name="mima"></th>
        </tr>
        <tr>
            <th>性别:</th>
            <th><input type="radio" name="1">男&nbsp; &nbsp;&nbsp; &nbsp;<input type="radio" name="1">女</th>
        </tr>
        <tr>
            <th>出生日期:</th>
            <th><input type="date"></th>
        </tr>
        </tr>
        <tr><th>家庭住址:</th>
            <th><select>
                <option>上海</option>
                <option selected="selected">北京</option>
                <option>广州</option>
                <option>深圳</option>
            </select></th>
        </tr>
        <tr>
            <th><br><br><br><br><br><br></th>
            <th><input type="submit" value="提交"></th>
        </tr>
    </table>
</form>
   </div>
</div>
</body>
</html>
梧桐雨。
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Flask Web开发实验一：第一个Flask项目与Flask的工作方式
weixin_60530224的博客
11-28 976
请求http://127.0.0.1:5000/后，服务器日志有run_before_request打印的内容，且请求到达的时间g.begin_time也共享到视图函数使用。Flask在分发请求之前激活（或推送）程序和请求上下文，那么就可以使用上面几个变量了，且请求处理完成后会将它删除。要想让视图函数能够访问请求对象，一个显而易见的方式是将其作为参数传入视图函数，程序收到客户端发来的请求时，要找到处理该请求的视图函数。试想，在多线程服务器中，多个线程同时处理不同客户端发送的不同请求时，
基于python-flask的访问控制矩阵实验
迷风小白
05-29 3391
Flask是一个轻量级的Python入门Web框架。 关于Flask Web开发学习可以参考这篇文章。 一、环境 软件：pycharm（Python3）、MySQL（PhpMyadmin） 依赖库：flask、numpy、pymysql、traceback 二、实验整体结构 实验源码： static主要存放渲染前端的一些css和js文件。 templates存放登录注册页面，还有admin和普通...
Web开发丨基于flask+pygal可视化分析sqlite中的数据
热门推荐
兔子王
01-13 2万+
本期内容：基于Flask+Pygal可视化分析Sqlite3中的数据。
【Flask入门】Flask入门实验教程
weixin_45939929的博客
05-19 496
Flask入门实验教程。
Python Flask开发实例（自己敲的试验楼小Demo）
01-26
Flask web开发了一个简单的博文系统，用户可登录登出，发表博文，并在网页上实时查看历史博文，数据库使用了sqlite3,测试已经通过。
Flask基础（1）
u014229742的博客
05-16 261
1.什么是flask框架？ 2.Flash环境搭建 3.安装蓝图flask-blueprint 4.manage.py 和 view.py 5.路由规则 6.request请求 7.安装flask-session和redis 1.什么是flask框架？ Flask是使用Python实现的一种web框架。其显著特征是：它是一个‘微’框架，‘微’意味着旨在保持核心的...
Flask项目（1）
君莫笑
09-26 171
16.项目课程介绍 目标：知道项目课程会涉及到的那些技术方案 项目课程中涉及到的技术: 数据库方案 Gitflow工作流 认证方案 对象存储 缓存方案 RPC方案 搜索方案 即时通讯方案 APScheduler定时任务 supervisor进程管理 备注： 每个技术方案基本上都需要1天的时间学习，所以我们这个阶段的学习是以解决方案学习为重点，项目中的业...
flask1dalis
03-09
【标题】"flask1dalis" 暗示我们关注的是一个与 Flask 框架相关的项目，可能是一个小型的 Web 应用程序或教程。Flask 是一个轻量级的 Python Web 开发框架，它允许开发者用简洁的代码构建功能丰富的 Web 服务。 ...
flask
06-15
1. **基础架构**：Flask的核心是一个WSGI（Web Server Gateway Interface）应用程序对象，它负责处理HTTP请求和响应。通过`app = Flask(__name__)`创建一个应用实例，其中`__name__`用于确定资源的查找路径。 2. **...
flask环境部署1
08-08
标题“flask环境部署1”涉及的是如何在Python开发环境中设置和配置Flask应用，以及相关的依赖库。Flask是一个轻量级的Web服务程序，适用于构建小型到中型的Web应用。以下是对该主题的详细说明： 首先，环境部署成功...
flask三部曲1
08-03
在本篇“Flask三部曲1”中，我们将探讨Flask框架的基础知识，这是一个轻量级的Python Web开发框架。Flask的核心依赖包括Werkzeug（一个WSGI服务器）和Jinja2（一个强大的模板引擎）。让我们深入理解Flask的基本概念...
flask socketio简单示例
最新发布
04-14
1. **安装库**：首先，你需要通过pip安装Flask和Flask-SocketIO。在命令行中运行以下命令： ``` pip install flask flask-socketio ``` 2. **创建Flask应用**：创建一个Python文件，如`app.py`，并初始化一个...
Flask 实战：如何从零开发“知乎”
实验楼--动手做实验，轻松学IT！
02-17 849
作为当下十分火热的问答社区，知乎聚集了大量问题者和答题者。 但不少朋友在逛知乎的同时，也不禁想要开发一个像“知乎”这样的问答社区，既能够问题答题，也能拥有用户评论、点赞、收藏、浏览量等诸多完善的功能。 今天，为大家呈上一个步骤详细的问答社区开发训练营《Flask实现一个问答社区》，手把手帮助有一定web基础的同学开发出属于自己的简易“知乎”，并有完整源码可供下载。 此训练营采用的开发环境均为实验楼...
哨兵模式(sentinel)
weixin_44569326的博客
01-10 5304
Redis主从复制-哨兵模式（Sentinel） 反客为主的自动版，能够后台监控Master是否故障，如果故障了，根据投票数自动将Slave转换为 Master。 哨兵模式是一种特殊的模式，首先Redis提供了哨兵的命令，哨兵是一个独立的进程，作为进程，它会独 立运行。其原理是哨兵通过发送命令，等待Redis服务器响应，从而监控运行的多个Redis实例。 将服务器调整为一主多从（6379带6380、6381）。 在/usr/local/myredis文件夹下创建sentinel.conf文件（名字一定不能
MybatisPlus未加主键问题
weixin_44569326的博客
04-03 4729
Can not find table primary key in Class: “com.wyt.springboot_redis.pojo.Users”. 2022-04-03 00:12:57.124 WARN 18748 — [ main] c.b.m.core.injector.DefaultSqlInjector : class com.wyt.springboot_redis.pojo.Users ,Not found @TableId annotation, Can
SpringSecurity去掉登录页
weixin_44569326的博客
05-22 1951
@Configuration public class SecurityConfig extends WebSecurityConfigurerAdapter { @Override protected void configure(HttpSecurity http) throws Exception { // 正常配置其他安全相关的内容 // 将登录框关闭 http.formLogin().disable(); } } ...
面试题：有了进程为什么还需要线程？
weixin_44569326的博客
01-09 1559
总结： 从资源上来讲：线程是一种非常"节俭"的多任务操作方式。而进程的创建 需要更多的资源。 从切换效率上来讲：运行于一个进程中的多个线程，它们之间使用相同的 地址空间，而且线程间彼此切换所需时间也远远小于进程间切换所需要的时间。 据统计，一个进程的开销大约是一个线程开销的 30 倍左右。 从通信机制上来讲：对不同进程来说，它们具有独立的数据空间，要进行 数据的传递只能通过进程间通信的方式进行，这种方式不仅费时，而且很不方便。 线程则不然，由于同一进程下的线程之间共享数据空间，所以一个线程的数据可 以直接
SpringSecurity的角色权限判断
weixin_44569326的博客
01-08 1525
1 hasAuthority(String) 判断用户是否具有特定的权限，用户的权限是在自定义登录逻辑 中创建 User 对象时指定的。 下图中 admin 就是用户的权限。admin 严格区分大小写。 在配置类中通过 hasAuthority(“admin”)设置具有 admin 权限时才 能访问。 .antMatchers("/main1.html").hasAuthority("admin") 2 hasAnyAuthority(String … 如果用户具备给定权限中某一个，就允许访问。 下面代
Mysql远程连接服务器报错：null, message from server: “Host ‘xxx‘ is blocked because of many connection errors
weixin_44569326的博客
02-25 1336
超过了mysql数据库max_connection_errors的最大值。共用服务器上的数据库，连接错误超出ip错误次数导致报错.同一个ip在短时间内产生太多中断的数据库连接而导致的阻塞。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值