小朋友学Python Web（1）：建立第一个Web项目

迷南。 2022-05-14 05:13 197阅读 0赞

一、 安装PyCharm专业版  
注意不要安装社区版，因为社区版没有集成Django框架，得自己安装配置，过程比较繁琐

二、 打开PyCharm专业版，新建一个Django项目，项目名称为“FirstWebDemo”，应用名称为“FirstApp”

![1.png][]

创建完成后，项目的逻辑组织结构为

![2.png][]

三、在urls.py中添加代码path(r’mainpage’, views.index, name=’index’)，

这里mainpage是需要在浏览器中输入的接口名称，比如[http://127.0.0.1:8000/mainpage][http_127.0.0.1_8000_mainpage],

而index则是输入该网址之后，相应会被调用的接口。当index接口被调用时，根据上一步中的代码，index.html就会被加载。此时用户就会看到index.html的内容。

注意，如果是网站主页的话，可以写为path(r”, views.index, name=’index’)，这里将接口名称置空，表示在浏览器输入[http://127.0.0.1:8080][http_127.0.0.1_8080]，就会调用index接口，从而加载index.html页面。

url.py中的完整代码为

from django.contrib import admin
    from django.urls import path
    from FirstApp import views
    
    urlpatterns = [
        path('admin/', admin.site.urls),
        path(r'mainpage', views.index, name='index')
    ]

四、在views.py中添加index接口

from django.shortcuts import render
    
    # Create your views here.
    def index(request):
        return render(request, 'index.html')

五、在templates下新建index.html文件，内容为

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>测试</title>
    </head>
    <body>
    This is my first page.
    </body>
    </html>

六、打开浏览器，输入[http://127.0.0.1:8000/mainpage][http_127.0.0.1_8000_mainpage]

![3.png][]

> 想了解小朋友学编程可加QQ 307591841 或微信 307591841  
> 关注微信公众号请扫二维码 ![qrcode\_for\_kidscode\_258.jpg][qrcode_for_kidscode_258.jpg]

[1.png]: /images/20220514/fe9cb276596441b1982dc2037841efb5.png
[2.png]: /images/20220514/d6a668d77a844bb982820627ae082492.png
[http_127.0.0.1_8000_mainpage]: http://127.0.0.1:8000/mainpage
[http_127.0.0.1_8080]: http://127.0.0.1:8080
[3.png]: /images/20220514/276eb83fcdf944f6a12a5d1db4e38bf4.png
[qrcode_for_kidscode_258.jpg]: /images/20220514/d5f6f907dd3348a2b7ec69b5af3268e8.png