使用Django构建个人网站（四）——使用地址栏传参获取不同的页面

自己挖的坑，现在跪下来也要填完……其实我都已经不太想弄中英双文了。实在是太麻烦了。不过已经做了，还是进行下去吧。先把静态网页改好，后面的再慢慢转为动态网页。

让我能够弄下去的原因是，后续我发的中文博客，将在django后台爬虫访问有道云字典，让它自动翻译成英文。如果不是为了这个技术点，我也不弄了…………

目录

一、新建模板

二、django设置不同访问路径

2.1、加载主页

2.2、地址栏参数

 三、总结

---

一、新建模板

把模板全部都复制一遍，然后改写，如下图

翻译就略过了，毕竟大家程序员英语肯定都比我强啦。

二、django设置不同访问路径

2.1、加载主页

现在我们默认网站为中文把，不弄那么花了，这时修改index下的视图处理函数，如下

from django.shortcuts import render

# Create your views here.
def index(request):
    return render(request, 'index_cn.html')

OK，就这么简单，改好了，现在访问主页，就是中文界面了，但是完了吗，肯定没有啊，现在开始填坑。

2.2、地址栏参数

我现在计划我们访问127.0.0.1:8000时候显示中文网页，访问127.0.0.1:8000/en时显示英文网页。

牢牢记住，如果要增加新的页面显示，就要增加新的urls配置和视图处理函数。

首先设置index应用下的urls.py，代码如下

from django.contrib import admin
from django.urls import path, include
from .views import *

urlpatterns = [
    path('', index),
    path('en/', index_en)
]

接下来设置index应用下的视图处理函数views.py，代码如下：

from django.shortcuts import render

# Create your views here.
def index(request):
    return render(request, 'index_cn.html')

def index_en(request):
    return render(request, 'index_en.html')

成了，现在启动服务，输入127.0.0.1:8000/en，我们就能看到英文界面，输入127.0.0.1:8000，我们会看到中文界面，但别忘记还有一个坑，看我们的导航栏，Language那里有一个下拉菜单，这时，把这个下拉菜单补充完整，方能完成中英文切换。设置header_cn.html和header_en.html，修改代码，很简单，为a标签加上href即可。

然后现在，我陷入了深深的思索，后面的页面怎么办。我当然希望我选中文时候，以后的页面都是中文，我选英文，只要我没切换语言，我点哪都是英文，而不是跳到主页。

好麻烦！不管了，我现在默认只有主页有英文，当中文功能完成后，再进行英文界面的完善吧！

代码如下：

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                        aria-expanded="false">语言<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="/en">English</a></li>
                        <li><a href="/">简体中文</a></li>
                    </ul>
                </li>

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                        aria-expanded="false">Language<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="/en">English</a></li>
                        <li><a href="/">简体中文</a></li>
                    </ul>
                </li>

 三、总结

再次启动服务，点击表单，就可以中英文相互切了。

这个坑填了之后，以后界面都以中文的来了，真正把项目做完了，我再玩双语。