python前端模板_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"]

View Code

示例二：

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

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"]

View Code

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

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"]

View Code

关键字全局匹配

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)nullpattern.exec(text)

["JavaScript"]

pattern.exec(text)

["Java"]

pattern.exec(text)

["JavaBeans"]

pattern.exec(text)null

View Code

关键字分组全局匹配

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)nullpattern.exec(text)

["JavaScript", "Script"]

pattern.exec(text)

["Java", ""]

pattern.exec(text)

["JavaBeans", "Beans"]

pattern.exec(text)null

View Code

多行匹配：()

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"]

View Code

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

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)nullpattern.exec(text)

["JavaScript"]

pattern.exec(text)

["Java"]

pattern.exec(text)null

View Code

前端页面的模板套用：

1、EasyUI

使用时倒入CSS和jquery即可

2、jQueryUI

使用时倒入CSS和jquery即可

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

3、Bootstrap:

全寨式综合性

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

响应式

@media

写法：

@media (min-width:900px){

.c2{

background-color:red

}

}

我让页面宽度小于900像素后背景色变成红色

View Code

图标、字体

@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

importsocketdefhandle_request(client):

buf= client.recv(1024)

client.send("HTTP/1.1 200 OK\r\n\r\n")

client.send("Hello, Seven")defmain():

sock=socket.socket(socket.AF_INET, socket.SOCK_STREAM)

sock.bind((‘localhost‘,8000))

sock.listen(5)whileTrue:

connection, address=sock.accept()

handle_request(connection)

connection.close()if __name__ == ‘__main__‘:

main()

View Code

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程序：