使用Django构建个人网站（三）——模板套用 Django框架

本来已经准备开始模型构建了，突然想起要把自己当初挖的坑——双语网站给填一下，那这次干脆先把模板套用弄好。
接下来完成中英界面之后再正式进入数据部分。
目录
一、模板的继承
1.1、header.html代码:
1.2、footer.html代码
1.3、base.html代码
1.4、加载主页,index.html
二、启动服务
三、总结
一、模板的继承之前我的主页是一个静态网站，它的设计很简单，就是导航、正文、底栏三部分。
也就是说，我的网站任意一个页面，都有这三部分，所以我要把模板分开，便于复用。
主要有这几个语句，注意引号

{% extends '模板名' %}{% block 'blockName' %} 这里是父模板中的内容，可被重写 {% endblock %}{% include "模板名"}

我这里建立三个html文件，分别命名为base.html、header.html、footer.html，并准备拆分原先的index.html

文章图片

1.1、header.html代码:

XIONG HOME MyApps SpiderXiangYun SpiderJD FTP MachineLearing Categories technology Life PCgame Emotion MyBlog Language English 简体中文 SignUp Login

1.2、footer.html代码

XIONG

1.3、base.html代码

{% block title %}{% endblock %} - 锐客网 {% include "header.html" %} {% block content %} {% endblock %} {% include "footer.html" %}

body里面要稍作说明，include表示直接显示header.html和footer.html的内容，我设置了替换块，一个是title，一个是content，应该够用了
1.4、加载主页,index.html 构建主页，这个时候其实只要在index.html有两部分就够了，如下所示:

{% extends "base.html"}{% block title %} {% endblock %}{% block content %} {% endblock %}

完整代码如下：

{% extends "base.html" %} {% block title %} INDEX {% endblock %} {% block content %} 文章图片文章图片文章图片 PreviousNextPersonal Introduction 文章图片 name:Wang Xiong sex:man what can I do:Python、HTML、css、JavaScript、Django、Flask、MySQL、MongoDB、spider、Data Science Email:Email:276721023@qq.com 文章图片文章图片文章图片文章图片文章图片 I like python! Beautiful is better than ugly.Explicit is better than implicit. Simple is better than complex.Complex is better than complicated. Flat is better than nested.Sparse is better than dense. Readability counts.Special cases aren't special enough to break the rules. Although practicality beats purity.Errors should never pass silently. Unless explicitly silenced.In the face of ambiguity, refuse the temptation to guess. There should be one-- and preferably only one --obvious way to do it.Although that way may not be obvious at first unless you're Dutch. Now is better than never.Although never is often better than *right* now. If the implementation is hard to explain, it's a bad idea.If the implementation is easy to explain, it may be a good idea. Namespaces are one honking great idea -- let's do more of those! 文章图片 SKILLSNetwork Communication I can do some simple network programming use socket.Simple connection can be established between servince and client.Database Statement operation,CRUDSpider Use module (requests, selenium) search information.Set up sites Use Django,Flask and bootstrapLATEST BLOG POSTS 文章图片 FirstTitle content of the first bolg. Read more 文章图片 SecondTitle content of the second bolg. Read more 文章图片 ThirdTitle content of the third bolg. Read more 文章图片 FourthTitle content of the fourth bolg. Read more {% endblock %}