网页编程-django前传

 1.js正则表达式  http://www.cnblogs.com/wupeiqi/articles/5602773.html

    test   - 判断字符串是否符合规定的正则

        

       正则表达式: rep = /\d+/

       rep.test('aas99sj')    #true

      正则表达式: rep = /^\d+$/   #开始符,终止符

       rep.test('aas99sj')    #false

 

    exec  - 获取匹配的数据

       正则表达式: rep = /\d+/

       rep.exec('wuli_48_hong_34')    #t[‘48’]

      分组:

           正则表达式: rep = /\bwu\w*b/

           rep.exec('wuli_48_hong_34')    #t[‘wuli’]

          分组后:

           正则表达式: rep = /\bwu(\w*)b/

           rep.exec('wuli_48_hong_34')    #t[‘wuli’,'li']

      全局匹配

           正则表达式: rep = /\bwu\w*b/g   加上g

           rep.exec('wuli_48_wung_34')    #执行第一次[‘wuli’]

           rep.exec('wuli_48_wung_34')    #执行第二次[‘wung’]

         

1、定义正则表达式

    • /.../  用于定义正则表达式
    • /.../g 表示全局匹配
    • /.../i 表示不区分大小写
    • /.../m 表示多行匹配
      JS正则匹配时本身就是支持多行,此处多行匹配只是影响正则表达式^和$,m模式也会使用^$来匹配换行的内容)

 

          

 

 

 2.组件

    后台前端都可以:

    bootsrap

      -css

      -js

    一、响应式

      @media

    二、字体图标

      @font-face

    三、基本使用

      将你修改的样式加上 !important;

      让你的样式最优先::

      .i3{

        border-radius:0 !important;

        }

    注重后台管理的插件:

    jqueryUI

    

    easyUI

      涉及大量ajax操作。。

    轮播图:bxslider

    其实还有 Semantic UI

 3.web框架

  

  MVC  

    Model数据库  View 模板文件  Controller业务处理

  MTV  

    Model数据库  Template 模板文件  View业务处理

 

 4.Django  -最齐全的框架(MTV)

 

    安装:pip3 install django

    环境变量  ..\python35\Scripts

    创建django 项目:django-admin startproject [工程名称(ex:Mysite)]

    Mysite

       -mysite    #对整个程序进行配置

          -__init__.py

          -settings.py    #配置文件

          -urls.py       #URL对应关系

          -wsgi.py      # 遵循WSGI规范,以后用uwsgi+nginx上线

       -manage.py      #管理Django程序:ORM(关系对象映射)

                  -python manage.py

                  -python manage.py startapp xx

                  -python manage.py makemigrations

                  -python manage.py migrate

        运行: python manage.py runserver 127.0.0.1:8000

    wsgi:

      一套规则,接口

    ex:

      chouti

        -chouti

          -配置

        -主站 app

        -后台管理 app

      

      #创建app  

        python manage.py startapp cmdb

        python manage.py startapp openstack

        python manage.py startapp [app 名称]

  

      app目录:

        migrations  数据操作记录(只是修改表结构)

        __init_.py  作为模块包的识别

        admin.py   Django 为我们提供的后台管理

        apps.py   配置当前APP

        models.py  ORM,写指定的类,通过命令创建数据库结构

        test.py     单元测试

        views.py    业务代码

 

    1.配置模板的路径 settings 中的 TEMPLATES 的 DIRS

    

    2.配置静态文件的路径

     创建 static目录

     在 settings中添加:STATICFILES_DIRS=(

                  os.path.join(BASE_DIR,'static'),

                )

     在settings中 :middlerware   #注释csrf

     获取用户post过来的数据

     request.method  : POST , GET

     request.POST['name名']  或者 request.POST.get('name名',None)

 

     return render(request,'login.html')

     return r

 

     模板语言中的循环:

      {% for row in user_list%}

        <tr>

          <td> {{ row.username }}</td>

          <td> {{ row.password }}</td>

        </tr>

      {% endfor%}

 

    整个流程:

    

 

 

              

        

整个流程梳理:

    1.创建Django工程

      django-admin startprojiect 工程名

    2.创建app

      python manage.py startapp [app的名字]

    3.定义静态文件

      settings.py

      STATICFILES_DIRS(BASE_DIR,'static')

    4.模板路径

      settings.py

      DIRS  ==>

    5.settings中

       middlerware   #注释csrf

    6.定义路由规则

      url.py

        ‘’login‘  --》 函数名

    7.定义视图函数

      app下的view.py

        def func(request):

          #request.method   GET/POST

          #http://127.0,0,1:8000/home?nid=124&name=23

          #request.GET.get('',None)

 

          #request.POST.get('',None)

 

          #return HttpRespons('字符串')

          #return render(request,'HTML模板的路径')

          #return redirect('/只能填url')

 

    8.模板渲染

      特殊的模板语言  

         {{ 变量名}}

        for循环:{% for row in list%}

              。。。

            {% endfor %}

 

        条件: {%if age%}

              。。。

            {% else %}

              。。。

            {%endif%}

 

posted @ 2017-08-20 20:22  痴道三  阅读(196)  评论(0)    收藏  举报