python自动化编程-第十八天

目录

  • JavaScript正则表达式
  • 分组
  • 全局匹配
  • 多行匹配
  • 示例
  • 表单验证
  • EsayUI
  • jQueryUI
  • BootStrap
  • 响应式
  • 图标、字体
  • 基本使用
  • web框架介绍
  • Django
  • 安装Django
  • Django创建工程
  • jdango目录结构
  • 创建app
  • 配置
  • 内容整理

JavaScript正则表达式

test - 判断字符串是否符合规定的正则表达式
exec - 获取匹配的数据

/.../ 用于定义正则表达式
/.../g 表示全局匹配
/.../i 表示不区分大小写
/.../m 表示多行匹配
JS正则匹配时本身就是支持多行,此处多行匹配只是影响正则表达式和$,m模式也会使用$来匹配换行的内容)

var pattern = /^Java\w*/gm;
var text = "JavaScript is more fun than \nJavaEE or JavaBeans!";
result = pattern.exec(text)
result = pattern.exec(text)
result = pattern.exec(text)

则只匹配第一个数字,并且返回的是数组;

分组

'\bwang(\w+)\b' 表示匹配单词的词首和词尾

就会匹配2到个:

  1. wang\w+
  2. \w+

全局匹配

'\bwang(\w+)\b/g' /g表示是全局匹配,但是每次拿一个;没有匹配的时候,返回null;

多行匹配

/.../m 表示多行匹配
默认就是多行匹配;但是只是将其当做一行数据来匹配;

加上/m以后,将每行的开头(/n),作为字符串的开头去匹配
^$,

示例

text='JavaScript is more fun than Java or JavaBeans!'
rep = /\bJava(\w+)\b/
rep.exec(text)
(2) ["JavaScript", "Script", index: 0, input: "JavaScript is more fun than Java or JavaBeans!", groups: undefined]


text='JavaScript is more fun than Java or JavaBeans!'
"JavaScript is more fun than Java or JavaBeans!"
rep = /\bJava\w+\b/g
rep.exec(text)
["JavaScript", index: 0, input: "JavaScript is more fun than Java or JavaBeans!", groups: undefined]
rep.exec(text)
["JavaBeans", index: 36, input: "JavaScript is more fun than Java or JavaBeans!", groups: undefined]
rep.exec(text)
null


rep = /^Java(\w+)/gm
rep.exec(text)
(2) ["JavaScript", "Script", index: 0, input: "JavaScript is more fun than Java or JavaBeans!", groups: undefined]
rep.exec(text)
null


rep = /^Java(\w*)/gm
rep.exec(text)
(2) ["JavaScript", "Script", index: 0, input: "JavaScript is more fun than ↵Java or JavaBeans!", groups: undefined]
rep.exec(text)
(2) ["Java", "", index: 29, input: "JavaScript is more fun than ↵Java or JavaBeans!", groups: undefined]
rep.exec(text)
null

默认事件先执行:
input checkbox,
自定义事件先执行:
input submit ,a,

表单验证

JS:简单验证
各种验证
长度,密码一致性,是否符合文字要求 \w等

$(':submit').click(function () {
            var flag = true;
            $(":text,:password").each(function () {
                    ……
                    return false
                }
            });
            return flag;
        })

后端:python实现

EsayUI

EasyUI官网 下载下来,看demo目录里面的东西,

ajax操作,学习代价太大

适合后台管理

jQueryUI

jQueryUI官网 下载下来,查看index

适合后台管理

BootStrap

css
js

BootStrap官网

主要使用的是3.0版本

适合全能型

响应式

<style>
@media (条件){
    css样式
}
</style>

图标、字体

@font-face,图标都保存成字体了
直接copy官网上的标签即可

基本使用

在head标签中里面的所有样式是有优先级的;
因此如果想让自己的css永远为最后生效的,需要加上!important

.c1{
    color:red; !important
}

轮播图插件
http://bxslider.com

web框架介绍

MVC
model view controller
数据库 模板文件 业务处理
MTV
model template view
数据库 模板文件 业务处理

Django就是mtv框架的;

Django

安装Django

pip3 install django

添加环境变量

Django创建工程

$ which django-admin
/Library/Frameworks/Python.framework/Versions/3.7/bin/django-admin

# chenzhuanglan @ chenzhuanglandeMacBook-Pro in ~ [12:10:11]
$ which django-admin.py
/Library/Frameworks/Python.framework/Versions/3.7/bin/django-admin.py

创建项目

# chenzhuanglan @ chenzhuanglandeMacBook-Pro in ~/OneDrive/learning/python/python_scripts/LearnPython/day18 [12:11:27]
$ django-admin startproject mysite

# chenzhuanglan @ chenzhuanglandeMacBook-Pro in ~/OneDrive/learning/python/python_scripts/LearnPython/day18 [12:11:40]
$ ls
bootstrap-3.3.7-dist  mysite                响应式.html
bootstrap.html        s1.html
jquery-easyui-1.5.5.4 web 框架

命令格式

djiango-admin startproject XXXX项目名称

开始运行

# chenzhuanglan @ chenzhuanglandeMacBook-Pro in ~/OneDrive/learning/python/python_scripts/LearnPython/day18 [12:11:42]
$ cd mysite

# chenzhuanglan @ chenzhuanglandeMacBook-Pro in ~/OneDrive/learning/python/python_scripts/LearnPython/day18/mysite [12:13:18]
$ ls
manage.py mysite

# chenzhuanglan @ chenzhuanglandeMacBook-Pro in ~/OneDrive/learning/python/python_scripts/LearnPython/day18/mysite [12:13:35]
$ python3 manage.py runserver
Performing system checks...

System check identified no issues (0 silenced).

You have 14 unapplied migration(s). Your project may not work properly until you apply the migrations for app(s): admin, auth, contenttypes, sessions.
Run 'python manage.py migrate' to apply them.

July 18, 2018 - 04:13:47
Django version 2.0.7, using settings 'mysite.settings'
Starting development server at http://127.0.0.1:8000/
Quit the server with CONTROL-C.

启动服务命令格式

python3 manage.py runserver 127.0.0.1:8001

jdango目录结构

# chenzhuanglan @ chenzhuanglandeMacBook-Pro in ~/OneDrive/learning/python/python_scripts/LearnPython/day18 [12:27:39]
$ tree mysite
mysite
├── db.sqlite3
├── manage.py # 管理Django程序
└── mysite    #对整个程序进行配置
    ├── __init__.py
    ├── settings.py  #配置文件
    ├── urls.py      #URL对应关系
    └── wsgi.py      # 遵循wsgi规范,提供scoket服务,uwsgi+nginx

注意:urls.py文件中的urlpatterns数据中的url中,如果匹配的字符串右边不带/,则再写HTML时,跳转的url中右边不需要带/;保持一致即可;

管理命令:
python3 manage.py
python3 manage.py startapp xx
python3 manage.py makemigrations
python3 manage.py migrate

抽屉
- 抽屉
- 配置
- 主站 app
- 后台管理 app

创建app

python manage.py startapp xxxxapp名

创建完成后,将 业务处理函数 放置在app目录下的views文件中;

cmdb
├── __init__.py
├── admin.py       # django为我们提供的后台管理
├── apps.py        # 配置当前app
├── migrations     # 数据库操作记录的目录,仅限表结构
│   └── __init__.py
├── models.py      # 创建数据库表/orm 写指定类,通过命令可以创建数据库结构
├── tests.py       # 测试目录
└── views.py       # 业务逻辑代码

配置

  1. 配置模板的路径
TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        # render的默认路径,有了DIRS就不用再写模板的具体路径了
        'DIRS': [os.path.join(BASE_DIR,'templates')],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]
  1. 配置静态目录
    所有静态文件的处理在settings中,在
STATIC_URL = '/static/' 

# 添加如下内容,所有css和js文件都放在static的目录中;
STATICFILES_DIRS =(
    os.path.join(BASE_DIR,'static'),
)

urls.py文件中url的字符串中,最后如果没有/,那么form表单中的action也不要加/

内容整理

  1. 创建django工程
    django-admin startproject 工程名
  2. 创建app
    cd 工程名
    python manage.py startapp cmdb
  3. 静态文件
    project.settings.py
    STATICFILES_DIRS = (
    os.path.join(BASE_DIR,'static'),
    )
  4. 模板路径
    DIRS ==》[os.path.join(BASE_DIR,'templates'),]
  5. settings中
    middlerware
    #注释 csrf
  6. 定义路由规则
    urls.py
    "login" --》函数名
    可以定义app的urls路径
    在工程名下的urls.py中配置 re_path(r"cmdb/",include("app01.urls")),
    在app01的app目录下,拷贝urls.py文件,修改urloatterns;
urlpatterns = [
    path('login', views.login),
    path('orm', views.orm),
    path('index', views.index),
    path('user_info', views.user_info),
    path('user_group', views.user_group),
    re_path(r'userdetail-(?P<nid>\d+)',views.user_detail),
    re_path(r'userdel-(?P<nid>\d+)',views.user_del),
    re_path(r'useredit-(?P<nid>\d+)',views.user_edit),
]
  1. 定义视图函数
    app下views.py
def func(request):
    request.method   GET/POST
    
    https://127.0.0.1:8000/home?nid=123&name=alex
    request.GET.get("",None) #获取请求发来的数据
    request.POST.get("",None)
    
    
    return HttpResponse('字符串')
    return render(request,'html模板路径')
    return redirect('/url的路径') #只能填url,前面的/代表域名
  1. 模板渲染
    特殊的模板语言
    for循环中,在取值时使用索引取值,列表就是使用数字,.0,.1,.2等
    判断
{% if age %}
    <a>有年龄</a>
    {% if age > 16 %}
        <a>xxx</a>
    {% elif age > 30 and age < 100 %}

    {% endif %}
{% else %}
    <a>无年龄</a>
{% endif %}