在idea下用Python搭建Django

超、凢脫俗 2022-11-22 05:20 623阅读 0赞

## **1.创建Django项目** ##

*  点击idea左上角的File，然后点击New，之后点击Project。

![在这里插入图片描述][20201103133120229.png]

*  安装django

> ![在这里插入图片描述][20201103133441395.png]

*  重新创建项目

![在这里插入图片描述][20201103133917199.png]

![在这里插入图片描述][20201103134127532.png]

## **2.配置项目** ##

*  点击idea右上角，如下图（这一步是临时的，不写第二步的话，如果把项目考到别的idea上运行，得重新配置）

![在这里插入图片描述][20201103134825160.png]

需要把manage.py中的’DJANGO\_SETTINGS\_MODULE’, ‘django\_demo.settings’，添置到Environment Variables

![在这里插入图片描述][20201103135339241.png]

![在这里插入图片描述][20201103135020854.png]

*  接下来死点击idea左上角File中的Projaect Structure（这一步是永久的，就算把项目考到别的idea上运行，项目也能正常运行）
    
    ![在这里插入图片描述][20201103135942922.png]

## **3.创建一个APP** ##

*  点击idea上方Tools中的Run manage.py Task 会出现一个命令窗口(第二个步骤配置没问题了，Tools中才会有Run manage.py Task这个)

![在这里插入图片描述][20201103140345690.png]

*  输入startapp demo1，回车就会创建一个app（demo1是app的名字，你可以叫别的）

![在这里插入图片描述][20201103140533208.png]

![在这里插入图片描述][20201103140651527.png]

## 4.一个超级简单的页面跳转（通过HttpResponse 来把内容显示到网页上） ##

*  在demo1中编辑views.py,添加如下代码
    
        from django.shortcuts import render
        #导入HttpResponse，用来向网页返回内容的，像print一样，不过HttpResponse是把内容显示到网页上。
        from django.http import HttpResponse
        # Create your views here.
        
        def index(request):#定义一个函数，第一个参数必须是request
            return HttpResponse("hi, I am a index page")#返回HttpResonse对象，最终将这行字符显示在页面上
        
        def hello(request):#定义一个函数，第一个参数必须是request
            return HttpResponse("hi, I am a hello pag")#返回HttpResonse对象，最终将这行字符显示在页面上
 *  在demo1中创建urls.py(右击demo1–>NEW-Python File),添加如下代码
    
        from django.conf.urls import url
        from . import views  #导入views
        
        urlpatterns = [
            #aaa$代表以aaa结束，views.index是关联对应views.py中的一个函数
            url('index/', views.index, name='index'),
            url('hello/', views.hello, name='hello'),
        ]
 *  在django\_demo中的urls.py中添加如下代码：
    
        from django.contrib import admin
        from django.urls import path,include
        urlpatterns = [
            path('admin/', admin.site.urls),
            # 指向demo1的路由文件urls.py
            path('demo1/', include(('demo1.urls', 'demo1'), namespace='demo1')),
        ]
 *  运行Django
    
    浏览器网址栏输入http://127.0.0.1:8000/demo1/index
    
    如果没写第二步，输入http://127.0.0.1:8000/demo1/hello

## 5.接下来使用渲染模板的方法来显示内容 ##

第四步骤是用HttpResponse 来把内容显示到网页上，本步骤是使用渲染模板的方法来显示内容

*  在demo1中views中添加如下代码
    
        def sayName(request):
            ctx={} #定义一个名为ctx的空字典
            ctx["name"] = "小明" #以键值对方式添加一条数据到字典中
            return render(request,'say.html',ctx)#把字典作为参数返回
 *  在demo1中urls.py中添加如下代码
    
        url('say/', views.say, name='say'),
 *  在demo1中修改settings.py文件，里面加入一条 `str(BASE_DIR)+"/page"`，在什么地方加如下图：
    
    ![在这里插入图片描述][20201103153515241.png]
 *  在demo1下创建一个page文件夹（右击student–>NEW–>Directory），进入page中，创建一个say.html（右击student–>NEW–>Html File）：

![在这里插入图片描述][20201103152652230.png]

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <h1>hello,{
       {name}}</h1>{#取得字典值为msg的vlues，并显示出来#}
    </body>
    </html>

*  运行项目demo1，去浏览器网址栏输入： http://127.0.0.1:8000/demo1/say
    
    ![在这里插入图片描述][20201103153721978.png]

[20201103133120229.png]: /images/20221120/49ebc4ea5cde44278568d384510ce74d.png
[20201103133441395.png]: /images/20221120/a1dc0bbb4487441a9537f4be7f5825f8.png
[20201103133917199.png]: /images/20221120/ab0e8103a1384415bad822ceb770bec5.png
[20201103134127532.png]: /images/20221120/7c9a4f0920b544829e38b493fc9a55b2.png
[20201103134825160.png]: /images/20221120/46c5097c8c53417f9374c7d829a84f1d.png
[20201103135339241.png]: /images/20221120/1f11df90c5724fdea4f942db9605e045.png
[20201103135020854.png]: /images/20221120/6470392decd74507bfbd36b83cfe1579.png
[20201103135942922.png]: /images/20221120/dc85ae5a9d154b2cb50f562b1168d8f6.png
[20201103140345690.png]: /images/20221120/6f47922ac6e84fcebe9028a10e3de204.png
[20201103140533208.png]: /images/20221120/22e886d5d804418c87d3b28150eae653.png
[20201103140651527.png]: /images/20221120/f9c1e1c247224f6e9d74bdbc215dc770.png
[20201103153515241.png]: /images/20221120/c832654cfc974254890eeac15ea82351.png
[20201103152652230.png]: /images/20221120/80e11716680e4749b6569677db5fa7ae.png
[20201103153721978.png]: /images/20221120/ff84865cd8794f08924234ee849b2f30.png