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 = /Javaw*/; undefined pattern.exec(text) ["JavaScript"]
关键字二次匹配（分组匹配）
text = "JavaScript is more fun than Java or JavaBeans!" "JavaScript is more fun than Java or JavaBeans!" var pattern = /Java(w*)/; 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 = /Javaw*/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 = /Java(w*)/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 JavaBeans!" "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 Java or JavaBeans!" "JavaScript is more fun than Java or JavaBeans!" var pattern = /^Javaw*/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-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 ") 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项目，不要和其它项目都放到里面，这样导入模块时候会误导你的判断。
创建项目方法二：
这个比较简单，就是通过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>
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这个变量的值。所以提示用户名或密码错误！
