django

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

2018-09-10  本文已影响72人  风中的猴子

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已经帮我们做了很多东西,我们只需要调用就可以了,首先需要建表,打开myappmodels.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不能序列化,需要用到serializersDjangoJSONEncoder,修改如下:

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的表一样,重复之前后台管理有关的操作,发现没有什么区别一样可以操作数据,切换完成。
上一篇 下一篇

猜你喜欢

热点阅读