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

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

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

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

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

好啦！看看我们将要完成的任务；

1）实现上传图像的功能；

2）在图像管理界面显示每一张图像的名字，还有缩略图；

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

Solution

1)创建项目；

django-admin.py startproject myproject

2）进入项目

cd myproject

3）创建应用

django-admin.py startapp myapp

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

好啦！工程创建完毕；配置配置啦！不要说到配置就怕啦！（以前配置apache我就挺烦的）

1）进入内层的myproject目录

cd myproject

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

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

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

1）用vim打开models.py

2)执行makemigrations命令

3)执行migrate命令

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

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

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

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

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

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

点击+号，添加一张图片看看就知道啦；

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

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

1）我需要一个方法来返回一段html语句，用html来显示图片；

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

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

3）下面可以到浏览器测试啦；

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

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

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

vim settings.py

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

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

检查一下，你是否创建了这个目录哦；

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

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

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

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

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

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

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

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

7）我们看看我们在models.py里面定义的内容；

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

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

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

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

下面就是完成映射动作；

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

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

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

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

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

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

第二次测试；

结果如下；

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

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

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

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

当然可以啦！！

首先，我们使用一个render_to_string的功能；

打开我们的models.py文件；

那么咱们怎么引入render_to_string 呢？

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

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

然后你得进入templates再动手；

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

好啦！现在终于可以测试啦；

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

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

原因有二：

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

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