python笔记二 django自带后台管理系统、模版渲染以及使
python笔记一 django搭建服务器全栈开发 https://www.jianshu.com/p/6d79d3a244ff
python笔记二 django自带后台管理系统、模版渲染以及使用mysql数据库 https://www.jianshu.com/p/29cb58bbe29e
python笔记三 react + django 实现前后端分离 https://www.jianshu.com/p/e9bc8b819075
python笔记四 REST Framework 实现 restful api https://www.jianshu.com/p/7b7cf1aeed9e
python笔记五 django headers带jwt实现自动登录,密码加密存储 https://www.jianshu.com/p/b9a6db83b04d
上一篇简单的说了一下整体项目的搭建,但是这还不够,一般完整的项目还要有很多东西,比如前端页面有一些数据不是固定的,需要前后端交互,还需要后台管理系统,有可能我还不想用自带的sqlite,想用mysql。这一篇讲一下后台管理、模版渲染、以及怎么用mysql数据库,前后端交互我会在另外一篇文章,前后端分离再说。
一、django自带的后台管理系统
1、建表
后台管理系统数据库是一定要用的,python已经帮我们做了很多东西,我们只需要调用就可以了,首先需要建表,打开myapp
下models.py
,添加以下内容
![](https://img.haomeiwen.com/i4638848/b6a1c766e476fdfd.png)
接下来需要同步数据库,上一篇已经在搭建项目的时候说过了,这里重新说一下,只需要两行命令。
![](https://img.haomeiwen.com/i4638848/3454d4cd00685289.png)
这时候会发现根目录下多了一个
db.sqlite3
的文件,打开是乱码,没错这就是刚刚新建的表。。。以文本的形式存储在根目录下。还需要一步操作,打开
myapp
目录下的admin.py
,添加如下内容,用后台管理系统来管理刚创建的表。![](https://img.haomeiwen.com/i4638848/d24b1383cabd6b93.png)
2、后台管理系统
django的后台管理系统已经很完善了,我们需要做的就是创建一个账号,登录,操作,没有其他了,不需要自己写任何东西。
创建账号
![](https://img.haomeiwen.com/i4638848/0b3ecb6689240c90.png)
请忽略那几行提示,密码我用的是六个1,多么的贴心,给了我三行提示。
至此账号已经创建好了,接下来就是打开后台管理系统登录。
相信在上一篇写urls
的时候都发现了有一个admin
的默认路径,那个就是后台管理系统。
python manage.py runserver
在浏览器地址栏输入http://127.0.0.1:8000/admin
![](https://img.haomeiwen.com/i4638848/9722e9dbe056ad40.png)
输入刚创建好的账号和密码登录
![](https://img.haomeiwen.com/i4638848/fb9518e3f94495a9.png)
这就是刚创建的表,点击Add
我们来添加一组数据。
![](https://img.haomeiwen.com/i4638848/f3396615bce1b1a7.png)
![](https://img.haomeiwen.com/i4638848/a584b88b26359426.png)
这就是django自带的后台管理系统。
二、模版渲染
1、直接将数据渲染到页面
有了数据就要显示在前端,这就要用到模版渲染,上一篇已经说过怎么建模版,这里就不说了,主要说以下怎么渲染数据。
首先需要在渲染模版的时候把数据一起返回,打开myapp
目录下的views.py
![](https://img.haomeiwen.com/i4638848/2b7d88ee8532475c.png)
templates
目录下的index.html
需要修改如下
![](https://img.haomeiwen.com/i4638848/fabdcda3ae218368.png)
这里用到了django渲染模版的语法。
刷新浏览器
![](https://img.haomeiwen.com/i4638848/6352587b1e764c7e.png)
2、数据传递给js
有时候数据需要做一些处理再渲染到页面,这就要先把数据给js,具体操作方法和直接渲染其实差不多。
在index.html
里加上这句代码
![](https://img.haomeiwen.com/i4638848/a0f5419b66a683f6.png)
{{}}里边的就是传递过来的数据,和直接渲染是一样的,如果只是一个字符串或者数字,可以直接用{{}}包裹,写到body里。
打开开发者模式,刷新浏览器。
Uncaught SyntaxError: Unexpected token &
是不是报错了,这就对了。
看一下
script
标签里是什么情况![](https://img.haomeiwen.com/i4638848/f1209a470d02f2fd.png)
说好的数据呢。。。
我们需要在数据传过来之前处理一下。
1、从数据库拿出来的字典或者列表需要用
json.dumps
处理以下。2、在模版上还要加
safe
过滤。先在模版加
safe
![](https://img.haomeiwen.com/i4638848/e0f46f45148f5b8b.png)
刷新一下,然后看一下script标签
![](https://img.haomeiwen.com/i4638848/74d3087639844ecb.png)
尖括号这些东西已经没有了,接下来是
json.dumps()
。![](https://img.haomeiwen.com/i4638848/5705c0f96417a809.png)
刷新,还是报错。
是因为我们在存数据的时候有DateTimeField
,对于这个dumps
不能序列化,需要用到serializers
和DjangoJSONEncoder
,修改如下:
![](https://img.haomeiwen.com/i4638848/d1611c0f37e01d89.png)
刷新
![](https://img.haomeiwen.com/i4638848/552a669413916d2e.png)
可以把数据处理一下只把需要的数据传到js,这里就不演示了。
三、mysql数据库
1、查看当前数据库
django自带的是sqlite数据库,如果不想用,可以换成mysql、mongodb或者其他想用的,这里以mysql为例。
首先看一下我们的数据库结构。
在项目根目录下输入
sqlite3
进入sqlite shell,sqlite的命令是.
开头的
.help
可以看见所有命令
我们想看数据结构,用.databases
,然后用.tables
![](https://img.haomeiwen.com/i4638848/d0a17089823db892.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
,修改如下
![](https://img.haomeiwen.com/i4638848/b77d55d879186f15.png)
保存之后会发现命令行提示我们要同步数据库
![](https://img.haomeiwen.com/i4638848/e8fc932eb65002ef.png)
同步数据库
python manage.py makemigrations
python manage.py migrate
然后开启服务,刷新127.0.0.1:8000
发现数据没有了,打开后台管理用之前的账户密码登录也不能登录,说明已经切换到mysql,表都是空的,没有数据,我们看以下刚刚新建的test
:
![](https://img.haomeiwen.com/i4638848/8c6f9df03d525d04.png)
和之前我们看
sqlite
的表一样,重复之前后台管理有关的操作,发现没有什么区别一样可以操作数据,切换完成。