Python-Django-博客项目笔记

一、Django简介

Django是一个开放源代码的Web应用框架,由Python写成。采用了MTV的框架模式,即模型M,模板T和视图V

1.web框架:


Python-Django-博客项目笔记_第1张图片

2.Django的MTV模型组织


Python-Django-博客项目笔记_第2张图片

二、Django实例

1.安装Django

win+r,调出cmd,运行命令:pip3 install django,自动安装Pypi提供的最新版本。


Python-Django-博客项目笔记_第3张图片

2.创建Django工程(PyCharm)

设置保存目录,点击create创建。

Python-Django-博客项目笔记_第4张图片

Django将自动生成下面的目录结构:


Python-Django-博客项目笔记_第5张图片

3.创建APP

在pycharm下方的terminal终端中输入命令:

python manage.py startapp blog

这样就创建了一个叫做blog的APP,django自动生成“blog”文件夹。(注:工程名为blogs,APP名为blog,不能重名)


Python-Django-博客项目笔记_第6张图片

在blog目录下新建名为static和templates的文件夹:

static文件夹用来存放css,js,image等静态文件,将准备好的blog模板的css,js,image文件拷贝到该目录

templates文件夹用来存放HTML文件,将blog模板的首页index.html文件拷贝到该目录。

4.编写业务逻辑


Python-Django-博客项目笔记_第7张图片

5.编写路由


Python-Django-博客项目笔记_第8张图片

6.注册APP


Python-Django-博客项目笔记_第9张图片

7.运行web服务

现在我们已经可以将web服务运行起来了。

命令行的方式是:python manage.py runserver 127.0.0.1:8000

但在pycharm中,你可以这么干:

在上部工具栏中找到下面图示的图标。

点击下拉箭头

点击edit configurations


在host中填入:127.0.0.1   port中填入:8000

OK确定之后,点击绿色的三角,web服务就运行起来了。

8.修改CSS,JS,图片链接地址

在浏览器中输入127.0.0.1:8000/blog,现在是这样的


Python-Django-博客项目笔记_第10张图片

原因是CSS链接地址还需要更改,将index.html中css,js和图片地址修改为对应在static文件夹地址如:


重启web服务后刷新网页,可以看到已经应用上css了:


Python-Django-博客项目笔记_第11张图片

9.生成中间件

在 Terminal中输入命令:python manage.py migrate


Python-Django-博客项目笔记_第12张图片

现在在浏览器中输入:127.0.0.1/admin可以看到Django的自带后台


Python-Django-博客项目笔记_第13张图片

再次在PyCharm的Terminal中输入命令:python manage.py createsuperuser创建管理员


Python-Django-博客项目笔记_第14张图片

其中email可以为空,密码设置太弱不能通过,设置时不会显示。

设置成功,就可以用设置的用户名密码登录后台了


Python-Django-博客项目笔记_第15张图片

10.编写model并生成中间件


Python-Django-博客项目笔记_第16张图片

在PyChram的Terminal中输入命令:python manage.py makemigrations 转换成中间件


Python-Django-博客项目笔记_第17张图片

这里显示成功了,blog\migrations下面将生成了一个0001_initial.py的文件。再次使用命令如下


Python-Django-博客项目笔记_第18张图片

再次登入后台,现在并没有显示blog表,还需要在admin.py中注册


Python-Django-博客项目笔记_第19张图片

再次重启web服务,登入后台现在显示如下:


Python-Django-博客项目笔记_第20张图片

在Blogs的Add中添加一些带有markdown语法的文字并保存


Python-Django-博客项目笔记_第21张图片

11.获取数据到前端

修改代码如下:(只获取第一篇文章作为演示)


Python-Django-博客项目笔记_第22张图片

前端使用模板语法,修改如下:


Python-Django-博客项目笔记_第23张图片

刷新浏览器,可以看到文章已经显示在前端,但还无法解析markdown语法:


Python-Django-博客项目笔记_第24张图片

11.解析markdown

安装markdown:pip3 install markdown

再次修改代码:


Python-Django-博客项目笔记_第25张图片

ps. HTML文档中改为{{blog_content | safe}} 就可以了

可以在网络复制一张logo图片地址文章开头加上 ![img](图片地址)

再次刷新浏览器


Python-Django-博客项目笔记_第26张图片

OK,以及可以解析markdown语法了!

12.后台修饰

在models.py中添加如下代码:


刷新后台显示为:


Python-Django-博客项目笔记_第27张图片

你可能感兴趣的:(Python-Django-博客项目笔记)