这一系列篇幅知识都是通过参考别人做的博客来一步一步学习的,当然大题思路都是一样的,目录结构和界面样式会有改动,后面有备注作者的博客来源
这里我先创建的大体目录结构,目前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
一些前端的知识