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

银角大王------Django学习前情提要

(1)在pycharm中下载Flask

在设置------项目------搜索flask下载

(2)使用Flask

(1)导包

(2)创建Flask实例

(3)创建templates目录,将HTML文件放在里面

(4)创建网址和函数的对应关系,

(5)主函数运行程序

(6)运行后记得停止,不然会一直运行

代码如下:

python 复制代码
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框架------代码:

html 复制代码
<link rel="stylesheet" href="static/plugsin/bootstrap-3.4.1/css/bootstrap.css">

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

html 复制代码
 <input type="button" value="提交" class="btn btn-primary">

代码如下:

html 复制代码
<!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>

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

javascript 复制代码
<link rel="stylesheet" href="../static/plugsin/bootstrap-3.4.1/css/bootstrap.css">
相关推荐
知识分享小能手5 小时前
React学习教程,从入门到精通, React 属性(Props)语法知识点与案例详解(14)
前端·javascript·vue.js·学习·react.js·vue·react
luckys.one5 小时前
第9篇:Freqtrade量化交易之config.json 基础入门与初始化
javascript·数据库·python·mysql·算法·json·区块链
大翻哥哥7 小时前
Python 2025:量化金融与智能交易的新纪元
开发语言·python·金融
言之。7 小时前
Django中的软删除
数据库·django·sqlite
zhousenshan8 小时前
Python爬虫常用框架
开发语言·爬虫·python
茯苓gao8 小时前
STM32G4 速度环开环,电流环闭环 IF模式建模
笔记·stm32·单片机·嵌入式硬件·学习
是誰萆微了承諾8 小时前
【golang学习笔记 gin 】1.2 redis 的使用
笔记·学习·golang
IMER SIMPLE8 小时前
人工智能-python-深度学习-经典神经网络AlexNet
人工智能·python·深度学习
CodeCraft Studio9 小时前
国产化Word处理组件Spire.DOC教程:使用 Python 将 Markdown 转换为 HTML 的详细教程
python·html·word·markdown·国产化·spire.doc·文档格式转换
DKPT9 小时前
Java内存区域与内存溢出
java·开发语言·jvm·笔记·学习