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

一、建立一个项目css

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

django-admin startproject  目录django

 

二、切换到项目目录下,建立一个appapp

manage startapp app名词测试

 

三、配置模板url

打开项目,在settings下,配置以下3d

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

 

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

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

 

 七、使用模板,进行演示

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

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

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

 

 九、打开app下的views视图文件,添加以下。

 

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

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

十一、对模板文件引用做修改,以index为例子

打开index.html文件

修改以下

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

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

 

 

 

十一、测试,运行项目,访问如下网页http://127.0.0.1:8000

访问以下,配置成功

 

十二、遇到文件导入错误的问题的时候能够排查,接10步骤

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

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

相关文章
相关标签/搜索