Django实现一个相片管理系统01

有些日子没写笔记,O(∩_∩)O哈哈~实在是肚子没有墨水啦!今天不写数据结构啦!多怀念研究数据结构的日子啊!

可是呢!最近有个项目要搞图像管理方面的,具体内容就不说啦!我们今天来实现一个简单的相册管理系统!

使用的系统是linux ubuntu;python2.7 ;django版本可以通过以下方式查询;

Django实现一个相片管理系统01

我的是1.8.1目前是最新的吧!

好啦!看看我们将要完成的任务;

1)实现上传图像的功能;

2)在图像管理界面显示每一张图像的名字,还有缩略图;

简单的说django已经帮我们做啦大部分工作,我们需要写的东西非常简单的;

Solution

1)创建项目;

django-admin.py startproject myproject

2)进入项目

cd myproject

3)创建应用

django-admin.py startapp myapp

4)查看你当前的目录是不是像下面这样的;

Django实现一个相片管理系统01

好啦!工程创建完毕;配置配置啦!不要说到配置就怕啦!(以前配置apache我就挺烦的)

1)进入内层的myproject目录

cd myproject

2)编辑settings.py文件(目前需要修改两处)

Django实现一个相片管理系统01

注意,我们与其他的内容保持队形:D添加好myapp后;由于我们需要上传文件,所以暂时需要禁用csrf..

Django实现一个相片管理系统01

好啦!配置完成啦!我们可以进入到myapp里面写些自己想实现的东西啦;

1)用vim打开models.py

Django实现一个相片管理系统01

2)执行makemigrations命令

Django实现一个相片管理系统01

3)执行migrate命令

Django实现一个相片管理系统01

4)执行syncdb命令(同时选择创建管理员用户)

Django实现一个相片管理系统01

5)好啦!一切完成后可以运行服务器啦;

Django实现一个相片管理系统01

6)输入127.0.0.1:8000/admin/网址;

Django实现一个相片管理系统01

好啦!这个从模型编写到在网站上显示这个过程太快啦!你可以暂时休息休息,思考一下啦;

并且,试着去测试一下图像是否能够上传?问问自己图像到底会上传到什么位置?

现在能不能看到图像的缩略形式呈现呢?

Django实现一个相片管理系统01

点击+号,添加一张图片看看就知道啦;

结果你不要惊讶!看看如下的结果是不是和你一样呢?

Django实现一个相片管理系统01

我们没有看到缩略图的出现。现在我们解决它;

1)我需要一个方法来返回一段html语句,用html来显示图片;

Django实现一个相片管理系统01

看起来image_path有些怪怪的,不过先不要管它,待会我们会知道它到底是什么;

2)注册我们这个方法属性到管理模块;

Django实现一个相片管理系统01

3)下面可以到浏览器测试啦;

Django实现一个相片管理系统01

我们得到的结果,确真的只是一段html源码,我们可是希望它能够显示一张图片的;怎么办呢?

4)我们发现images/images/1414.jpg这个地址有些难懂,到底是存在什么位置啊;

虽然是我们亲自上传的,但是真的搞不清楚它存在的位置;因此,我们就自然想着要自己定义一个专用位置;

vim settings.py

Django实现一个相片管理系统01

MEDIA_ROOT本身就是一个全局变量,但是默认值是空的,因此我们给自己设定一个目录;

注意,landpack是我的用户名,你应该换成你自己的用户名字例如,peter等;

检查一下,你是否创建了这个目录哦;

Django实现一个相片管理系统01

5)我们现在可以再次尝试测试啦!我们这次主要上传一张相片,看他是不是老老实实的存到指定位置;

Django实现一个相片管理系统01

好啦!页面显示上传成功啦!同样,我们检查的目录下面的images目录下有了一个1414.jpg文件。我们上传成功,保存位置符合指定要求;

Django实现一个相片管理系统01

可是呢?我们的页面还是没有显示我们的图片;为啦节省空间,我就截尽量小的图表示啦;

Django实现一个相片管理系统01

仔细观察你会发现,src的地址并不是我们的图片存放的位置,这样怎么可以显示图片呢。

6)因此,我们现在要再次杀回settings.py设置一个叫做MEDIA_URL的变量;

Django实现一个相片管理系统01

现在运行服务器程序,如果你压根就没有停止python mange.py runserver那么请刷新一下浏览器哈;

还是没有显示,这时候你可能已经着急啦!我们先思考一下是不是路径还是不对呢?

Django实现一个相片管理系统01

哈哈,答对啦!就是路径不对,你看看这个可不是我们希望显示的图片所在位置;

7)我们看看我们在models.py里面定义的内容;

Django实现一个相片管理系统01

我们发现错误的原因是images多余啦!我们现在就把他删除啦;

Django实现一个相片管理系统01

改成啦下面的形式,刷新浏览器,故障依旧;实在受不了啦吧;要知道为了解决这个问题我可是google了三天呢;

Django实现一个相片管理系统01

我们发现,这个位置的确是我们MEDIA_URL设定哪个,图片名字也对啦!怎么就不能显示呢?还记得我们的图片保存位置吗?我们需要怎么通过这个url映射到我们对应的图片实际存放位置呢?这时候我们想到了urls.py文件啦;

8)首先你要知道让urls知道你将要使用settings.py里面定义的MEDIA_ROOT文件;当然 patterns你应该知道它的作用啦;

Django实现一个相片管理系统01

下面就是完成映射动作;

Django实现一个相片管理系统01

9)接下来,刷新浏览器,发现还是不能显示图片;实在受不了啦。我们继续观察;

发现html语句咱们写height=40是不是应该改成height="40"啊;

可是改完以后还是不行,实在不行啦只有用最简单暴力的方法啦!

直接报地址放到浏览器上测试;

Django实现一个相片管理系统01

第一次测试结果是这样的;

Django实现一个相片管理系统01

很快,我们确定啦原因是端口号不对啦,我们使用的是8000,这里得地址没有体现出来;

第二次测试;

Django实现一个相片管理系统01

结果如下;

Django实现一个相片管理系统01

哈哈,我上传的图片有些多啦!不好意思,也是为了直接将来回忆起来能够更加清晰;

10)现在我们可以迈开脚步往settings.py走去,修改MEDIA_URL的地址加上端口号;

结果呢?还是没有显示出来,这个问题就是伤脑筋,我之所以有重现这些,是因为我实在是觉得这个问题比较棘手,因此记录下每一步尝试;

你现在肯定在想一会是html文件,一会又是python文件,实在是受不了啦!咱们到底能不能分开写;

当然可以啦!!

首先,我们使用一个render_to_string的功能;

打开我们的models.py文件;

Django实现一个相片管理系统01

那么咱们怎么引入render_to_string 呢?

Django实现一个相片管理系统01

好啦!现在我们需要的全部是python代码已经写完,可以放心的去写html文件啦

11)那么首先需要一个地方保存html文件,好吧现在咱们是在myapp目录下;

Django实现一个相片管理系统01

然后你得进入templates再动手;

Django实现一个相片管理系统01

接下来是怎么去写咱们的html文件啦;

Django实现一个相片管理系统01

好啦!现在终于可以测试啦;

Django实现一个相片管理系统01

好啦!结果终于让我们有高兴起来啦!不过你现在肯定再想,为什么刚才的写法就是无法显示图片呢?那得自己去思考思考啦。

最后,不得不得表示歉意,没有一句可以copy的代码,全是截图;

原因有二:

第一,我是在虚拟机上写的代码,在mac上写的博客,所以无法复制粘贴代码;

第二,我们还是自己写比较记得牢些哈;

上一篇:Zookeeper总结


下一篇:Linux whereis命令详解