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%}

网页编程-django前传的更多相关文章

  1. 网页编程-Django(一)

    业内: GET:获取数据 POST:提交数据 上传单个数据: request.POST.get(‘’name名‘’) 上传多选数据: request.POST.getlist('name名') 上传文 ...

  2. 面向对象编程思想(前传)--你必须知道的javascript

    在写面向对象编程思想-设计模式中的js部分的时候发现很多基础知识不了解的话,是很难真正理解和读懂js面向对象的代码.为此,在这里先快速补上.然后继续我们的面向对象编程思想-设计模式. 什么是鸭子类型 ...

  3. 面向对象编程思想(前传)--你必须知道的javascript(转载)

    原文地址:http://www.cnblogs.com/zhaopei/p/6623460.html阅读目录   什么是鸭子类型 javascript的面向对象 封装 继承 多态 原型 this指向 ...

  4. (转)django上传文件

    本文转自:http://www.cnblogs.com/linjiqin/p/3731751.html 另:  本文对原文做了适当修改 更为详细的介绍可以参考官方文档. emplate html(模板 ...

  5. django上传文件

    template html(模板文件): <form enctype="multipart/form-data" method="POST" action ...

  6. SpringMVC深度探险(一) —— SpringMVC前传

    在我们熟知的建立在三层结构(表示层.业务逻辑层.持久层)基础之上的J2EE应用程序开发之中,表示层的解决方案最多.因为在表示层自身的知识触角很多,需要解决的问题也不少,这也就难免造成与之对应的解决方案 ...

  7. Vue.js 入门指南之“前传”(含sublime text 3 配置)

    题记:关注Vue.js 很久了,但就是没有动手写过一行代码,今天准备入手,却发现自己比菜鸟还菜,于是四方寻找大牛指点,才终于找到了入门的“入门”,就算是“入门指南”的“前传”吧.此文献给跟我一样“白痴 ...

  8. 【HTML5+MVC4】xhEditor网页编辑器图片上传

    准备工作: 创建一个MVC项目中,添加好xhEditor插件 相关用法:http://www.cnblogs.com/xcsn/p/4701497.html 注意事项:xhEditor分为v1.1.1 ...

  9. Java---网络编程(3)-TCP-互传文件和图片

    ☆ TCP 建立连接,形成传输数据的通道. 在连接中进行大数据量传输 通过三次握手完成连接,是可靠协议 必须建立连接,效率会稍低 Socket 和 ServerSocket类 TCP传输 TCP So ...

随机推荐

  1. 【Luogu】P2146软件包管理器(树链剖分)

    题目链接 上午跟rqy学了一道超难的概率题,准备颓一会,于是水了这么一道水题. 话说这题真的是模板啊.数据范围正好,描述特别贴近(都不给你绕弯子的),连图都给你画出来,就差题目描述加一句“树链剖分模板 ...

  2. Synergy 使用方法备忘

    Synergy 是 Symless 公司推出的「鼠标键盘共享软件」(mouse and keyboard sharing software),其功能还包括「共享剪贴板」(sharing clipboa ...

  3. LibreOJ2085 - 「NOI2016」循环之美

    Portal Description 给出\(n,m(n,m\leq10^9)\)和\(k(k\leq2000)\),求在\(k\)进制下,有多少个数值不同的纯循环小数可以表示成\(\dfrac{x} ...

  4. P1875 佳佳的魔法药水 (最短路,DP)

    题目链接 Solution 好题. 一开始一直在想怎么蛇皮建图,但是发现一直蛇不出来... 正解是用类似于 dijkstra 的算法对所有点进行松弛. 对于每个元素记录两个值: \(cost\) 代表 ...

  5. hdu 4353 统计点在三角形内的个数

    Finding Mine Time Limit: 6000/3000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Tota ...

  6. 我要好offer之 搜索算法大总结

    1. 二分搜索 详见笔者博文:二分搜索的那些事儿,非常全面 2. 矩阵二分搜索 (1) 矩阵每行递增,且下一行第一个元素大于上一个最后一个元素 (2) 矩阵每行递增,且每列也递增 3. DFS 深度优 ...

  7. [leetcode] permutations 排列

    写了两个,一个是直接的递归实现: class Solution { public: void swap(vector<int> &num,int left,int right) { ...

  8. WebRTC编译详细介绍 (转)

    WebRTC技术交流群:234795279   原文地址:http://blog.csdn.net/temotemo/article/details/7056581 WebRTC编译 本人环境: 操作 ...

  9. 解决 ecshop 搜索特殊字符关键字(如:*,+,/)导致搜索结果乱码问题

    病症:ecshop系统搜索会对搜索关键字进行分词,然后对关键字分词进行正则匹配,并且标红加粗处理,如果关键字分词有特殊字符,则正则匹配结果会导致乱码 解决方法: 1.找到特殊字符串数组:$ts_str ...

  10. js-禁止微信内置浏览器调整字体大小

    js方法: (function(){      if(typeof WeixinJSBridge=="object"&& typeof WeixinJSBridge ...