毕业设计----python

最新推荐文章于 2024-07-04 22:31:36 发布

只鱼_

最新推荐文章于 2024-07-04 22:31:36 发布

阅读量346

点赞数 3

分类专栏：毕业设计文章标签：课程设计 python 开发语言前端 django

本文链接：https://blog.csdn.net/weixin_62945016/article/details/137140850

版权

毕业设计专栏收录该内容

3 篇文章 0 订阅

订阅专栏

快速搭一个网站

先用flask熟悉页面设计过程：

先将结构化的代码写出：

from flask import Flask,render_template

app=Flask(__name__)

@app.route("/show/info")
def show_info():
    #flask内部会自动打开这个文件，并读取内容
    #默认回去teplates文件内找
    return render_template("index.html")

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

然后这里可以看到调用了render_template,所以要建立一个templates目录，在这个文件里写html文件，对页面进行美化和设计ps：可以在Flask(__name__,template_folder="xxx"),这样可以改目录名称，但一般不建议

项目结构文件：

index.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1 style="color: pink">这是第一个falsk文件</h1>
</body>
</html>

结果：

此处：

可以设置主机和端口

学习标签

head标签

编码规则，以utf-8的规则解析字符串：

<meta charset="UTF-8">

title标签，中间表示的是页面导航的名字：

<title>我的名字</title>

body标签

标题标签

也就是h标签

div和span标签

div，一个人占一整行，称为“块级标签”

span，自己有多大，就占多少，称为“行内标签，内联标签”

ps：这两个标签比较素，啥功能都没有，但是以后通过css样式可以多种变换

代码：

<body>
<h1 style="color:blue">这是第一部分的标题</h1>
<span style="color: aqua">当前时间为:</span>
<span>2024-03-29</span>
<div>
    米西米西
</div>
<div>
    画布垃圾
</div>
<h2 style="color:red">这是第二部分的标题</h2>
<span style="color: yellow">当前时间为:</span>
<span>2024-03-29</span>
<div>
    如果你不米西
</div>
<div>
    那我就不拉基
</div>
</body>

超链接

<a></a>标签

跳转到其他网页的代码：

<a href="http://www.bilibili.com">跳转到哔哩</a>

挑战到自己的网站其他的地址：

<a href="/show/info">跳转到自己的网站</a>

注意自己写的网站还需要编写相关的路由地址，和html文件

路由地址和函数，调用了index01.html文件

@app.route("/get/news")
def get_news():
    return render_template("index01.html")

index01.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>获取新闻</title>
</head>
<body>
<h1>这跳转到了自己的页面</h1>
<div>今日天气</div>
<div style="color: orange">大晴天</div>
<span>时间</span>
<span>2024-03-29</span>
</body>
</html>

图片显示

代码

<img src="https://img1.baidu.com/it/u=1965663592,580944689&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1711818000&t=357c684ee37693d722ff7ecf5b102491">

这是引用别人的图片

显示自己的图片就需要创建一个static目录，用static目录里面，还可以设置高度与宽度

<img style="height: 200px;width: 400px" src="/static/101.png">

小结

已学标签：

<h></h>
<div></div>
<span></span>
<a></a>
<img />

划分：

行内标签：
<span>,<img />,<a>

块级标签：

标签嵌套：

<a href="/get/news"><img src="/static/102.png" style="height: 200px;width: 400px"></a>

点击图片即可实现跳转，可在a标签里加一个target="_blank",就可以跳转到新生成的页面

列表标签

基本格式：

<span>无序号列表</span>
<ul>
    <li>数据结构</li>
    <li>计算机网络</li>
    <li>计算机组成原理</li>
    <li>操作系统</li>
</ul>
<span>有序号列表</span>
<ol>
    <li>数据结构</li>
    <li>计算机网络</li>
    <li>计算机组成原理</li>
    <li>操作系统</li>
</ol>

表格标签

<table border="1">
    <thead>
    <th>学号</th>
    <th>姓名</th>
    <th>年龄</th>
    </thead>
    <tbody>
    <tr>
        <td>1</td>
        <td>张文远</td>
        <td>20</td>
    </tr>
        <tr>
        <td>2</td>
        <td>刘奇兰</td>
        <td>21</td>
    </tr>
        <tr>
        <td>3</td>
        <td>王近则</td>
        <td>22</td>
    </tr>
    </tbody>
</table>

只鱼_

关注

3
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
毕业设计----python

然后这里可以看到调用了render_template,所以要建立一个templates目录，在这个文件里写html文件，对页面进行美化和设计ps：可以在Flask(__name__,template_folder="xxx"),这样可以改目录名称，但一般不建议。点击图片即可实现跳转，可在a标签里加一个target="_blank",就可以跳转到新生成的页面。显示自己的图片就需要创建一个static目录，用static目录里面，还可以设置高度与宽度。span，自己有多大，就占多少，称为“行内标签，内联标签”
复制链接

扫一扫