您的位置:首页 > Web前端 > JavaScript

(update)Django套用现成模板,导入html, css,js,images等文件

2019-05-03 13:57 393 查看

(update)Django套用现成模板,导入html,css,js,images等文件

1/环境
Mac
pycharm community2019.1
python3.7.3
2/参考资料
https://www.geek-share.com/detail/2702746067.html
https://www.geek-share.com/detail/2732019883.html
感谢以上作者方法
方法是从
https://www.geek-share.com/detail/2732019883.html
copy的,修改其中一处语法错误,导致的css fonts js不能运行。

3/创建项目
参考Django项目创建流程
从网络上下载模板,比如模板之家
将模板中的html文件放入项目app的template文件夹下,其实也可以放到其他目录下,只是设置的时候改一下目录即可。

4/在项目的根目录或APP下创建一个文件夹命名为static用于保存css、js、images等文件
打开项目,在settings.py文件里寻找TEMPLATES选项,添加static文件
‘DIRS’: [os.path.join(BASE_DIR, ‘templates’),
os.path.join(BASE_DIR, ‘static’).replace(’\’, ‘/’)],

5/在settings.py最底部添加
STATIC_ROOT = os.path.join(BASE_DIR, ‘static’).replace(’\’, ‘/’)
STATICFILES_DIRS = [
(‘css’, os.path.join(STATIC_ROOT, ‘css’).replace(’\’, ‘/’)),
(‘images’, os.path.join(STATIC_ROOT, ‘images’).replace(’\’, ‘/’)),
(‘fonts’, os.path.join(STATIC_ROOT, ‘fonts’).replace(’\’, ‘/’)),
(‘js’, os.path.join(STATIC_ROOT, ‘js’).replace(’\’, ‘/’)),
]
注意这里用的中括号,之前文章用的小括号导致不能运行

6/修改urls.py文件在文件头添加,这里的urls应该是和settings同一目录下的。
from django.contrib.staticfiles.urls import staticfiles_urlpatterns
在文件尾部添加
urlpatterns += staticfiles_urlpatterns()

不过这边我没看懂staticfiles_urlpatterns的用法,我使用的是如下,也能运行:
from django.urls import path,include
urlpatterns = [
path(‘zhuye/’,include(‘website1.urls’)),
]

此外:
///website1是我的app

//其中websites的view:
from django.shortcuts import render

def hello(request):
return render(request,‘index.html’)

//websites的urls:
from . import views
from django.urls import path

urlpatterns=[
path(’’,views.hello)
]

7/修改HTML文件里面的路径
导入css

导入js 插图
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: