python flask 外网访问_python+flask(二)bootstrap的接入和远程访问

这一系列篇幅知识都是通过参考别人做的博客来一步一步学习的，当然大题思路都是一样的，目录结构和界面样式会有改动，后面有备注作者的博客来源

这里我先创建的大体目录结构，目前main的前端还是空的，我们先从后端开始

(1)这里我们就手动下载Bootstrap,下载地址： https://v3.bootcss.com/getting-started/#download直接下载生成环境的就行，下载解压后，把其中的css和js文件夹拷贝到我们项目的admin/static下面

(2)接下来制作基础模板，在 templates/common 文件夹下建立一个 base.html 文件内容如下：

```

{%block title %}博客系统{%endblock %}

{%block css %}

rel="stylesheet">

{%endblock %}

{%block body %}

{%include 'common/header.html' %}

{%include 'common/sidebar.html' %}

{%block content %}{%endblock %}

{%endblock %}

{%block js %}

{%include 'common/alert.html' %}

{%endblock %}

```

制作头部模板，头部模板被放置在templates/common 文件夹下,命名为 header.html

```

博客

首页

• 退出

```

制作侧边模板

```

• 面板

文章管理

• 撰写文章

• 文章列表

• 分类列表

• 标签管理

• 文章推荐

设置

• 网站设置

• 用户管理

• 在线工具

• 邀请码

• 抓取日志

```

然后我们新建一个index.html继承一下base.html,运行一下看下效果

其中:host='0.0.0.0'代表运行其它人的机器远程访问，访问具体格式:ip:5000/test，这里我用的是我本机的ip地址

其中你可能遇到的问题

问题解决：这是因为你直接在pycharm中运行的，改成cmd命令运行就ok

一些前端的知识