美文网首页
python Web框架(4):Django创建网页

python Web框架(4):Django创建网页

作者: 烂笔头2020 | 来源:发表于2020-05-15 16:42 被阅读0次

上篇已经初步建立了一个比较简单的项目“学习笔记”,下面来创建学习笔记主页。
回顾一下项目:

项目名称:学习笔记
作用:让用户能够记录感兴趣的主题,并在学习每个主题的过程中添加日志条目。“学习笔记”的主页对这个网站进行描述,并邀请用户注册或登录。用户登录后,就可以创建新主题、添加新条目以及阅读既有的条目。

使用Django创建网页的过程通常分为三个阶段:定义URL、编写视图和编写模板。

1、映射URL

当前基础url(http://localhost:8000/)返回默认的Django网站,让我们知道正确地建立了项目,下面将修改这一点,将这个基础url映射到“学习笔记”的主页。
打开项目主文件夹的文件urls.py:

将其修改为:



这里添加了一行代码来包含模块learning_logs.urls,这里包含实参namespace,来区分learning_logs的url同项目中其他的url区分开来。

在learning_logs中创建另一个urls.py


2、编写试图

learning_los下的view.py文件:


3、编写模板

在learning_logs中新建一个文件夹(templates),在下面再建一个文件夹(learing_logs),然后新建文件index.html,编写这个文件,代码如下:
index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"> 
    <style>
    body { margin: 0;}
        
    .header{
        background:#ffffff url('https://i.loli.net/2020/05/07/xbfmWKriBQHlvYg.jpg') repeat-x center;
        text-align: center;
        padding: 10px;
        }
    </style>
</head>
<body>
    <div class="header">
    <h1><font color="red" /font>学习笔记</h1>
    </div>

    <p><font color="black" /font>Learning Log</p>
    <p>Learning Log helps you keep track of your learning,for any topic you're learning about.</p>
</body>
</html>

这里可以根据自己的喜欢自己设计,这里要用到html和Css编写网页,这里就需要懂一些基础知识了。
完成之后再打开这个项目的基础url就可以看到下面这样的形式了,主页是对网站的描述:


学习笔记主页

相关文章

网友评论

      本文标题:python Web框架(4):Django创建网页

      本文链接:https://www.haomeiwen.com/subject/wpycohtx.html