【Python Web】Flask框架（八）前端基础整合

最新推荐文章于 2024-05-31 16:01:18 发布
最新推荐文章于 2024-05-31 16:01:18 发布
阅读量397 收藏 4
点赞数 7
分类专栏： python篇 文章标签： flask 前端 python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51670115/article/details/126919639
版权

文章目录

前端基础整合

  • HTML
  • CSS
  • JavaScript，jQuery
  • bootstrap（动态效果依赖jQuery）

先引入bootstrap和jQuery

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="static/plugins/bootstrap3/css/bootstrap.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>



    <script src="static/js/jquery-3.6.1.min.js"></script>
    <script src="static/plugins/bootstrap3/js/bootstrap.js"></script>

</body>
</html>
  • JavaScript组件的一些应用
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="static/plugins/bootstrap3/css/bootstrap.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">

    <style>

        .navbar {
            border-radius: 0px;
        }

    </style>

</head>
<body>
<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-9" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">xx系统</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-9">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false">Dropdown <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">One more separated link</a></li>
                    </ul>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">登录</a></li>
                <li><a href="#">注册</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false">librafree <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">个人资料</a></li>
                        <li><a href="#">我的账户</a></li>
                        <li><a href="#">修改密码</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">注销</a></li>
                    </ul>
                </li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>

<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
    Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">Modal title</h4>
            </div>
            <div class="modal-body">
                ...
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
    </div>
</div>

<div class="bs-example-tooltips">
    <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title=""
            data-original-title="Tooltip on left">Tooltip on left
    </button>
    <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title=""
            data-original-title="Tooltip on top">Tooltip on top
    </button>
    <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title=""
            data-original-title="Tooltip on bottom">Tooltip on bottom
    </button>
    <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title=""
            data-original-title="Tooltip on right">Tooltip on right
    </button>
</div>

<div>
    <button id="element" type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="标题"
            data-content="And here's some amazing content. It's very engaging. Right?">内容
    </button>
</div>


<div style="width: 700px">
    <div id="carousel-example-captions" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-captions" data-slide-to="0" class=""></li>
            <li data-target="#carousel-example-captions" data-slide-to="1" class=""></li>
            <li data-target="#carousel-example-captions" data-slide-to="2" class="active"></li>
        </ol>
        <div class="carousel-inner" role="listbox">
            <div class="item">
                <img data-src="holder.js/900x500/auto/#777:#777" alt="900x500"
                     src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iOTAwIiBoZWlnaHQ9IjUwMCIgdmlld0JveD0iMCAwIDkwMCA1MDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjwhLS0KU291cmNlIFVSTDogaG9sZGVyLmpzLzkwMHg1MDAvYXV0by8jNzc3OiM3NzcKQ3JlYXRlZCB3aXRoIEhvbGRlci5qcyAyLjYuMC4KTGVhcm4gbW9yZSBhdCBodHRwOi8vaG9sZGVyanMuY29tCihjKSAyMDEyLTIwMTUgSXZhbiBNYWxvcGluc2t5IC0gaHR0cDovL2ltc2t5LmNvCi0tPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbI2hvbGRlcl8xODM0ZmQ2OWFmMiB0ZXh0IHsgZmlsbDojNzc3O2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1mYW1pbHk6QXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7Zm9udC1zaXplOjQ1cHQgfSBdXT48L3N0eWxlPjwvZGVmcz48ZyBpZD0iaG9sZGVyXzE4MzRmZDY5YWYyIj48cmVjdCB3aWR0aD0iOTAwIiBoZWlnaHQ9IjUwMCIgZmlsbD0iIzc3NyIvPjxnPjx0ZXh0IHg9IjMzMy4yMDYyNDU0MjIzNjMzIiB5PSIyNzAuMTYwMDAxMzczMjkxMDQiPjkwMHg1MDA8L3RleHQ+PC9nPjwvZz48L3N2Zz4="
                     data-holder-rendered="true">
                <div class="carousel-caption">
                    <h3>First slide label</h3>
                    <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                </div>
            </div>
            <div class="item">
                <img data-src="holder.js/900x500/auto/#666:#666" alt="900x500"
                     src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iOTAwIiBoZWlnaHQ9IjUwMCIgdmlld0JveD0iMCAwIDkwMCA1MDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjwhLS0KU291cmNlIFVSTDogaG9sZGVyLmpzLzkwMHg1MDAvYXV0by8jNjY2OiM2NjYKQ3JlYXRlZCB3aXRoIEhvbGRlci5qcyAyLjYuMC4KTGVhcm4gbW9yZSBhdCBodHRwOi8vaG9sZGVyanMuY29tCihjKSAyMDEyLTIwMTUgSXZhbiBNYWxvcGluc2t5IC0gaHR0cDovL2ltc2t5LmNvCi0tPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbI2hvbGRlcl8xODM0ZmQ2ODU3YiB0ZXh0IHsgZmlsbDojNjY2O2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1mYW1pbHk6QXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7Zm9udC1zaXplOjQ1cHQgfSBdXT48L3N0eWxlPjwvZGVmcz48ZyBpZD0iaG9sZGVyXzE4MzRmZDY4NTdiIj48cmVjdCB3aWR0aD0iOTAwIiBoZWlnaHQ9IjUwMCIgZmlsbD0iIzY2NiIvPjxnPjx0ZXh0IHg9IjMzMy4yMDYyNDU0MjIzNjMzIiB5PSIyNzAuMTYwMDAxMzczMjkxMDQiPjkwMHg1MDA8L3RleHQ+PC9nPjwvZz48L3N2Zz4="
                     data-holder-rendered="true">
                <div class="carousel-caption">
                    <h3>Second slide label</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                </div>
            </div>
            <div class="item active">
                <img data-src="holder.js/900x500/auto/#555:#555" alt="900x500"
                     src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iOTAwIiBoZWlnaHQ9IjUwMCIgdmlld0JveD0iMCAwIDkwMCA1MDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjwhLS0KU291cmNlIFVSTDogaG9sZGVyLmpzLzkwMHg1MDAvYXV0by8jNTU1OiM1NTUKQ3JlYXRlZCB3aXRoIEhvbGRlci5qcyAyLjYuMC4KTGVhcm4gbW9yZSBhdCBodHRwOi8vaG9sZGVyanMuY29tCihjKSAyMDEyLTIwMTUgSXZhbiBNYWxvcGluc2t5IC0gaHR0cDovL2ltc2t5LmNvCi0tPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbI2hvbGRlcl8xODM0ZmQ2YzUwYyB0ZXh0IHsgZmlsbDojNTU1O2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1mYW1pbHk6QXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7Zm9udC1zaXplOjQ1cHQgfSBdXT48L3N0eWxlPjwvZGVmcz48ZyBpZD0iaG9sZGVyXzE4MzRmZDZjNTBjIj48cmVjdCB3aWR0aD0iOTAwIiBoZWlnaHQ9IjUwMCIgZmlsbD0iIzU1NSIvPjxnPjx0ZXh0IHg9IjMzMy4yMDYyNDU0MjIzNjMzIiB5PSIyNzAuMTYwMDAxMzczMjkxMDQiPjkwMHg1MDA8L3RleHQ+PC9nPjwvZz48L3N2Zz4="
                     data-holder-rendered="true">
                <div class="carousel-caption">
                    <h3>Third slide label</h3>
                    <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
                </div>
            </div>
        </div>
        <a class="left carousel-control" href="#carousel-example-captions" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-captions" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>


<script src="static/js/jquery-3.6.1.min.js"></script>
<script src="static/plugins/bootstrap3/js/bootstrap.js"></script>

<script>
    $(function () {
        $('[data-toggle="tooltip"]').tooltip()
        $('#element').popover({trigger: "click", placement: "bottom"})
        $('.carousel').carousel()
    })
</script>

</body>
</html>

案例：添加数据页面

人员录入系统，需要提供用户信息：

  • 用户名，年龄，薪资，部门，入职时间
  • 对于时间的选择不能输入（插件） datetimepicker
    • 下载插件
    • 应用插件
    • 也可以设置input为date

在这里插入图片描述


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="static/plugins/bootstrap3/css/bootstrap.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>

<div class="container">
    <form class="form-horizontal">
        <div class="row clearfix">

            <div class="col-xs-6">
                <div class="form-group">
                    <label class="col-sm-2 control-label">姓名</label>
                    <div class="col-sm-10">
                        <input type="email" class="form-control" placeholder="姓名">
                    </div>
                </div>
            </div>

            <div class="col-xs-6">
                <div class="form-group">
                    <label class="col-sm-2 control-label">年龄</label>
                    <div class="col-sm-10">
                        <input type="email" class="form-control" placeholder="年龄">
                    </div>
                </div>
            </div>
        </div>


        <div class="row clearfix">

            <div class="col-xs-6">
                <div class="form-group">
                    <label class="col-sm-2 control-label">薪资</label>
                    <div class="col-sm-10">
                        <input type="email" class="form-control" placeholder="薪资">
                    </div>
                </div>
            </div>

            <div class="col-xs-6">
                <div class="form-group">
                    <label class="col-sm-2 control-label">部门</label>
                    <div class="col-sm-10">
                        <select class="form-control">
                            <option>IT</option>
                            <option>销售</option>
                            <option>运营</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>

        <div class="row clearfix">

            <div class="col-xs-6">
                <div class="form-group">
                    <label class="col-sm-2 control-label">入职日期</label>
                    <div class="col-sm-10">
                        <input type="date" class="form-control" placeholder="入职日期">
                    </div>
                </div>
            </div>


            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="submit" class="btn btn-primary">提交</button>
                </div>
            </div>
            
        </div>   

    </form>

</div>


<script src="static/js/jquery-3.6.1.min.js"></script>
<script src="static/plugins/bootstrap3/js/bootstrap.js"></script>


</script>

</body>
</html>
LibraFree
关注
  • 7
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
专栏目录
基于Python Flask框架的个人博客系统开源源码
03-26
项目概述：本开源项目是一款基于Python Flask框架的个人博客系统，融合了前端与后端的多种技术。项目共包含702个文件，其中主要编程语言为Python，同时整合了JavaScript、HTML、CSS以及少量的PHP代码。 文件组成：具体文件类型分布如下： - JavaScript文件：214个 - HTML模板文件：181个 - CSS样式文件：68个，包括29个SCSS预编译文件 - 字体文件：包括27个EOT、27个SVG、27个WOFF以及21个TTF文件 - Python源文件：25个，构成了Flask应用程序的核心 - 图片文件：22个PNG图像 - 其他资源：确保了系统的完整性与丰富的用户体验 项目简述：此个人博客系统，基于轻量级的Flask框架，提供了一个简洁而功能完备的平台，供用户分享个人文章、观点与思想。系统的前端设计注重用户体验，后端则确保了高效、稳定的数据处理。
Python 使用轻量级 Flask 框架搭建 Web 服务器详细教程（基础篇）
唤醒手腕的博客
01-03 5338
代理实际上指的就是代理服务器，英文叫作 proxy server，它的功能是代理网络用户去取得网络信息。形象地说，它是网络信息的中转站。在我们正常请求一个网站时，是发送了请求给 Web 服务器，Web 服务器把响应传回给我们。如果设置了代理服务器，实际上就是在本机和服务器之间搭建了一个桥，此时本机不是直接向 Web 服务器发起请求，而是向代理服务器发出请求，请求会发送给代理服务器，然后由代理服务器再发送给 Web 服务器，接着由代理服务器再把 Web 服务器返回的响应转发给本机。
python学习之flask(三)-前端页面
神的孩子都在跳舞z
02-26 417
<div> 歌手:<input type="text" class="authorIpt"><br> 歌曲名:<input type="text" class="nameIpt"><br> <button class="submit">提交</button> ...
基于Flask 3.0.2的Web学习项目源码，整合SQLAlchemy与前端技术
03-25
项目简介：基于最新的Flask 3.0.2版本，本项目是一个集成了SQLAlchemy的Web学习平台，旨在帮助理解Flask框架与数据库操作。项目采用Python作为主要编程语言，并融合了CSS、HTML、JavaScript和TypeScript等前端技术。总体包含78个文件，其中涵盖了样式（scss和css共23个文件）、Python脚本（9个py文件）、文档（6个md文件）、模板（6个html文件）、字体（woff和woff2共10个文件）、脚本（4个js文件）、配置（4个yml和json文件）。本项目适合作为学习Flask和Flask-SQLAlchemy的实践案例。
本地部署Python Flask并搭建web问答应用程序框架实现远程访问
旋律 | 话语 | 色彩 | 情景
12-01 2133
本地部署Python Flask并搭建web问答应用程序框架实现远程访问
弹射起步——pythonweb开发Flask框架，前端原生+Flask后端框架+mysql数据库实战（附带小案例）
小淼淼的博客
05-06 3273
弹射起步——pythonweb开发Flask框架，前端原生+Flask后端框架+mysql数据库实战（附带小案例）
从0开始使用flask搭建WEB前端可视化界面
weixin_52111404的博客
04-10 2911
出现了如下报错，说明有的文件路径不对，再次修改一下（本次无报错，下面的图片只是举例）由于上步中移动了文件的位置，于是在。中引用的文件的路径可能发生了改变。直接放入static也可以）接下来终端键入命令：启动。(如果没设置端口，默认是。文件夹，其他文件夹如。
python制作前端页面模块--Flask模块
qq_37037438的博客
02-27 4646
什么是Flask？ Flask是一个web框架，也就是说web为你提供工具，库和技术来允许你构建一个web应用程序。这个web应用程序可以是一些web页面、博客、wiki、基于web的日历应用或商业网站。 Flask属于微框架这一类别，微框架通常是很小且不依赖外部库的框架。优点是框架很轻量，更新时依赖少，并且专注安全方面的bug，缺点是，你不得不自己做更多的工作，或通过添加插件增加自己的依赖列表。...
flask+python开发框架的前后端交互
weixin_41761893的博客
11-20 2200
flask是一个用python编写的web应用程序框架。
篇一、Flask打造 Python Web 开发的灵活框架，实现简易登录。要求有 Python、HTML 和 CSS 基础。
aoeryule的博客
03-04 1406
Flask打造 Python Web 开发的灵活框架，本文建立在有一定的 Python、HTML 和 CSS 基础的前提下展开
基于Flask框架与百度语音API的五子棋语音控制实现源码
03-25
项目概述：本项目是一个基于Python Flask框架与百度语音API的五子棋语音控制实现。通过整合Web服务和语音识别技术，用户能够以语音命令的方式进行五子棋游戏，增强了游戏的互动性和趣味性。 技术细节： - 主要编程...
python项目框架的课堂投票系统.zip
04-17
- Web框架：如Flask或Django，用于快速搭建Web应用和服务端逻辑。 - 前端技术：HTML, CSS, JavaScript以及可能的框架如React或Vue.js，负责构建用户界面。 - 数据库技术：如SQLite、MySQL、PostgreSQL或MongoDB，...
基于PyTorch的猫狗识别CNN网络Flask在线项目源码
03-25
前端则通过Flask框架搭建了一个用户友好的Web界面，使得用户可以通过网络轻松上传图片并进行猫狗识别。 文件组成： - JavaScript：22个文件，主要用于实现前端的动态交互效果。 - CSS：9个文件，负责定义网页样式，...
Python Flask开发web应用
Fantastic
10-16 1707
轻量化Flask Web框架总结介绍扩展Flask-RestplusFlask-HttPAuthFlask-SQLAlchemyFlask-oauthlib部署Web程序gunicornDocker 介绍 扩展 Flask-Restplus Flask-HttPAuth Flask-SQLAlchemy Flask-oauthlib 部署Web程序 gunicorn Docker
python的简单web框架flask快速实现详解
2301_80240808的博客
12-22 987
python可以做很多事情，虽然它的强项在于进行向量运算和机器学习、深度学习等方面。但是在某些时候，我们仍然需要使用python对外提供web服务。比如我们现在有一个用python写好的模型算法，这个模型算法需要接收前端的输入，然后进行模拟运算，最终得到最后的输出。这个流程是一个典型的web服务，与其我们使用java或者nodejs来搭建一个web服务器，不如我们就使用python自己的web框架来实现这一目标，减少技术栈的同时，还可以实现代码逻辑的统一，何乐而不为呢？
Python web实战 | 用 Flask 框架快速构建 Web 应用【实战】
Rocky006的博客
07-28 7142
Python web 开发已经有了相当长的历史，从最早的 CGI 脚本到现在的全栈 Web 框架，现在已经成为了一种非常流行的方式。 Python 最早被用于 Web 开发是在 1995 年（90年代早期），当时使用 CGI 脚本编写动态 Web 页面。2004 年 Django 框架发布，它是一个高度模块化的框架，提供了许多开箱即用的功能，使得 Web 开发更加容易和快速。Flask 框架于 2010 年发布，是一个轻量级的框架，它提供了更少的默认功能，但也更灵活，允许开发者根据需要添加或删除功能。
python前端学习-------Flask框架基础（建议收藏）
qq_39838607的博客
08-10 3583
Flask框架基础下载并安装Flask框架Flask基础第一个Flask应用开启调试模式路由变量规则构造URLHTTP方法模板语法格式模板变量Web 表单安装`flask-wtf`CSRF 保护和验证表单类蓝图创建蓝图注册蓝图 下载并安装Flask框架 Flask依赖于两个外部库——Werkceug和Jnija 2。Werkrcup是一个WSGI(在Web应用和多种服务器之间的标准Python接口)工具集，Jnija 2负责渲染模板。所以，在安装Flask时，会自动安装这两个库。 为了更好地管理Python
Python web开发之flask项目实战总结
weixin_51999266的博客
06-18 7560
在线问答系统项目介绍功能描述一、前端设计二、数据库设计1.引入库2.读入数据总结 提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录项目介绍功能描述一、前端设计二、数据库设计1.引入库2.读入数据总结 项目介绍     该系统是基于Python的Web开发实战项目，前端框架采用Bootstrap，后端采用Flask框架,模板引擎为Jinja2，数据库采用Mysql8.0，开发环境为Python3.9，Flask2.0.1。 功能描述 &n
【Python实战】使用postman测试flask api接口
最新发布
a272329874a的博客
05-31 493
postman执行接口。执行Python文件。
python的flask框架是前端吗？
05-24
Python的Flask框架是一个后端框架，用于开发Web应用程序。它提供了一些工具和功能，帮助开发人员构建和管理Web应用程序的后端逻辑。虽然Flask可以用于渲染HTML模板，但它主要用于处理Web请求和响应、访问数据库、...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

LibraFree

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值