IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> Python知识库 -> Django -> 正文阅读

[Python知识库]Django

基础知识

创建项目

选择你想放文件的文件夹,cmd进入
activate dj 进入虚拟环境
django-admin startproject 项目名
进入项目名
用pycharm打开你的文件
创建项目
打开之后就是这个样子的
打开项目
编写路由
路由
创建一个新的py项目命名为views
views文件

启动项目

输入命令python manage.py runserver
然后复制网址,打开浏览器查看
在这里插入图片描述
这个时候就代表你的项目创建并启动成功了
下面我们就开启进一步

创建超级用户

创建项目

构建个人博客网站

·明确创建的项目需要什么东西
例如:创建一个网站就需要明确网站的有哪些功能模块
网站的功能模块
明确每个功能模块是干嘛的。

简单构建

简单构建
·功能模块≈Django App

开启本地虚拟环境

隔开python项目的运行环境
1.避开多个项目之间python库的冲突
2.完整便捷导出python库的列表
下载包 pip install virtualenv
下载virtualenv
卸载django并创建虚拟环境
在这里插入图片描述
下载成功
在这里插入图片描述
这个时候去你的文件夹就可以看到
在这里插入图片描述
进入mysite_env
在这里插入图片描述
进入虚拟环境
进入虚拟环境
在此虚拟环境下安装django
注:我安装的是2.0版本的 django==2.0
django2.0
目前的包
在这里插入图片描述
退出虚拟环境再次查询有哪些包
在这里插入图片描述

初步创建blog应用

进入虚拟环境,创建项目mysite
创建项目
进入项目,创建appblog
在这里插入图片描述
mysite文件用编辑器打开(我这里用的pycharm)
在这里插入图片描述
models中写入两个类
关于博文和博客分类
在这里插入图片描述
对数据库进行初始化python manage.py migrate
对数据库进行初始化
创建超级管理员python manage.py createsuperuser
在这里插入图片描述
将应用添加进入mysite-->mysite-->settings
在这里插入图片描述
创建migrations目录python manage.py makemigrations 并更新数据库
这里创建了两个模型一个关联字段
在这里插入图片描述
admin中进行博客的文章显示框架管理
在这里插入图片描述
启动服务器python manage.py runserver
在这里插入图片描述
复制网址查看http://127.0.0.1:8000/admin
使用刚刚的账号密码登录
登录后就是下面的那个样子的
在这里插入图片描述
·可以改成中文显示zh-Hans
在这里插入图片描述
在这里插入图片描述
在BlogType中添加内容
在这里插入图片描述
如果出现以下报错

解决报错
首先将django的版本升级到2.1.7
然后将数据库进行删除
在这里插入图片描述
python manage.py makemigrations blog
python manage.py migrate
然后重新创建超级管理员
python manage.py runserver
然后进行添加
在这里插入图片描述
这里就有啦,我这儿添加了三个
在这里插入图片描述
然后添加博客文章内容
在这里插入图片描述
然后在models中写入函数
在这里插入图片描述
这个时候再刷新查看
就关联过来啦在这里插入图片描述
写一篇随笔
在这里插入图片描述
显示就是这个样子在这里插入图片描述
扩展:pip一键导出和安装(以后会用上的)
pip freeze > requirements.txt
pip install -r requirements.txt
在这里插入图片描述

常用的模板标签和过滤器

·继续搭建blog
在 blog文件下的views 中导入
from django.shortcuts import render_to_response 用模板页面输出内容响应
需要两个处理方法 def blog_list(request):请求对应的变量 是访问博客列表
def blog_detail(request,blog_pk): 是显示具体的blog也页面 说明 参数:blog_pk是需要传一个主键
在这里插入图片描述
注意这里的两个html文件是还没有写
在blog下面创建templates
然后在templates下面创建上面两个html文件
在这里插入图片描述
在这里插入图片描述
在blog中新建路由
在这里插入图片描述
总路由
在这里插入图片描述
然后运行python manage.py runserver
然后对html文件进行了修改
在这里插入图片描述
在这里插入图片描述
然后在超级管理员中添加一篇博客
在这里插入图片描述
添加标签统计使其可以一眼看到有多少条博客
方法一:

方法二:通过处理方法返回
在这里插入图片描述
在这里插入图片描述
可以发现两种方法可以达到同样的效果,但是也可以发现第一种明显要方便亿点点。所以这里果断选择方法一。
·但是如果我没有博客的话它的显示是不是0呢?
我们马上看一下,于是打开admin删除两篇博客
在这里插入图片描述
在这里插入图片描述
删除之后可以发现是会显示0篇的(两种方法都会)
在这里插入图片描述
这里我们还可以添加一句提示语暂无博客,敬请期待
添加代码如下
在这里插入图片描述
实现效果如下:
在这里插入图片描述
添加长篇博客查看
在这里插入图片描述
可以发现一长段的文本在这里显示的看着非常繁杂
在这里插入图片描述
太长了,我们让它只显示前30个字
代码如下
在这里插入图片描述
效果如下:
在这里插入图片描述
这里就更加简洁美观啦
在页面中添加其他内容(作者…)
在这里插入图片描述
显示效果:
在这里插入图片描述
使其显示博客类型并使博客类型变成超链接的形式
·添加路由
在这里插入图片描述
·添加试图函数
在这里插入图片描述
HTML文件在这里插入图片描述

在这里插入图片描述
此时,运行查看效果
在这里插入图片描述
问题是没有对应的关键字参数
在这里插入图片描述
此时运行发现还是有问题
在这里插入图片描述
检查发现我们视图函数中的变量名写错了,修改过后运行查看
在这里插入图片描述
点击分类之后就跳转到随笔了,因为我这里只添加了三篇随笔,所以显示的就是三篇随笔。

我又添加了一个感悟类型的博客
再次运行点击类型就可以发现类型下面只有同类型的文章

注:常用的模板标签

常用模板标签

注:常用的过滤器

常用过滤器

模板嵌套

模板的重复的很多
找个方法将重复的加载出来
基本模板文件(三个模板相似的地方)base.html
在这里插入图片描述
修改三个html文件(三个都一样,只需要将不同的内容添加进入模板即可)
blog_detial.html
在这里插入图片描述
blog_list.html
在这里插入图片描述
blogs_with_type.html
在这里插入图片描述
仍旧是可以运行的,这里的模板嵌套就完成啦

全局模板文件夹

路径为:settings --> TEMPLATES --> DIRS
在此目录下创建templates文件
在这里插入图片描述
将基础公共文件base.html迁移到刚刚创建的templates里面
在这里插入图片描述
重启应用

模板文件设置建议

app模板文件-->app
project模板文件-->project

跟着项目走的话放全局
封装的特别好的话app应用只跟app应用有关系就放在app里面就可以

这里我们就将其放在公共模板文件夹中
在这里插入图片描述
将三个模板文件重新创建的blog文件中去
在这里插入图片描述
修改views.py中的路径
在这里插入图片描述
这个时候查看网页显示的仍旧没有问题

使用css美化页面

一般的就可以设计成三个部分(可以根据自己的需求来做)
·导航栏
·主体内容
·尾注(可有可无)
在这里插入图片描述

导航栏

设计目标
·logo网站名称+导航
在这里插入图片描述
添加首页
mysite下面创建views.py文件并写入方法
在这里插入图片描述
在公共模板文件夹下面创建首页的html文件
在这里插入图片描述
修改app中的路由文件使其点击博客找到博客列表
在这里插入图片描述
修改project中的路由文件(总路由)
在这里插入图片描述
运行查看效果
在这里插入图片描述
在这里插入图片描述

页面美化

使用css
在这里插入图片描述
查看效果
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
显示效果
在这里插入图片描述
但是注意将HTML与css放在一起后面修改不是很方便
这里将css单独放在一个文件中css代码 --> css文件,这里的 css文件js文件图片统称为静态文件
静态文件就是写好了之后不会有太多变化的
在project下面创建一个静态文件夹static文件并将刚刚base.html文件中的css复制过来
在这里插入图片描述
settings中添加路径,使其可以找到你的静态文件
在这里插入图片描述
base.html文件中引用
在这里插入图片描述
运行查看效果
在这里插入图片描述
将home.html进行相同操作
在这里插入图片描述
在这里插入图片描述
实现相同效果

css框架协助前端布局

【对css不太会或者直接不会的】
这里选择的是Bootstrap

  Python知识库 最新文章
Python中String模块
【Python】 14-CVS文件操作
python的panda库读写文件
使用Nordic的nrf52840实现蓝牙DFU过程
【Python学习记录】numpy数组用法整理
Python学习笔记
python字符串和列表
python如何从txt文件中解析出有效的数据
Python编程从入门到实践自学/3.1-3.2
python变量
上一篇文章      下一篇文章      查看所有文章
加:2022-12-25 11:04:55  更:2022-12-25 11:07:38 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/19 7:50:15-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码