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】P3047附近的牛(树形DP)

    题目链接 树形DP,设f[i][j]是当前在i点,j步之内有多少牛.从相邻点to的f[to][j-1]转移而来,减去重复计算即可. #include<cstdio> #include< ...

  2. BZOJ 4868 [Shoi2017]期末考试 ——三分 枚举

    考场上xjb三分过掉了. 然后$sdfzyhx$.$silvernebula$ $O(n)$虐掉了. 我还是太菜了 #include <cstdio> #include <cmath ...

  3. iOS-多线程(3)

    多线程之GCD(grand central dispatch)中心调度 为了简化多线程的操作,iOS为我们提供了GCD来实现编程. 使用GCD只要遵守两个步骤即可: 创建对列(串行队列,并行队列) 将 ...

  4. [bzoj1095][ZJOI2007]Hide 捉迷藏 点分树,动态点分治

    [bzoj1095][ZJOI2007]Hide 捉迷藏 2015年4月20日7,8876 Description 捉迷藏 Jiajia和Wind是一对恩爱的夫妻,并且他们有很多孩子.某天,Jiaji ...

  5. SPOJ CIRU The area of the union of circles

    You are given N circles and expected to calculate the area of the union of the circles ! Input The f ...

  6. net4:MultiView(view)行为中的commmandname与commmandargument,ListBox的使用及移动操作

    原文发布时间为:2008-07-29 -- 来源于本人的百度文章 [由搬家工具导入] using System;using System.Data;using System.Configuration ...

  7. vue2.0组件入门

    如何定义一个组件 在根目录src/components/文件夹下新建组件的文件夹Footer.vue组件 在Footer.vue中 <template> <div class=&qu ...

  8. (12)ubunto 快捷键

    -----------------------------------------------------vi快捷键------------------------------------ 指令模式: ...

  9. [Machine Learning with Python] Data Visualization by Matplotlib Library

    Before you can plot anything, you need to specify which backend Matplotlib should use. The simplest ...

  10. 洛谷——P2527 [SHOI2001]Panda的烦恼

    P2527 [SHOI2001]Panda的烦恼 题目描述 panda是个数学怪人,他非常喜欢研究跟别人相反的事情.最近他正在研究筛法,众所周知,对一个范围内的整数,经过筛法处理以后,剩下的全部都 ...