# Django学习笔记 > 发布于：2021-03-15 | 分类：笔记 | 原文：https://www.imbailey.cn/post/django-learning-notes ### 安装虚拟环境在Powershell中执行 ``` Set-ExecutionPolicy Unrestricted #执行策略更改 y #yes pip freeze #输出所有在本地已安装的包 ``` ``` pip install virtualenv cd 目标文件夹 virtualenv . #在当前目录创建虚拟环境 .\Scripts\activate #切换虚拟环境 deactivate #取消虚拟环境 ``` ### 安装django ``` pip install django ``` ### 创建django项目 ``` django-admin startproject 项目名(mysite) cd ./mysite code . #用vscode启动 python manage.py runserver #启动服务器 ``` ![](https://myblog-1257298572.cos.ap-shanghai.myqcloud.com/mypic/wp-content/uploads//2021/03/image-7-9.png) 解决报错信息 ``` python manage.py migrate #注意要在mysite目录下执行 ``` ### 配置路由urls 在虚拟环境中，且在mysite目录下 ``` python manage.py startapp 名字(misterwu) ``` 在mysite的settings.py里的INSTALLED\_APPS里添加'misterwu'进行关联在mysite的urls.py里添加import path,include，再添加一个urlpatterns 在misterwu里新建一个urls.py，把mysite里的urls拷贝到这里删掉import admin和第二行末尾的path 删掉urlpatterns里的内容 ### 展示html页面在misterwu的urls.py的urlpatterns里添加 ``` path('',views.home,name="home") ``` 还要在前面添加 ``` from . import views ``` 在misterwu的views.py里定义一个"home"方法 ``` def home(request): return render(request,'home.html',{}) ``` 在misterwu下创建一个新文件夹templates，在下面创建home.html，在里面写 ```

hello world!

``` ### 创建公共html模板打开www.bootcss.com，进入bootstrap4中文文档，初学者模板，拷贝一份 ``` Hello, world!

Hello, world!

``` 在misterwu下的templates里新建一个base.html，把初学者模板拷贝到这里然后在home.html里添加代码，最终样子如下: ``` {% extends 'base.html'%} {% block content %}

hello world!

测试是否可以看到我!

{% endblock %} ``` 然后在base.html的body里调用这个代码块(这种写法貌似是php里的) ``` ... link1link2link3 {% block content %} {% endblock %} ... ``` ### 展示导航信息在base.html的导航那一部分替换成如下代码： ```

{% block content %} {% endblock %}

``` 从bootstap上找到导航条源码 ``` ``` 上述代码也粘贴到下面 ![](https://myblog-1257298572.cos.ap-shanghai.myqcloud.com/mypic/wp-content/uploads//2021/03/image-7-10-1024x184.png) 效果图把home所在的

标签都删掉 dropdown，disabled标签也删掉把Navbar改掉，如（米斯特务） search也可以改掉 ### 接口介绍 pass ### 接口请求和解析在misterwu的views.py的 def home(request)函数中加入以下代码： ``` import requests import json api_request = requests.get("https://api.github.com/users?since=0") api = json.loads(api_request.content) ``` 注意，在虚拟环境里先装requests 然后在return render(request,'home.html',{})后面的空字典里添加： ``` return render(request,'home.html',{"api":api}) ``` 来到home.html，在{%block content%}...{%endblock%}内添加 ```

``` ![](https://myblog-1257298572.cos.ap-shanghai.myqcloud.com/mypic/wp-content/uploads//2021/03/image-11-2-1024x433.png) 成功！ ### 展示数据信息在misterwu的home.html的block里写入 ```

{% for x in api %}

{{x.login}}的github

点进他的博客主页

> {% endfor %}

``` 上面代码中div里的内容是bootstrap4复制来的，原文如下 ```

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

``` ![](https://myblog-1257298572.cos.ap-shanghai.myqcloud.com/mypic/wp-content/uploads//2021/03/image-13-2-1024x576.png) ### 搜索页面跳转在misterwu的urls.py的urlpatterns里加入一行： ``` path('user/',views.home,name="user"), ``` 在views.py里加入一个函数: ``` def user(request): return render(request,'user.html',{}) ``` 在templates里创建user.html，写入： ``` {% extends 'base.html'%} {% block content %}

hello user

{% endblock %} ``` ![](https://myblog-1257298572.cos.ap-shanghai.myqcloud.com/mypic/wp-content/uploads//2021/03/image-7-12.png) 成功在base.html的里，再加两个属性 ``` method="POST" action="{% url 'user' %}" ``` 并在下面加入 ``` {% csrf_token %} ``` 之后点搜索，就可以正常跳转了在base.html的