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)
null
pattern.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)
null
pattern.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)
null
pattern.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
  
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()
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项目，不要和其它项目都放到里面，这样导入模块时候会误导你的判断。

 

创建项目方法二：

 

　　　　这个比较简单，就是通过pycharm帮我们创建项目。

　　

　　

 

　　

　　怎么样，是不是省了很多事儿。

 

 

 

 

 

创建业务线：

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

 　　

更改项目的IP及端口号：

 

 

 

上面我们说了，每个业务线创建一个app目录，那么下面我们了解一下app目录的作用

 

业务线目录介绍：

　　app：
　　　　migrations 　　 　 数据修改表结构（记录数据库表结构操作，类似于日志）
　　　　admin Django　　为我们提供的后台管理
　　　　apps 　　 　　　　 配置当前app
　　　　models ORM,　　  写指定的类 通过命令可以创建数据库结构  （数据库操作在这里）
　　　　tests 　　 　　　　单元测试　　　　　　　　（tests故名思议就是测试）
　　　　views 　　            业务代码　　　　　　　　（这里就是我们app里面所有功能实现的地方）

 

 

上面我们说了，创建django项目（工程）和app（业务线），但是我们每个项目的html文件和css样式文件及jquery文件放哪呢，下面我们来看。

例如我们要做这样一个网站：

 

　　1、首先用户打开网页的时候会向django服务发出请求，去urls.py里面查找有没有：

我们需要在项目里面的urls里查看有没有这个后缀的html文件。

2、然后这个页面肯定是一个app的界面，我们需要在这里导入一下app程序目录。

这个目录在哪里呢，我们去app里面找views这个文件。

 

　　 我们让用户发送请求的时候给用户返回一个HOME，所以这里需要做两件事，一是导入HttpResponse模块，然后写一个方法，让它给用户返回一个HOME，注意看，上面urls里面写的是127.0.0.1/home的时候的这个home就是urls里面前面的home，后面写的是这个方法在哪里，

注意看，是在views下的home方法里，所以这里就告诉程序如果用户方法127.0.0.1/home时候，去views下的home方法里去找要给用户返回的信息。这里我们给用户直接返回了一个HOME，当然这里也可以返回html文件，但是这么写不规范。

 

　　那会有人会说，我给用户要返回html内容，一并肯定还有CSS样式和jquery文件。那这么弄呢，下面我们来看：

　　这里我们必须建立一个static目录和一个templates目录。

　　

　　static里面存放CSS样式和jquery文件。

　　templates里面我们方法html文件。

　　那又有人会问了，我直接在app里面写html和css及jquery不行吗？我暂时只能告诉你NO。

　　下面我们去告诉程序，我的这3个文件都在哪。

　　上面我们说了项目生成后会有一个setting.py文件，这个文件是做配置的，对，我们现在就用到了它。

　　

　　一般用pycharm生成的项目，这里自动回有，但是用命令行生成的项目，有时候可能跟版本有关系，所以这里必须要检查，没有就添加。找到了静态文件的路径，那还有CSS和jquery呢，下面我们来看。

　　

　　上面这个图还是在setting.py里面配置，告诉程序我的CSS和jquery在哪。都告诉了，那我们还缺个html文件。

html文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="/static/commons.css" />
</head>
<body style="background-color: #eeeeee">
    <form action="login" method="post">
        <p>
            <label for="username">用户名：</label>
            <input id="username" type="text">
        </p>
        <p>
            <label for="userpwd">密码：</label>
            <input id="userpwd" type="text">
            <input type="submit" value="提交">
        </p>
    </form>
    <script src="/static/jquery.min.js"></script>
</body>
</html>
View Code

 

 CSS样式：

准备齐活了吗？NO，用户访问的时候还是会先去urls.py里面查，那里也需要添加。

　　只告诉程序有127.0.0.1/login这个url可不行，我们得让django把我们上面写的页面返回给用户。

　　这里我们需要导入django.shortcuts下的render

 

　　不知道你发现了没，就这么把login.html发送给了用户，程序怎么知道login.html在哪里吗，回答是当然知道。上面我们在项目的setting.py文件里面已经告诉了django程序，我所有的html文件都在templates里面。所以程序肯定能找到。

 　　效果：

　　

　　

　　我必须能瞎点击，我点击一下提交（后台我没有做任何的判断）

　　

　　我擦，这是怎么鬼，听老师说以后讲，这叫跨站伪造。先不管我就不想看到它，怎么办呢。我们还得去setting.py文件里面设置。

　　注释掉这行即可。

　　

　　现在就使劲点击提交，提交到天荒地老也不会有任何返回。

　　但是你要是写点东西进去往后台提交，后台也能收的到，看看后台提醒我们什么了，每条信息都是一条记录。

　　

 

 　　下面我们来写一个基本用户登录验证：

　　

　　我们在提交的下面加一个span标签，当用户输入密码错误的时候返回信息。

　　首先，我们在html中已经设置了，使用POST的方式提交表单，所以这里需要加判断，if用户用POST方式提交方式后，获取用户名和密码（注意表单中name的名字一定要和html中的name一致）

　　然后，获取到了用户名和密码后跳转到百度页面。

　　最后，返回错误信息给用户：

　　　　我们在html中使用了{{error_msg}}方法：

　　　　　　首先，第一次用户获取html文件时候后台我们给error_msg设置了一个error_msg等于空的（所以不显示），有人说你里面不是写了内容是“用户名或密码错误”吗？答案是No.用户获取html页面时候是以GET方式获取并没有走if判断，所以error_msg为空。（刷新页面都是以GET方式获取数据的）

　　　　　　然后，我们在html中设置了以POST方式提交表单，所以这里当用户点击提交按钮的时候肯定会走if条件判断。当用户名正确就直接跳转到百度首页，否则，赋值给error_msg=‘用户名或密码错误’,最后return时候会让html中的error_msg就等于error_msg这个变量的值。所以提示用户名或密码错误！

　　

 

posted @ 2016-12-04 21:52  Charles.L  阅读(4893)  评论(0)  编辑  收藏  举报