3.12 配置模板文件Templates
3.12.1 创建一个名字叫templates的文件夹
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190925142409190.png)
3.12.2 配置文件夹的查找路径
原始状态:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190925142430830.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NhaGFyXw==,size_16,color_FFFFFF,t_70)
配置成功之后:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190925142511438.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NhaGFyXw==,size_16,color_FFFFFF,t_70)
其中BASE_DIR是存在在settings中的
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190925142548658.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NhaGFyXw==,size_16,color_FFFFFF,t_70)
3.12.3 返回模板到前端
在视图中创建视图函数
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190925142617139.png)
在templates文件夹下创建index.html页面
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190925142631982.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NhaGFyXw==,size_16,color_FFFFFF,t_70)
结果展示:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190925142654499.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NhaGFyXw==,size_16,color_FFFFFF,t_70)
3.12.4 前端获取数据库中的信息(原始)
在视图中创建视图函数:
![在这里插入图片描述](https://img-blog.csdnimg.cn/2019092514271880.png)
在templates文件夹下创建info.html页面
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190925142738908.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NhaGFyXw==,size_16,color_FFFFFF,t_70)
结果展示:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190925142801392.png)
在视图中创建视图函数:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190925142816664.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NhaGFyXw==,size_16,color_FFFFFF,t_70)
在templates文件夹下创建info.html页面
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190925142828957.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NhaGFyXw==,size_16,color_FFFFFF,t_70)
前端页面展示:
![在这里插入图片描述](https://img-blog.csdnimg.cn/2019092514284333.png)
运行程序后台输出
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190925142859194.png)