django开发2_模板、静态文件的配置

时间:2022-12-14 11:28:06

1、创建一个项目

在虚拟环境下,切换到自定义的目录,

django-admin startproject  目录

 

2、切换到项目目录下,创建一个app

manage startapp app名词

 

3、配置模板

打开项目,在settings下,配置如下

django开发2_模板、静态文件的配置

4、在项目目录下,新建文件夹templates放置模板文件(例如html文件)

django开发2_模板、静态文件的配置

 

5、配置静态文件,配置如下,配置好后,在项目目录下添加一个static文件夹,放置静态文件(例如css,js,images文件等)

django开发2_模板、静态文件的配置

6、再次检查,staticsfiles是否以及加入app,回到第二步添加一个app后,也要把该app加入到apps中,如下,我app名为blog。

django开发2_模板、静态文件的配置

 

 7、使用模板,进行演示

网上随便下载一个html模板,把该模板加入到该项目中

例如,如下是网上下载的模板文件

django开发2_模板、静态文件的配置

8、把css/js/images文件夹,放在static文件夹下;html文件结尾的模板文件放在templates文件夹下;

django开发2_模板、静态文件的配置

 

 9、打开app下的views视图文件,添加如下。

django开发2_模板、静态文件的配置

 

10、打开项目下的urls路由文件配置路由

把外部的主页进来的流量引入到index.html下

django开发2_模板、静态文件的配置

11、对模板文件引用作修改,以index为例子

打开index.html文件

修改如下

第一行为:在该index.html下导入staticsfiles

导入后可以在文件原来引入css/image/js的位置,添加如第二部分,说明导入静态文件的路径,可在后面位置排查。

django开发2_模板、静态文件的配置

django开发2_模板、静态文件的配置

 

 django开发2_模板、静态文件的配置

 

11、测试,运行项目,访问以下网页http://127.0.0.1:8000

django开发2_模板、静态文件的配置

访问如下,配置成功

django开发2_模板、静态文件的配置

 

12、遇到文件导入错误的问题的时候可以排查,接10步骤

查看网页源代码,查看静态文件引入的位置是否有误

django开发2_模板、静态文件的配置

点击静态文件的路径也可以查到,如以下路径为对的路径

django开发2_模板、静态文件的配置