用Django创建一个简单网页

---首先新建一个新项目:

用Django创建一个简单网页

---在这里命名工程的名字

用Django创建一个简单网页

用Django创建一个简单网页

---在右侧的齿轮处选择create创建虚拟环境,命名后勾选inherit global site-packages

---在application name处写上自己的app名字,并勾选管理者选项,点击创建。

就把工程基本框架创建好了。

用Django创建一个简单网页用Django创建一个简单网页用Django创建一个简单网页用Django创建一个简单网页用Django创建一个简单网页用Django创建一个简单网页

-----开始做一个自己的简单网页

在templates下创建一个html文件,名字随便取,在这里取为index。

用Django创建一个简单网页

---箭头所指的地方为本次构建网页所用到的文件

其中views为视图(静态网页),models则是传数据(动态网页要用到)

settings为设置,本次需要添加你的app名字和导入的css等样式和图片文件名的路径用Django创建一个简单网页

本次导入的样式文件名为static,需要在settings中进行这种操作。


用Django创建一个简单网页

先在views.py中定义一个函数,函数名无关,这里返回一个render请求刚刚创建的index html文件。

用Django创建一个简单网页

然后再urls.py中的urlpatterns列表中添加path('即html名+/  , views中定义的函数名'),即完成导入。


----之后即可在创建的index HTML文件中写自己的网页了

在使用到本地导入的包的样式时,需要注意下面几点:

用Django创建一个简单网页

1、首先在html文件中导入你的样式文件,{% load+文件名 %}

用Django创建一个简单网页

2、对于不能直接从官网的CDN引用的样式和图片,要用{% 样式文件名 + '样式名' %}来使用,否则该样式会无法使用。


-----这样写好之后,在命令行输入:

        python manage.py runserver 

然后在浏览器中打开网址http://127.0.0.1:8000/+(创建的html名)

即可看到自己的网站了!