天宫鹤

使用PyCharm创建第一个Django项目

开发环境:Windows11、Python3.12.5、Django5.1.3、Miniconda3。开发工具为PyCharm 2024.3(专业版)。

一、在PyCharm新建项目New Project:

二、Django项目结构

 三、在templates目录下新建子目录hello,在子目录下新建index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            /* 初始化 */
            margin: 0;
            padding: 0;
        }
        body{
            /* 100% 窗口高度 */
            min-height: 100vh;
            width: 100%;
            /* 弹性布局 水平+垂直居中 */
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #06252e;
        }
        .box{
            width: 100%;
            /* 投影效果 */
            -webkit-box-reflect:below 1px linear-gradient(transparent, rgba(0,0,0,0.2));
        }
        h1{
            color: #fff;
            font-size: 96px;
            /* 字间距 */
            letter-spacing: 15px;
            /* 转大写 */
            text-transform: uppercase;
            text-align: center;
            line-height: 76px;
            outline: none;
            /* 自定义属性 --c,可通过 var 函数对其调用 */
            --c:lightseagreen;
            /* 调用自定义属性--c,设置文字阴影(发光效果) */
            text-shadow: 0 0 10px var(--c),
            0 0 20px var(--c),
            0 0 40px var(--c),
            0 0 80px var(--c),
            0 0 160px var(--c);
            /* 执行动画:动画名 时长 线性的 无限次播放 */
            animation: animate 5s linear infinite;
        }
        /* 定义动画 */
        @keyframes animate{
            to{
                /* 色相旋转过滤镜(设置度数可改变颜色) */
                filter: hue-rotate(360deg);
            }
        }
    </style>
</head>
<body>
    <div class="box">
        <h1 contenteditable="true">欢迎来到Django!</h1>
    </div>
</body>
</html>s 

 

 四、在views.py创建视图函数index(),该函数的功能是将渲染结果输出到index.html模板中。

# views.py
from django.shortcuts import render

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

五、在urls.py中创建新路由。

# urls.py
# from django.contrib import admin
from django.urls import path

from hello import views

urlpatterns = [
    #    path('admin/', admin.site.urls),
    path('', views.index, name='index'),
    path('hello/', views.index, name='index'),
]

六、运行Django项目。

 七、在浏览器输入:http://127.0.0.1:8000/hello/,显示如下。

 八、第一个Django应用开发完成。

 

九、说明:使用PyCharm开发Django项目只需如下简单的三步:

1.在模板目录templates或其子目录下创建模板文件.html。

2.在views.py中新建视图函数,该函数的功能是将渲染结果输出到模板文件中。

3.在urls.py之urlpatterns列表中,添加path()函数定义的路由及路由指向的视图函数。

十、注意:Django项目文件夹(HelloDjango)跟项目名称(hellodjango,应遵循Python模块命名)可以不同。

 

posted on 2024-11-27 09:39  GoGrid  阅读(10)  评论(0编辑  收藏  举报

导航