使用外部web组件-----easyUI、jQueryUI、Bootstrap、js正则表达式

最新推荐文章于 2024-10-08 12:37:10 发布

weixin_30549657

最新推荐文章于 2024-10-08 12:37:10 发布

阅读量83

点赞数

文章标签： python 测试 java

原文链接：http://www.cnblogs.com/wt11/p/6136264.html

版权

1.使用外部web组件,以Bootstrap为例

<head>

　　<link rel='stylesheet' href='bootstrap-3.3.0-dist/dist/css/bootstrap.css' / > 导入主要的css文件

　　<style>

　　　　.ss{

　　　　　　color:red; !important; 如果对某个样式做些修改，在这里定义自己的样式，并加上！important,表示该样式优先

　　　　　　}

　　</style>

</head>

<body>

　　<div >

　　 bootstrap代码{class='ss'#添加的自己的样式

　　　　　　　　　　　　}

　　</div>

　　<script src='jQuery-1.12.4.js'></script> 导入jQuery文件，Bootstrap依赖于jQuery

　　<script src='bootstrap-3.3.0-dist/dist/js/bootstrap.js'></script> 导入js文件

</body>

2.响应式布局,当页面最小宽度小于900px时，背景色变为红色

<style>

　　@media (min-width:900px) {

　　　　.c1{只需要在下边body中class=‘c1即可’

　　　　　　　background-color:red;

　　　　　　}

</style>

3.web框架原理 http://www.cnblogs.com/wupeiqi/articles/5237672.html

 1 import socket
 2 def handle_request(client):
 3     buf = client.recv(1024)
 4     client.send('HTTP/1.1 200 ok\r\n\r\n')
 5     client.send('hello,world')
 6 def main():
 7     sock = socket.socket(socket.AF_INET,socket.SOCK_STREAM)
 8     sock.bind(('localhost',8000))
 9     sock.listen(5)
10     while True:
11         conn, addr = sock.accept()
12         handle_request(conn)
13         conn.close()
14 if __name__ == 'main':
15     main()

View Code

Python封装的web服务器

#coding:utf-8
 
from wsgiref.simple_server import make_server
 
def RunServer(environ, start_response):
    #envision：客户端发来的所有数据
    #start_response:封装要韩会给用户的所有数据，包括响应头、状态码等
    start_response('200 OK', [('Content-Type', 'text/html')])
    url = environ['PATH_INFO']  #获取客户端发来的数据中的url
    return ['<h1>Hello, web!</h1>'.encode('utf-8'),]
 
if __name__ == '__main__':
    httpd = make_server('', 8000, RunServer)
    print("Serving HTTP on port 8000...")
    httpd.serve_forever()

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

MTV

Model Template View
数据库模板文件业务处理
############## WEB：MVC、MTV

3.js正则表达式

test   - 判断字符串是否符合规定的正则
        rep = /\d+/;
        rep.test("asdfoiklfasdf89asdfasdf")
        # true
        
        rep = /^\d+$/;
        rep.test("asdfoiklfasdf89asdfasdf")
        # true
        
    exec   - 获取匹配的数据
        rep = /\d+/;
        str = "wangshen_67_houyafa_20"
        rep.exec(str)
        # ["67"]
        
        JavaScript is more fun than Java or JavaBeans!
        var pattern = /\bJava(\w*)\b/;
        # ["JavaScript", "Script"]
        
        
        JavaScript is more fun than Java or JavaBeans!
        var pattern = /\bJava\w*\b/g;
        # ["JavaScript"]
        # ["Java"]
        # ["JavaBeans"]
        # null
        
        JavaScript is more fun than Java or JavaBeans!
        var pattern = /\bJava(\w*)\b/g;
        # ["JavaScript",'Script']
        # ["Java", ""]
        # ["JavaBeans", "Beans"]
        # null
        
    多行匹配：
        默认就是多行匹配
        ^$
   - 登录注册验证
        默认事件先执行：
            checkbox
        自定义先执行
            a
            submit
            ...
        <form>
            
            <input type='type' />
            <input type='password' />
            <input type='submit' />
            
        </form>
   
        $(':submit').click(function(){
            
            $(':text,:password').each(function(){
                ...
                return false;
            })
            return false;
        })   
   
        input,checbox
   
    ================================== 验证 ================================
    JS： 验证
         
         各种验证
         
            $(':submit').click(function(){
                
                $(':text,:password').each(function(){
                    ...
                    return false;
                })
                return false;
            })   
    
    
    后端：python实现
    
    业务处理
    ....