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. iOS开发,最新判断是否是手机号的正则表达式

    最近项目里需要判断是否为手机号并发送验证码的功能,一下是实现方法.不过这个方法还是有些不足,只能判断输入的11位数的号段是否正确,无法判断手机号是否存在.不过勉强可以使用! + (NSString * ...

  2. NOJ——1508火烧赤壁2(并查集+启发式合并+逆序加边)

    [1508] 火烧赤壁2 时间限制: 1000 ms 内存限制: 65535 K 问题描述 上次出了一道火烧赤壁的题目给当时的新生,也就是你们的上一届学长们做,那么这次,我又想到了另一个想法. 上次的 ...

  3. vue-resource发送multipart/form-data数据

    //add headers this.$http.post('/api', data, { headers: { 'Content-Type': 'multipart/form-data' } }) ...

  4. [BZOJ2045]双亲数(莫比乌斯反演)

    双亲数 Time Limit: 10 Sec  Memory Limit: 259 MBSubmit: 959  Solved: 455[Submit][Status][Discuss] Descri ...

  5. codeforces 446C DZY Loves Fibonacci Numbers 数论+线段树成段更新

    DZY Loves Fibonacci Numbers Time Limit:4000MS     Memory Limit:262144KB     64bit IO Format:%I64d &a ...

  6. 优化join语句

    Mysql4.1开始支持SQL的子查询.这个技术可以使用SELECT语句来创建一个单列的查询结果,然后把这个结果作为过滤条件用在另一个查询中.使用子查询可以一次性的完成很多逻辑上需要多个步骤才能完成的 ...

  7. 用Vue创建一个新的项目

    vue的安装 Vue.js不支持IE8及以下版本.因为Vue.js使用了ECMAScript5特性,IE8显然不能模拟.Vue.js支持所有兼容ECMAScript5的浏览器. 在用Vue.js构建大 ...

  8. 《Vim实用技巧》第2版读书笔记

    学习前的建议: 一.如果你需要一个功能强大的文本编辑器,速度飞快.使用方便.代码补全.编程强大.定制性强,Vim就是你需要的: 二.学习入门曲线陡峭,但是使用后期异常简单,效率超高: 三.号称可以跟上 ...

  9. Office文件上传自动生成缩略图-C#开发

    原文: http://www.knowsky.com/898407.html 上传office文件的时候需要将首页自动截图,用于显示文件列表的时候将文件第一页缩略图展示给用户.实现的方式有多种,这里给 ...

  10. IDEA查看源码时提示:Library source does not match the bytecode for class的问题分析

    通过Maven查看依赖的源码时,通常是Maven自动下载JAR包附属的source包,但是会出现一个问题,由于使用lombok插件会造成编写的Java文件和编译后的class上有差别,所以IDEA打开 ...