用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例

操作系统、编程环境及其他:window7  cpu  python2.7  pycharm5.0  django1.8x

说明:本blog是上一篇blog(http://www.cnblogs.com/deeplearning1314/p/7137737.html)的后继。本blog要解决的问题是利用Python的web框架,将faster-rcnn的demo程序以网页形式展现出来,简而言之是基于B-S架构的编程,直观地以网页形式展示目标检测的功能。由于本人才疏学浅,暂时未能习得Django精髓与Python编程精髓,虽然功能实现了,但以本人的要求来看,实现还是略为粗糙的,编程基本功正在加强中。这也是我一直追求的模样,我希望成为一个兼具理论和技能的研究生。本blog不具备较强的理论性,东拼西凑的Django上传、显示图片机制,以及一些为图省事拍脑袋想出的编程小技巧,但至少本blog具备较强的实践性。理论部分待我空下来了,系统学习Django框架后另行补充。我会回头来学好Django,大概是导师某天带着我去看一个老师写的Django工程,我被密密麻麻的代码震撼了,这大抵是原因。最后,如果读者在复现实验时认为本文有疏漏不对的地方,请在博客园私信联系我改正,谢谢!

感谢:特别感谢负责的导师,本人陋习太多,正在改正,比如拖延症、强迫症···如果不是导师一次次催我,一次次耐心地为我讲解代码、工作机制,以及上面提到的带着我求助Django编程方面比较专业的老师,我可能要花更久的时间来做好这项小任务。真诚地感谢这种督促,我会更加努力,少说话,多做事,丰富个人的学习和生活。除此之外,我还要感谢同济大学的俊杰兄,在python编程方面给了我很多指导,甚至为一个未曾谋面的我请教其师兄相关Django的问题。只记得那天完成这个小任务,我内心很有成就感,慢慢加油吧。毕竟是个小任务,不在此一一感谢那些在乎我关心我的人了。

注意:上一篇blog被多个技术网站转载并且未署名和来源,部分评论我看不到恢复不了,如有问题交流请在博客园上评论区联系我,如果看到了我一般会回,共同提高。

不说太多废话了,切入正题!

要完成上述提及的小任务,主要需要以下几个步骤:Django环境的搭建、弄懂Django文件上传机制、对faster rcnn demo程序的适应性修改

在讲解前,首先看下本文任务实现的效果:

首先启动服务器,返回一个网址: http://127.0.0.1:8000/ 即本主机地址 (模拟网页,本机同时是服务器、后台和用户)

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第1张图片

然后,我们可以登录上面给出的地址

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第2张图片

接着,我们输入相关内容,点击ok

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第3张图片

等待网页返回处理后的结果(实例图片是俺美丽的女朋友)

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第4张图片

我们可以看到此时的后台程序是在执行相关代码的

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第5张图片

效果看完了,接着我们开始介绍,如果想复现实验,请按本人写作顺序看懂后依次进行。

一、Django环境的搭建

以本人Windows7系统为例看Django环境搭建2.1.2部分应该就会了,建议选Django1.8版本便于学习,这个网址的作者也是这么建议的。

建议自主学习本网址Django视图与网址部分,半小时就能理解。大致能对新建Django工程、工程目录下都有什么文件、以及主要的一些文件如views.py、urls.py的作用有个清晰的理解,这些内容还是静静地看这个网址的讲解,后面我也会提及一部分,但是为避免出错不会过分提及。以下是本人安装Django的笔记,大略可以参考一下。

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第6张图片

二、本文Django工程上传文件机制

上述网址中是基于deepin linux 2013、python 2.7、Django 1.6.2环境来实现的,根据本人window7 Django1.8因此需要做部分修改,结合参考blog具体以下面所讲为主。

(1)创建项目与应用

这部分内容在”一”中所给网址中讲解的非常清楚,我的django工程地址:E:\deep learning\py-faster-rcnn-master\tools\,首先cmd模式下cd到你想放置的路径,然后输入django-admin.py startproject mysite2 创建一个名为mysite2的Django工程,接着cd到mysite2的路径   cd mysite2,在项目下创建一个disk应用   python manage.py startapp disk,这时,可以在相应位置看到新建的Django工程,以及可以看到类似于下面的Django工程目录结构。

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第7张图片

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第8张图片

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第9张图片

(2)设计model(数据库)

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第10张图片

后面执行上传图片操作时,会将图片传至upload文件夹内。

(3)数据库同步

cmd模式下cd 到Django工程mysite2(第一级的mysite2)下,依次敲入以下命令(由于本人版本不同所以与上述blog中略有不同),按提示操作python manage.py  syncdb,python manage.py  makemigration,python manage.py  migrate,正常情况下,cmd窗口应该会显示以下内容:(忽略我这里设置的路径,我刚开始默认存在c盘的,为了方便工作我后来直接拷贝整个Django工程到e盘相关路径下也是能正常工作的)

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第11张图片

同时可以在mysite2中看到一些和数据库有关的文件

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第12张图片

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第13张图片

(4)创建视图函数    按下面截图要求修改views.py视图函数

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第14张图片

(5)创建模板文件

先在mysite2/disk/目录下创建templates文件夹,接着在mysite2/disk/templates/目录下创建register.html 文件

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第15张图片

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第16张图片

不用按参考blog中提到的设置模板路径,Django1.8版能够自动找到

(6)设置URL

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第17张图片

(7)启动服务

Cmd模式下cd到Django工程mysite2(第一级mysite2)的路径,输入命令Python manage.py  runserver  启动服务器,有可能会抛出相应错误,具体解决办法见参考blog,正常成功情况下应显示如下界面,并能上传图片到自己新建的upload文件夹。(upload文件夹需要新建,路径参考下面截图)

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第18张图片

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第19张图片

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第20张图片

至此,本文任务实现了一小部分,需要弄明白这里Django文件上传的机制。Django最主要的几个文件大概是urls.py、views.py、html、models.py文件,在这里我简要介绍一下上述代码的执行过程(读者可先不进行此步实验、文末我会给出完整的代码云盘链接)

首先,我们来看urls.py文件

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第21张图片

重点看我标注的这一句,urls文件指明了当用户访问登录返回的网址时需要执行的函数,这句表示当用户访问http://127.0.0.1:8000/ 时要执行views.py中定义的register函数

接着我们看一下html文件内容

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第22张图片

学过html一些概念的人应该能读懂这段,但是这里有句{{uf.as_p}}让人很难理解意思,uf是建立的user数据库,具体理论我说不清,但是这里是填充一些内容的,怎么知道的呢?当显示登录界面时,请在浏览器工具栏—工具----查看源代码可以看到网页信息如下,比较上下区别,就可以弄懂啦!

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第23张图片

我们接下来关注views.py视图函数,这里面定义了一些Django工程中的核心函数,我们后续也是要将demo代码添加进来的。

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第24张图片

在这里我主要想讲解一下这段代码的执行顺序,当我们输入网址登录网页时,这时request.method还不是post方式,所以执行的是else下的代码,返回了一个html文件,并且在原始文件中{{uf.as_p}}填充了uf的一些输入要求,比如type,这可以在上面的源文件中看到。render_to_response() 的第一个参数必须是要使用的模板名称。 如果要给定第二个参数,那么该参数必须是为该模板创建 Context 时所使用的字典。之后,当我们输入了username、选择的图片后点击OK,这时变成post方式,执行if语句,返回httpresponse对象,显示upload ok,这时文件夹upload里就会保存刚才上传的图片。至此upload的form表单方式上传文件机制介绍完了,实际上还有更简单的文件上传机制,比如文件流的方式,只是当时我没调通,所以没有细究。除此以外,将选择的图片经过demo处理后需要再在网页上显示处理结果,这里我投机取巧找到一个文件流的显示方式,具体见代码,返回了一个httpresponse对象。

img?u=aHR0cDovL2ltYWdlczIwMTcuY25ibG9ncy5jb20vYmxvZy8xMTk2Mjg3LzIwMTcxMi8xMTk2Mjg3LTIwMTcxMjA4MjIwNjI3OTA2LTEzNTcyNDc1NTUucG5n

以上只是为了讲解Django的文件上传显示机制,具体全部代码、代码执行过程以及本人投机取巧的地方将在后面代码注解中给出。

三、本文faster rcnn demo程序的适应性局部修改与关键地方讲解

现在服务器、后台能够接受到用户传来的图片,所以我们很自然的想到下一步任务就是把demo的关键处理代码拷贝到Django工程下的views.py文件。拷贝过来,当然需要修改一些地方,faster_rcnn的模块调用要理顺。首先需要将E:\deep learning\py-faster-rcnn-master\tools中的_init_paths.py文件修改成如下图,并拷贝到如下路径,主要是为了使添加上述代码后的views.py执行时能找到faster_rcnn的相关文件,为方便处理,我直接给出了相应模块、py文件的完整路径。其中osp.join函数是个拼接路径函数,路径的正确格式也是我打断点调试才知道的。

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第25张图片

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第26张图片

接下来,让我们来看最后的完整地views.py文件,具体代码关键注解部分请看文末给出的完整代码云盘链接。

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第27张图片

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第28张图片

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第29张图片

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第30张图片

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第31张图片

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第32张图片

用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例_第33张图片

关于views.py,我想在这里补充一下我投机取巧的地方,一是一些关键地方,比如模型文件、图片等的路径我直接给出了完整路径,并且代码修改的很粗糙。另外,利用form表单上传图片我在后台不知道如何取相应的图片,所以我采用的方法是:由于我知道图片会保存在upload文件夹里,每次将不同名字的图片保存后,我首先将图片改名成000001.jpg,这样就能被demo处理,处理完后生成test.png后清空upload文件夹里的图片,保存处理后的test.png显示在网页上。

四、其他需要补充讲解的部分

Django工程是可以在pycharm中打断点调试的!!!这大大方便了编程,我之前查了好久,然后被导师一查就查到了,不得不佩服啊!!!具体debug调试可参考blog:

在views.py打断点,用户在前端选择图片点ok后可以在pycharm中看到变量值。本文Django工程完整代码链接:https://pan.baidu.com/s/1sldYaWP   提取密码:y0os

结语:写blog一为总结、二为让后人少走弯路,国内Django方面的知识貌似传播的不太成熟,很少有系统的讲解。如果读者觉得有疏漏的地方,麻烦在博客园下留言。如果觉得有用,请祝福本人家人健康、学习进步、生活愉快、恋情美满!!!加油!!!

你可能感兴趣的:(用python中django创建网页_利用python web框架django实现py-faster-rcnn demo实例)