python笔记二 django自带后台管理系统、模版渲染以及使用mysql数据库

python笔记一 django搭建服务器全栈开发
python笔记二 django自带后台管理系统、模版渲染以及使用mysql数据库
python笔记三 react + django 实现前后端分离
python笔记四 REST Framework 实现 restful api
python笔记五 django headers带jwt实现自动登录，密码加密存储

  上一篇简单的说了一下整体项目的搭建，但是这还不够，一般完整的项目还要有很多东西，比如前端页面有一些数据不是固定的，需要前后端交互，还需要后台管理系统，有可能我还不想用自带的sqlite，想用mysql。这一篇讲一下后台管理、模版渲染、以及怎么用mysql数据库，前后端交互我会在另外一篇文章，前后端分离再说。

一、django自带的后台管理系统

1、建表

后台管理系统数据库是一定要用的，python已经帮我们做了很多东西，我们只需要调用就可以了，首先需要建表，打开myapp下models.py，添加以下内容

image.png

接下来需要同步数据库，上一篇已经在搭建项目的时候说过了，这里重新说一下，只需要两行命令。

image.png

这时候会发现根目录下多了一个 db.sqlite3的文件，打开是乱码，没错这就是刚刚新建的表。。。以文本的形式存储在根目录下。
还需要一步操作，打开 myapp目录下的 admin.py,添加如下内容，用后台管理系统来管理刚创建的表。

image.png

2、后台管理系统

django的后台管理系统已经很完善了，我们需要做的就是创建一个账号，登录，操作，没有其他了，不需要自己写任何东西。

创建账号

image.png

请忽略那几行提示，密码我用的是六个1，多么的贴心，给了我三行提示。
至此账号已经创建好了，接下来就是打开后台管理系统登录。
相信在上一篇写urls的时候都发现了有一个admin的默认路径，那个就是后台管理系统。

python manage.py runserver

在浏览器地址栏输入http://127.0.0.1:8000/admin

image.png

输入刚创建好的账号和密码登录

image.png

这就是刚创建的表，点击Add我们来添加一组数据。

image.png

image.png

这就是django自带的后台管理系统。

二、模版渲染

1、直接将数据渲染到页面

有了数据就要显示在前端，这就要用到模版渲染，上一篇已经说过怎么建模版，这里就不说了，主要说以下怎么渲染数据。
首先需要在渲染模版的时候把数据一起返回，打开myapp目录下的views.py

image.png

templates目录下的index.html需要修改如下

image.png

这里用到了django渲染模版的语法。
刷新浏览器

image.png

2、数据传递给js

有时候数据需要做一些处理再渲染到页面，这就要先把数据给js，具体操作方法和直接渲染其实差不多。
在index.html里加上这句代码

image.png

{{}}里边的就是传递过来的数据，和直接渲染是一样的，如果只是一个字符串或者数字，可以直接用{{}}包裹，写到body里。
打开开发者模式，刷新浏览器。
Uncaught SyntaxError: Unexpected token &
是不是报错了，这就对了。
看一下 script标签里是什么情况

image.png

说好的数据呢。。。
我们需要在数据传过来之前处理一下。
1、从数据库拿出来的字典或者列表需要用 json.dumps处理以下。
2、在模版上还要加 safe过滤。
先在模版加 safe

image.png

刷新一下，然后看一下script标签

image.png

尖括号这些东西已经没有了，接下来是 json.dumps()。

image.png

刷新，还是报错。
是因为我们在存数据的时候有DateTimeField，对于这个dumps不能序列化，需要用到serializers和DjangoJSONEncoder，修改如下：

image.png

刷新

image.png

可以把数据处理一下只把需要的数据传到js，这里就不演示了。

三、mysql数据库

1、查看当前数据库

django自带的是sqlite数据库，如果不想用，可以换成mysql、mongodb或者其他想用的，这里以mysql为例。
首先看一下我们的数据库结构。
在项目根目录下输入

sqlite3

进入sqlite shell，sqlite的命令是.开头的

.help

可以看见所有命令
我们想看数据结构，用.databases，然后用.tables

image.png

可以看见里边有一些自带的表还有我们创建的 myapp_article，支持sql命令，想看什么自己看吧。

2、切换mysql数据库

mysql安装过程就不说了，直接开始。
首先新建一个数据库test。

mysql
create database test;
show databases;

会发现又一个test的数据库，切换到这个test

use test;
show tables;

里边是空的没有表
用mysql我们需要安装一个pymysql

pip3 install pymysql

安装之后打开myproject目录下的_init_.py，添加两行代码

import pymysql
pymysql.install_as_MySQLdb()

接下来打开myproject目录下的settings.py，修改如下

image.png

保存之后会发现命令行提示我们要同步数据库

image.png

同步数据库

python manage.py makemigrations
python manage.py migrate

然后开启服务，刷新127.0.0.1:8000发现数据没有了，打开后台管理用之前的账户密码登录也不能登录，说明已经切换到mysql，表都是空的，没有数据，我们看以下刚刚新建的test：

image.png

和之前我们看 sqlite的表一样，重复之前后台管理有关的操作，发现没有什么区别一样可以操作数据，切换完成。