使用Flask实现Todo备忘录（2）实现查询和保存，界面

最新推荐文章于 2022-07-13 18:34:28 发布

Cytues

最新推荐文章于 2022-07-13 18:34:28 发布

阅读量771

点赞数

分类专栏： flask

本文链接：https://blog.csdn.net/qq_41805514/article/details/81146565

版权

本文介绍了如何使用Flask框架构建一个Todo备忘录应用，包括搭建界面、实现查询和保存功能。借助Bootstrap和CSS设计了美观的备忘录界面，并在项目中使用了Form类的hidden_tag方法处理隐藏字段。通过配置密钥，在视图中循环展示备忘列表，利用MongoDB保存表单数据。

摘要由CSDN通过智能技术生成

使用bootstrap和css构造备忘录界面：

类似这种界面。

项目的情况：

基类和子类模板：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <!-- 引入bootstrap框架和css文件-->
    <link href="{
  { url_for('static',filename='bootstrap.min.css') }}" rel="stylesheet" type="text/css"/>
    <link href="{
  { url_for('static',filename='index.css') }}" rel="stylesheet" type="text/css"/>
</head>
<body>

 <div class="container">
      <div class="header clearfix">
        <h3 class="text-muted">Todo</h3>
      </div>
      <!-- 子类继承处 -->
      <div class="jumbotron">
        {% block content %}
        {% endblock %}
      </div>

      <footer class="footer">
        <p>&copy; loli 2018</p>
      </footer>

    </div> <!-- /container -->
</body>
</html><

最低0.47元/天解锁文章

Cytues

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
使用Flask实现Todo备忘录（2）实现查询和保存，界面

使用bootstrap和css构造备忘录界面：类似这种界面。项目的情况：基类和子类模板：&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &amp
复制链接

扫一扫

专栏目录