人工智能技术+bootstrap框架【福州智慧城市】

最新推荐文章于 2024-02-18 17:39:39 发布

dogseven

最新推荐文章于 2024-02-18 17:39:39 发布

阅读量244

点赞数

文章标签： bootstrat框架【福州智慧城市】

本文链接：https://blog.csdn.net/aaamanda/article/details/102638971

版权

本文由林德尧（泉舟时代-未来城市技术总监）讲解，介绍如何结合人工智能技术和Bootstrap框架在PyCharm中搭建福州智慧城市的系统。内容包括安装flask-bootstrap，创建包含Bootstrap文件的基模板，编写控制器和视图代码，并展示运行结果。

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

人工智能技术+bootstrap框架【福州智慧城市】

一、文章内容：

授课：林德尧（泉舟时代-未来城市技术总监）

主要内容：

1、先在PyCharm中安装flask-bootstrap

pip install flask-bootstrap

2、在程序中使用一个包含所有 Bootstrap 文件的基模板。
templates/hellobs.html：使用 Flask-Bootstrap 的模板
代码如下：

{
   % extends "bootstrap/base.html" %}
{
   % block title %}This is an example page{
   % endblock %}

{
   % block navbar %}
<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-1" 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="#">python</a>
    </div>

    <!-- Coll