Python之路-(js正则表达式、前端页面的模板套用、Django基础)

js正则表达式

前端页面的模板套用

Django基础

js正则表达式:

1、定义正则表达式

  • /.../  用于定义正则表达式
  • /.../g 表示全局匹配
  • /.../i 表示不区分大小写
  • /.../m 表示多行匹配

  登录注册验证:

    test:

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

        rep = /\d+/;   (定义规则)

        rep.test(‘‘)   (引号里面必须包含字母和数字才返回true,否则为false)

        rep = /^\d+$/; (只有是纯数字时候才返回true,否则是false)

    exec:

      获取匹配的数据

示例一:

rep = /\d+/;
/\d+/
str = ‘hehe_99_ddd_33_gg‘
"hehe_99_ddd_33_gg"
rep.exec(str)
["99"]
rep.exec(str)
["99"]
rep.exec(str)
["99"]

示例二:

关键字只匹配开头的一个关键字

text = "JavaScript is more fun than Java or JavaBeans!"
"JavaScript is more fun than Java or JavaBeans!"

var pattern = /\bJava\w*\b/;
undefined

pattern.exec(text)
["JavaScript"]

关键字二次匹配(分组匹配)

text = "JavaScript is more fun than Java or JavaBeans!"
"JavaScript is more fun than Java or JavaBeans!"
var pattern = /\bJava(\w*)\b/;
undefined
pattern.exec(text)
["JavaScript", "Script"]

关键字全局匹配

text = "JavaScript is more fun than Java or JavaBeans!"
"JavaScript is more fun than Java or JavaBeans!"
var pattern = /\bJava\w*\b/g;
undefined
pattern.exec(text)
["JavaScript"]
pattern.exec(text)
["Java"]
pattern.exec(text)
["JavaBeans"]
pattern.exec(text)
null
pattern.exec(text)
["JavaScript"]
pattern.exec(text)
["Java"]
pattern.exec(text)
["JavaBeans"]
pattern.exec(text)
null

关键字分组全局匹配

text = "JavaScript is more fun than Java or JavaBeans!"
"JavaScript is more fun than Java or JavaBeans!"
var pattern = /\bJava(\w*)\b/g;
undefined
pattern.exec(text)
["JavaScript", "Script"]
pattern.exec(text)
["Java", ""]
pattern.exec(text)
["JavaBeans", "Beans"]
pattern.exec(text)
null
pattern.exec(text)
["JavaScript", "Script"]
pattern.exec(text)
["Java", ""]
pattern.exec(text)
["JavaBeans", "Beans"]
pattern.exec(text)
null

多行匹配:()

text = "JavaScript is more fun than Java or \nJavaBeans!"
"JavaScript is more fun than Java or
JavaBeans!"
var pattern = /^Java(\w*)/gm;
undefined
pattern.exec(text)
["JavaScript", "Script"]
pattern.exec(text)
["JavaBeans", "Beans"]

多行匹配:(只匹配每行开始的关键字,不进行二次分组匹配)

Regex

Hide network messages
All
Errors
Warnings
Info
Logs
Debug
Handled

text = "JavaScript is more fun than \nJava or JavaBeans!"
"JavaScript is more fun than
Java or JavaBeans!"
var pattern = /^Java\w*/gm;
undefined
pattern.exec(text)
["JavaScript"]
pattern.exec(text)
["Java"]
pattern.exec(text)
null
pattern.exec(text)
["JavaScript"]
pattern.exec(text)
["Java"]
pattern.exec(text)
null

前端页面的模板套用:

    1、EasyUI

      使用时倒入CSS和jquery即可

    2、jQueryUI

      使用时倒入CSS和jquery即可

    

    上面两种都是比较散的功能,偏向于后台管理。

    3、Bootstrap:

      全寨式综合性

    4、Bootstrap开源模板,网上多的去了。

      

      响应式
        @media

写法:
@media (min-width:900px){
  .c2{
    background-color:red
    }
}
我让页面宽度小于900像素后背景色变成红色

      图标、字体
        @font-face

        指定使用哪个字体文件,一般在bootsrap里面找到图标文件,直接复制html中的代码,占到自己的html中即可。

      bootrap导入方法:

      1、下载bootrap文件。

      2、导入方式

WEB框架:

  转载于老男孩教育银角大王的web架构篇:http://www.cnblogs.com/wupeiqi/articles/5237672.html

  本质:

    众所周知,对于所有的Web应用,本质上其实就是一个socket服务端,用户的浏览器其实就是一个socket客户端。

#!/usr/bin/env python
#coding:utf-8

import socket

def handle_request(client):
    buf = client.recv(1024)
    client.send("HTTP/1.1 200 OK\r\n\r\n")
    client.send("Hello, Seven")

def main():
    sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
    sock.bind((‘localhost‘,8000))
    sock.listen(5)

    while True:
        connection, address = sock.accept()
        handle_request(connection)
        connection.close()

if __name__ == ‘__main__‘:
    main()

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

  MTV

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

Django基础:

 准备环境:

  python环境变量

  pip环境变量添加

 1、安装

  pip3 install django

  安装完成以后,在pip这个Scripts目录会生成两个文件。

  

  

  创建项目方法一:

  1、创建项目

   django-admin.exe startproject mysite

  2、运行项目

    进入到生成的项目目录,

    例如:

      cd mysite  (这个项目下面有个manage.py文件,用python执行它即可启动)

      python manage.py runserver

    

    

    注意:有人会说了,你这个创建完怎么跟pip文件一个目录下,这样不方便,那怎么弄呢,下面我看。

    上面我们创建了pip文件的环境变量,刚好django两个文件也生成到了里面,这样我们可以把项目生成到其它盘里。

    例如:我们要放到D盘根目录里。

      1、进入D盘里面

      2、生成项目

      

    推荐在pycharm里面只打开一个django项目,不要和其它项目都放到里面,这样导入模块时候会误导你的判断。

    

     3、一般一个项目里面有很多的业务线,例如资产管理、监控、后台管理等等,这样的话我们需要一个业务线(app),需要在project里面单独给一个业务线创建一个app。

    建议,进入项目名称的同级目录,然后执行生成命令。

    python manager.py startapp cmdb

    python manager.py startapp openstack

    python manager.py startapp moniter

    

    

    项目文件介绍:
      - mysite # 对整个程序进行配置
        - init
        - settings # 配置文件
        - url # URL对应关系
        - wsgi # 遵循WSIG规范,uwsgi + nginx
      - manage.py # 管理Django程序:

  

时间: 2024-10-12 20:28:35

Python之路-(js正则表达式、前端页面的模板套用、Django基础)的相关文章

Python之路【第十六篇】:Django【基础篇】

Python之路[第十六篇]:Django[基础篇] Python的WEB框架有Django.Tornado.Flask 等多种,Django相较与其他WEB框架其优势为:大而全,框架本身集成了ORM.模型绑定.模板引擎.缓存.Session等诸多功能. 基本配置 一.创建django程序 终端命令:django-admin startproject sitename IDE创建Django程序时,本质上都是自动执行上述命令 其他常用命令: python manage.py runserver

python 自动化之路 day 18 前端内容回顾、补充/Django安装、创建

前端回顾: 整体: - HTML - CSS - JavaScript - 基本数据类型 - for,while.. - DOM - obj = document.getElementById('..') - obj.innerHtml - BOM: - setInterval... ----> 可以完成所有操作 <---- - jQuery: - 选择器 $('#') $('.') - 筛选器 $('#').find('') - 内容或属性 - $('#i1').val() input系列,

百万年薪python之路 -- JS基础介绍及数据类型

JS代码的引入 方式1: <script> alert('兽人永不为奴!') </script> 方式2:外部文件引入 src属性值为js文件路径 <script src="test.js"></script> 变量声明 变量名是区分大小写的. 推荐使用驼峰式命名规则.首字母大写 保留字不能用做变量名. 声明前要加var关键字. var a = 1; 加var定义的变量是全局变量,在函数里定义会是局部变量 不加定义的变量不管在哪,都是全局

百万年薪python之路 -- JS的BOM与DOM对象

BOM对象 location对象 location.href 获取URL location.href="URL" // 跳转到指定页面 location.reload() 重新加载页面,就是刷新一下页面 定时器 1. setTimeOut() 一段时间之后执行某个内容,执行一次 示例 var a = setTimeout(function f1(){confirm("are you ok?");},3000); var a = setTimeout("co

Python之路day13 web 前端(JavaScript,DOM操作)

参考链接:http://www.cnblogs.com/wupeiqi/articles/5433893.html day13 1. CSS示例 2. JavaScript 3. DOM操作 上节内容回顾: 1. HTML标签 html/head/body/ input div,span a p br span table > tr行 th表头列 td表头列 h form> action method enctype=;;; select option input系列: text passwo

【Python之路Day16】前端知识篇之Dom、JQuery

Dom 文件对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口. DOM编程:可以操作html所有的标签,进行找.操作!他也是javascript的一部分 1.查找元素: 直接查找 document.getElementById('id')  查找指定的id,然后我们可以进行操作 <body> <div id ='id1'> hello </div> <script type="text

python之路之正则表达式

匹配格式^ 匹配字符串的开头$ 匹配字符串的结尾. 除了换行符外的所有字符[...] 用来表示一组字符,,单独列出:[amk]匹配'a','m'或'k'[^..] 不在[]中的字符:[^abc]匹配除了a,b,c之外的字符* 匹配0个或多个+ 匹配1个或多个? 匹配0个或1个由前面的正则表达式定义的片段,非贪婪方式{n,} 精确匹配n个前面的表达式{n,m} 匹配n到m次由前面的正则表达式定义的片段,贪婪方式a|b 匹配a或b() 匹配括号内的表达式,也表示一个组\w 匹配字母数字\W 匹配非字

【Python之路Day15】前端知识篇之JavaScript

基础 JavaScript是Web编程语言,由浏览器来编译并运行,现在基本上所有的HTML页面都使用JavaScript. JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器.PC.笔记本电脑.平板电脑和智能手机等设备. 为什么学习 JavaScript? JavaScript web 开发人员必须学习的 3 门语言中的一门: HTML 定义了网页的内容 CSS 描述了网页的布局 JavaScript 网页的行为

python之路---24 正则表达式 re模块

一.正则表达式 1.字符组 ① [abc] 匹配a或b或c ②  [a-z] 匹配a到z之间的所有字? [0-9]匹配所有阿拉伯数字 2.元字符 3.量词 4.重要搭配 ①  .*? ②  .*?x        找到下?个x为     ③  (?: 正则表达式)    非优先 5.分组 在正则中使?()进?分组. ?P<name>      对分组进行起名字 6.转义 r"正则表达式" 二.   re模块 1. findall 查找所有. 返回list .findall(