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

(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">

在这里插入图片描述

相关推荐

最近更新

  1. TCP协议是安全的吗?

    2024-04-23 19:16:03       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-23 19:16:03       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-23 19:16:03       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-23 19:16:03       18 阅读

热门阅读

  1. php简单路由实现伪静态

    2024-04-23 19:16:03       12 阅读
  2. hadoop大数据原理与应用-----初识hadoop习题集

    2024-04-23 19:16:03       18 阅读
  3. 程序员缓解工作压力的小窍门

    2024-04-23 19:16:03       16 阅读
  4. Python基础学习之itertools.zip_longest()函数

    2024-04-23 19:16:03       14 阅读
  5. 面试十四、内存泄漏

    2024-04-23 19:16:03       14 阅读
  6. 【Linux】学习记录_16_POSIX互斥锁

    2024-04-23 19:16:03       15 阅读