Django 项目 1.需求分析与基础环境搭建

最新推荐文章于 2024-04-27 06:07:11 发布

happy-cop

最新推荐文章于 2024-04-27 06:07:11 发布

阅读量189

点赞数

分类专栏： # django 文章标签： django python

本文链接：https://blog.csdn.net/weixin_42665546/article/details/105624558

版权

项目需求

首页展示（分页）
帖子分类
帖子归档
近期文章
关于博主
全文搜索
发布帖子

会用到富文本编辑器
帖子可以设置标签，左下角#Python

新建项目和应用

先建项目blog和应用post
**在这里插入图片描述**

找模板

如果看到别人的页面好看，可以做成模板，右键，另存为，会变成一个文件夹，里面有各种css、js和图片
有些看不见是在文件管理器里

公共文件夹配置

static静态文件夹

在blog项目根目录里创建static文件夹，再里面创建css文件夹，把刚才的css文件放进来

templates网页模板文件夹

在根目录里创建templates基础模板，创建基础模板base.html
- 复制html文件
- 或打开网页F12看代码

静态文件路由
配置static的路由
在blog-settings.py里

STATIC_URL = '/static/'

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static','css')
]

输入global_settings，点击进入py文件，可以复制目录常量STATICFILES_DIRS，不要自己手写；然后拼接出css的文件夹路径

这样，html里css的href就可以写/static/，也可以写load static files，用static变量，参考前面的文章

base.html挖洞与include

在base.html里

每个页面都会变化的，先挖洞，用block，后面用的时候可以再编辑
- 标题
  {% block title %}
  {% endblock %}
- js相关css
  {% block headerjs %}
  {% endblock %}
- 内容
  {% block main %}
  {% endblock %}
不怎么变化的地方，但数据也会更新，用include
包括头部、右侧、底部
{% include ‘header.html’ %}
{% include ‘right.html’ %}
{% include ‘footer.html’ %}

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
        <title>{
   % block title %}{
   % endblock %}</title>
        <link rel="stylesheet" type="text/css" href="/static/style.css">
        {
   % block headerjs %}
        
        {
   % endblock %}
    </head>
    <body>
        <div id="container">
                <div id="wrap">
                    {
   % include 'header.html' %</

最低0.47元/天解锁文章

happy-cop

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Django 项目 1.需求分析与基础环境搭建

文章目录项目需求找模板静态文件夹及配置基础模板base.html挖洞新建项目，初始化配置html继承与填坑项目需求首页展示（分页）帖子分类帖子归档近期文章关于博主全文搜索发布帖子会用到富文本编辑器帖子可以设置标签，左下角#Python找模板如果看到别人的页面好看，可以做成模板，右键，另存为，会变成一个文件夹，里面有各种css、js和图片有些看不见是在文件管理器里静态...
复制链接

扫一扫