美文网首页Python 运维程序员Python3自学 爬虫实战
如果我们的简历是这样的-django篇

如果我们的简历是这样的-django篇

作者: Rokkia | 来源:发表于2017-04-25 09:26 被阅读1730次

    话不多说,先来个图。

    resume.gif

    最近在学Django,因为看Python上都要求会至少一门web框架,如Django,flask...,既然有要求那就来学学呗。
    光学习还是太无聊了些,我们来做点东西,既然想要投简历,我们不妨用Django来做份简历,到是否发个链接过去。

    一来,可以解放一下HR大人,不至于每天看着枯燥的简历。
    二来,了解我的都知道,学习嘛,做点东西会学的更快,学到的也会更多。

    写在开始之前。

    一开始我以为可以在自己电脑上使用Nginx就可以实现发布,结果发现并不能实现。后来问公司运维说,需要域名备案然后部署到服务器才行。所以现在写的项目还是无法给HR看的。不过就当是记录学习了。

    来吧,开始干~
    额。。一开始就遇到了一个问题,环境,好在之前刚写了一篇关于环境搭建的文章。python环境搭建。有需要的可以看一下这篇文章。

    1.下面我们还是要先创建环境,来吧

    很简单~

    mkvirtualenv myresume
    
    Paste_Image.png

    我们需要记录一下virtualenv的位置
    现在环境里东西不多等后面用我们在回来添加。

    2.新建项目
    Paste_Image.png

    OK,来安装Django,回到virtualenv myresume环境下。

    pip install django
    
    Paste_Image.png

    OK,切换一下,重新安装选择一下myresume这个环境,发现黄色部分消失,click create。

    3.数据库

    很开心,这里我们用不到数据库,因为我们不对数据进行保存,也就意味着我们的Model也用不到。

    4.运行项目
    Paste_Image.png Paste_Image.png

    恭喜你运行成功,我们离成功还剩50%。

    5.创建resume app

    在django中是通过一个一个的app来分割项目,所以这里我们需要创建我们的resume app。
    工具栏Tools中有一个Run manager.py Task... 我们来运行它来创建,运行效果是这样。


    Paste_Image.png

    如果你的是测试版的Pycharm,则需要在Terminal中进入到项目的目录然后执行 python manager.py startapp resume。运行大概是这样。


    Paste_Image.png

    所以说专业版会有很多简单的功能供我们使用,看来收费也是有道理的。
    这样我们发现我们的项目中多了一个文件目录。resume就是我们刚才创建的。


    Paste_Image.png

    紧接着的一步是在settings文件中添加上我们创建的app

    Paste_Image.png

    忘记就会报错,最好创建完接着来添加。

    6.创建Static文件

    本来我们需要创建html文件了,但是我们有可能会用到css,js这样的文件。所以我们先来创建一个static文件目录。目录大概是这样。


    Paste_Image.png

    为了后期更方便的使用,我们需要,于是我们来到settings最下面。
    添加上,这样我们就不需要输入static目录全称了。

    #正式上线时用到
    # STATIC_ROOT = os.path.join(BASE_DIR, 'static')
    #正式上线时需要注释掉
    STATICFILES_DIRS = (
        os.path.join(BASE_DIR, 'static'),
    )
    
    Paste_Image.png
    7.创建html

    django html我们是需要写在templates中,否则在运行的时候会报错。
    这里我们创建的html是resume.html。
    这个上面的目录图已经截到了,这里不重复,为什么有两个,因为之前写过,这里就先拿过来用了。
    html我是路上的学徒,有更好的大家可以自己写。这里我就不献丑了。
    有了html后,我们要做的就是网络处理了。

    8.网络处理

    首先我们来到resume app目录下的views.py,引入View然后创建myResumeView Class,重写get方法。为什么使用View来管理,因为当我们有get与post的使用,我们就不需要判断request的类型,节省代码。

    from django.views.generic import View
    
    
    class myResumeView(View):
        def get(self, request):
            return render(request, 'myresume.html', {})
    
    

    然后我们来到myresume 目录下的urls.py来配置我们的url

    from django.conf.urls import url
    from django.contrib import admin
    #引入myResumeView
    from resume.views import myResumeView
    
    urlpatterns = [
        url(r'^admin/', admin.site.urls),
        #添加url配置
        url(r'^resume$', myResumeView.as_view(), name='resume')
    ]
    

    OK,到这里我们的项目算是基本成功了。
    我们运行一下看看。


    Paste_Image.png

    因为我们配置了url所以当我们再输入http://127.0.0.1:8000/ 时会报错,不要慌张,在后面加上resume 即可。http://127.0.0.1:8000/resume

    这样我们基本成功了。不过跟普通没什么区别吗,我们可以来添加点动画多好。
    来哦,添加动画。

    8.添加动画

    首先我们需要的是fullpage这个神器。fullpage github
    另外一个是animation.css animation.css github
    这两个绝对是神器使用方法我就不说了打击可以看一下这篇文章fullpage with animation.css小技巧,我会把我的发到github上,有需要可以看一下。

    9.需要注意的地方
    {% load staticfiles %} 
    
    {% static 'css/jquery.fullPage.css' %}
    

    我们在html中添加了这样一行,这里是为了下面使用{% static '/xxx/' %}。为什么使用,如果我们修改了static的目录,我们这里不需要任何修改,如果使用绝对路径,我们后期可能需要一个一个修改,为了以后这里先麻烦一下。

    OK,不全后我们看一下效果。


    Paste_Image.png

    OK,这样就与我们开始一样了,剩下的就是发布到服务器上了。这个待我研究研究。

    get到的新的强大技能

    • django静态文件在html中引入新解。
    • fullpage使用,这个很多都用在首页
    • animation.css使用,这的很强大很方便。
    • django View使用,使用请求逻辑划分的更加清楚。

    github地址:https://github.com/hzj7510/myresume

    相关文章

      网友评论

        本文标题:如果我们的简历是这样的-django篇

        本文链接:https://www.haomeiwen.com/subject/otqmzttx.html