>[success] # 遇到的小问题
~~~
1. os.path.join(os.path.dirname(BASE_DIR), THEME, "static"),目录拼接调整
2. 在页面动态引入static 文件{% load static %}
3. <link rel="stylesheet" href="{% static '/css/base.css' %}"> 其中static 等同整个
目录
~~~
~~~
THEME = 'themes\default'
STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(os.path.dirname(BASE_DIR), THEME, "static"),
]
print(os.path.join(os.path.dirname(BASE_DIR), THEME, "static"))
~~~
>[danger] ##### base.css
~~~
body {
background-color: #dbe2e9;
}
/* 顶部栏 */
.fixed-top {
position: fixed;
right: 0;
left: 0;
border-width: 0 0 1px;
}
header {
height: 50px;
background-color: #3d4450;
border-color: #080808;
line-height: 50px;
}
header nav a {
color: #fff;
padding: 0 1.5rem;
}
header nav a:hover {
color: #fff;
text-decoration:none;
background-color: #000;
}
header a.logo {
font-size: 1.5rem;
padding-left: 0;
}
header a.logo:hover {
background-color: #3d4450;
}
header .search {
margin-top: 5px;
}
/* 主体部分 */
.main .left-side .inner {
background-color: #fff;
padding: 30px 10px;
}
.main .right-side .inner{
background-color: #fff;
}
nav.category a {
margin-top: 20px;
margin-right: 20px;
}
.post-element-nav {
padding-top: 0;
padding-bottom: 0;
color: #428bca;
}
.post-element-title {
font-size: 25px;
}
.post-element-title a {
color: #333;
text-decoration:none;
border-bottom: 1px solid #ccc;
}
.post-element-desc {
padding: 1rem;
}
.main {
margin-top: 100px;
}
.main ul {
padding-left: 0px;
}
.post-element article {
margin-top: 10px;
}
.power {
margin-top: 30px;
}
.sidebar li {
list-style: none;
}
.sidebar a {
color: #444;
}
.sidebar-title {
height: 30px;
background-color: #3d4450;
border-color: #080808;
line-height: 30px;
color: #fff;
padding: 0 9px;
}
.sidebar-content {
padding: 0 9px;
}
~~~
>[danger] ##### base.html
~~~
{% load static %}
<!doctype html>
<html lang="en">
<head>
<title>酱路油过 blog - by 酱路油过</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">
<link rel="stylesheet" href="{% static '/css/base.css' %}">
</head>
<body>
<header class="fixed-top">
<div class="container">
<div class="row">
<div class="col-9">
<nav class="nav">
<a class="logo" href="/">酱路油过</a>
<a class="index" href="/">首页</a>
{% for cate in nav_cates %}
<a class="link" href="{% url 'category' cate.id %}">{{ cate.name }}</a>
{% endfor %}
</nav>
</div>
<div class="col-3">
<div class="input-group search">
<input type="text" class="form-control" placeholder="Search for..." aria-label="Search for...">
<span class="input-group-btn">
<button class="btn btn-secondary" type="button">Go!</button>
</span>
</div>
</div>
</div>
</div>
</header>
<div class="container main">
<div class="row">
<div class="col-9 left-side">
<div class="inner">
{% block content %}
{% endblock %}
</div>
</div>
<div class="col-3 right-side">
{% for side in side_bars %}
<div class="sidebar sidebar-style">
<div class="sidebar-title">{{ side.title }}</div>
<div class="sidebar-content">
{% if side.display_type == 1 %}
{% autoescape off %}
{{ side.content }}
{% endautoescape %}
{% elif side.display_type == 2 %}
<ul>
{% for post in recently_posts %}
<li><a href="{% url 'detail' post.id %}">{{ post.title }}</a></li>
{% endfor %}
</ul>
{% elif side.display_type == 4 %}
<ul>
{% for comment in recently_comments %}
<li>{{ comment.content }}</li>
{% endfor %}
</ul>
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<hr/>
<nav class="nav category">
{% for cate in cates %}
<a href="{% url 'category' cate.id %}">{{ cate.name }}</a>
{% endfor %}
</nav>
</div>
<div class="container power">
<span class="text-muted">Power by 酱路油过@酱路油过</span>
</div>
</footer>
~~~
>[danger] ##### detail.html
~~~
{% extends "blog/base.html" %}
{% block content %}
<nav aria-label="breadcrumb" role="navigation">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/">首页</a></li>
<li class="breadcrumb-item"><a href="{% url 'category' post.category.id %}">{{ post.category.name }}</a></li>
<li class="breadcrumb-item active" aria-current="page">正文</li>
</ol>
</nav>
<div class="post-element">
<h3 class="post-element-title">
{{ post.title }}
</h3>
<div>
<nav class="nav">
分类:<a class="nav-link post-element-nav" href="{% url 'category' post.category_id %}">{{ post.category.name }}</a>
标签:
<a class="nav-link post-element-nav" href="#">
{% for tag in post.tags.all %} {{ tag.name }}{% endfor %}
</a>
作者:<a class="nav-link post-element-nav" href="#">{{ post.owner.username }}</a>
创建时间:<a class="nav-link post-element-nav" href="#">{{ post.created_time }}</a>
</nav>
</div>
<article class="content">
{{ post.content }}
</article>
</div>
{% endblock %}
~~~
>[danger] ##### list.html
~~~
{% extends "blog/base.html" %}
{% block content %}
{% if posts %}
{% for post in posts %}
<div class="post-element">
<h3 class="post-element-title">
<a href="{% url 'detail' post.id %}">{{ post.title }} </a>
</h3>
<div>
<nav class="nav">
分类:<a class="nav-link post-element-nav" href="{% url 'category' post.category_id %}">{{ post.category.name }}</a>
标签:
<a class="nav-link post-element-nav" href="#">
{% for tag in post.tags.all %} {{ tag.name }}{% endfor %}
</a>
作者:<a class="nav-link post-element-nav" href="#">{{ post.owner.username }}</a>
创建时间:<a class="nav-link post-element-nav" href="#">{{ post.created_time }}</a>
</nav>
</div>
<div class="post-element-desc">
<p>{{ post.desc }}</p>
</div>
</div>
{% endfor %}
{% if page_obj.has_previous %}<a href="?page={{ page_obj.previous_page_number }}">上一页</a>{% endif %}
Page {{ page_obj.number }} of {{ paginator.num_pages }}.
{% if page_obj.has_next %}<a href="?page={{ page_obj.next_page_number }}">下一页</a>{% endif %}
{% else %}
Empty!!
{% endif %}
{% endblock %}
~~~
* result.html
~~~
<!doctype html>
<html>
<head>
<title>评论结果页 - typeidea</title>
<style>
body {TEXT-ALIGN: center;}
.result {
text-align: center;
width: 40%;
margin: auto;
}
.errorlist {color: red;}
ul li {
list-style-type: None;
}
</style>
</head>
<body>
<div class="result">
{% if succeed %}
评论成功！
<a href="{{ target }}">返回</a>
{% else %}
<ul class="errorlist">
{% for field, message in form.errors.items %}
<li>{{ message }}</li>
{% endfor %}
</ul>
<a href="javascript:window.history.back();">返回</a>
{% endif %}
</div>
</body>
</html>
~~~
- 网络原理
- 为搭建框架做准备
- 简单认识网路
- 自定义模拟网站案例
- 优化最终框架
- 数据存储 -- data
- 用户个人信息存储 -- User.txt
- 路由映射 -- routes
- 处理用户信息 -- routes_static.py
- 保存静态文件 -- static
- templates -- html 集中处理模块
- 首页 -- index.html
- 登陆 -- login.html
- 用户注册页面 -- register
- 日志模块 -- log.gua.txt
- 启动文件--server.py
- orm处理 -- model.py
- 日志模块 -- utils.py
- 两种数据库类型
- 传统数据库了解篇
- 前端快速入门
- JS简单使用入门
- css简单快速入门
- DJANGO
- virtualenv-创建虚拟环境
- 项目结构
- django-admin中文配置
- django-打印sql语句
- django-基础
- 认识MVC和MTV
- Django--初识
- Django--初识案例
- Django-FBV/CBV
- Django--常用input 交互
- Django-url
- Django-url.py 配置
- Django-include 使用
- Django-url name
- Django-ORM
- ORM-数据库配置
- ORM-model字段
- ORM-model字段解释
- ORM-字段选项
- ORM-查询
- ORM-四种常用查询方法
- ORM-三种获取数据
- ORM-其他查询方式
- ORM-条件查询双线
- ORM-Q和F条件使用
- ORM-三种数据库交互
- 案例 -- 一对多
- ORM-技巧/常见问题
- ORM-N+1 问题
- ORM-并发的处理
- ORM-数量查询、
- ORM-正向反向查询
- ORM-基础案例一
- ORM-基础一对多案例
- Django-templates
- Django-模板的继承
- Django-模板的过滤
- Django-自定义模板的过滤
- Django-cookie
- Django-cookies 装饰器
- Djang-session
- Django-CSRF
- Django-中间件 -- 后续了解
- Django- 缓存 -- 没有深入了解
- Django-form
- From-ajax
- form-内部验证处理
- form-属性
- form-常用的标签字段
- form-常用的下拉和选择
- form-widget速查
- Django-ajax序列化
- Django-多种ajax写法
- ajax-原生写法
- ajax-$写法
- ajax-ifram
- Django-ajax图片上传
- ajax-原始写法
- ajax-正常写法
- iframe+form
- 实战写法
- Django-常用自编写组件
- Django-双菜单组合搜索
- Django - 多菜单组合搜索
- Django-分页
- django-综合基础
- 综合基础-render
- django-admin
- admin-页面配置
- admin-字段配置
- admin-编辑页面
- admin-forms验证
- admin-创建抽象类
- django-验证码
- 验证码-第三方生成库
- 验证码-view.py使用
- 验证码-注意引入Monaco.ttf
- django-用户注册
- 注册-form 模块
- 注册-views 模块
- 注册-html模块
- 注册-model模块
- django-用户登录三种
- session登录
- form-session 写法
- view-写法
- Html-写法
- model-写法
- 继承类登录
- 外键关联登录
- django-简单的student 管理案例
- app-urls.py
- app-models.py配置
- admin-admin.py配置
- app-form.py 和数据库关联的写法
- app-FBV_views.py
- app-CBV_views.py
- templates-index.html
- django-博客系统
- APP目录-models.py 创建
- APP目录-基础展示数据分析
- APP目录-基础数据展示cls
- ListView
- DetailView
- FormView
- 额外功能拓建
- 添加文章搜索/用户文章查询功能
- 增加一个友情链接
- 增加一个评论模块
- App-利用Bootstrap4 搭建样式
- 项目crm
- 思维导图
- perfectCRM-项目名字
- settings.py-配置
- view.py-登陆/登出函数
- crm-app文件
- model.py-表的创建
- admin.py-注册后台
- view.py-视图层
- static-静态文件
- css
- bootstrap.min.css
- dashboard.css
- ie10-viewport-bug-workaround.css
- signin.css
- fonts
- imgs
- js
- jquery.js
- bootstrap.min.js
- holeder.js
- ie10-viewport-bug-workaround.js
- ie-emulation-modes-warning.js
- plugins
- html模板文件-templates
- crm
- index.html-首页模板