【银角大王———Django学习DAY0——基础准备】

发布于:2024-04-20 ⋅ 阅读:(27) ⋅ 点赞:(0)

(1)在pycharm中下载Flask

在设置——项目——搜索flask下载
在这里插入图片描述

(2)使用Flask

(1)导包
(2)创建Flask实例
(3)创建templates目录,将HTML文件放在里面
(4)创建网址和函数的对应关系,
(5)主函数运行程序
(6)运行后记得停止,不然会一直运行
代码如下:

from  flask import Flask, render_template



#创建flask实例

app=Flask(__name__)

#创建网址/show/loginboot和函数learn_bootStrap的对应关系
#以后用户在浏览器上访问/show/loginboot,网站自动执行learn_bootStrap
@app.route("/show/loginboot")
def learn_bootStrap():

    # 使用Flask内部会自动打开这个文件,并读取内容,将内容返回给用户
    # 默认:去当前项目的templates目录去找
    return render_template("learn_bootStrap.html")

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

请添加图片描述
运行图:
在这里插入图片描述

(3)下载BootStrap框架

(1)到官网去下载
(2)解压
(3)将解压的文件直接拖到项目插件目录中
在这里插入图片描述
在这里插入图片描述

(4) 使用BootStrap框架

(1)在头部引用BootStrap框架——代码:

<link rel="stylesheet" href="static/plugsin/bootstrap-3.4.1/css/bootstrap.css">

(2)使用——比如使用button

 <input type="button" value="提交" class="btn btn-primary">

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="static/plugsin/bootstrap-3.4.1/css/bootstrap.css">
</head>
<body>

    <input type="button" value="提交" class="btn btn-primary">


</body>
</html>

和老师一起发现我的不成功,搞了半天原来是路径的问题,修改引用路径为,看看区别在哪,有时候一个人自学挺无助的,想报警,就因为两点(表示根目录下)

<link rel="stylesheet" href="../static/plugsin/bootstrap-3.4.1/css/bootstrap.css">

在这里插入图片描述