day18 js 正则,UI框架,Django helloworld 以及完整工作流程

时间:2023-03-08 18:59:22
JS正则:
   text     判断字符串是否符合规定的正则表达式
   exec    获取匹配的数据
默认情况下:
只要能匹配到就返回true 否则返回false
day18 js 正则,UI框架,Django helloworld 以及完整工作流程

只匹配数字:

 day18 js 正则,UI框架,Django helloworld 以及完整工作流程

所以JS 正则的使用方式:

1 写一个满足需求的js正则匹配式

2 使用test来验证是否符合

那么如果我们想获取里面的数据该怎么办呢?

exec:

默认只拿第一个

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

使用分组:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

全局匹配:

注意:会从开始一直匹配,每次匹配一个,直到匹配完,会返回一个null 然后再匹配的话会从头重新开始

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

全局使用分组:

每次返回两个值,第一个为匹配的,第二个为去除正则后的数据

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

复习下正则:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

多行匹配:
默认:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

 使用多行匹配:
会把每一行的开头都作为一个字符串的开头来匹配,尽管这是一个字符串!

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

这里再声明一下,使用自定义动作的时候一定要加上return  才能取消自带的动作

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

对于checkbox 来说,默认事件先执行,然后才执行自定的事件

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

完整验证过程:

 1 js 前端验证  (可以禁用,一旦禁用,只能靠后端验证)
 2 后端python 验证

学习框架:

已知的有

1 jQuery UI

2 Bootstrap

BootStrap 可适用于前端展示及后端管理的都可以

响应式布局效果:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

在修改别人的插件的时候,要更改东西的时候就使用 important 表名最重要的!!! 这样就不关心前后顺序了

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

各种轮播图等、  都有插件

所有web框架的本质:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

使用一个模块,使用python3

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

python 3 中三种方式转换为字节:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

判断客户端的请求路径

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

使用字典形式,省去做if 判断:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

从文件中返回数据:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

分开写:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

所谓各种名词 就是下面的框架:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

开始 Django

1 安装

2 创建工程

3 运行

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

访问:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

添加一个自定义的url

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

实践:
修改 urls.py
from django.conf.urls import url
from django.contrib import admin
from django.shortcuts import HttpResponse
def home(request):
return HttpResponse('<h1>Frist</h1>')
urlpatterns = [
url(r'^admin/', admin.site.urls),
url(r'^home/', home),
]

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

写一个时间更新的页面:

from django.conf.urls import url
from django.contrib import admin
from django.shortcuts import HttpResponse
def time(request):
import time
info = time.ctime()
return HttpResponse(['<h1>时间服务器</h1>',info])
urlpatterns = [
url(r'^admin/', admin.site.urls),
url(r'^time/', time),
]

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

创建一个网站的多个app用来处理不同的事情:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

实践:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

然后把逻辑代码放到新的目录里:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

修改urls:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

访问:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

app目录的详细解释:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

一行实现读取文件:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

文件是通过配置里的目录来配置的,不然找不到文件的

 实践:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

1 编写登陆逻辑函数

from django.shortcuts import HttpResponse
from django.shortcuts import render
def login(request):
return render(request,'login.html')
def time(request):
import time
info = time.ctime()
return HttpResponse(['<h1>时间服务器</h1>',info])

2 编写登陆页面

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
label{
width: 80px;
text-align: right;
display: inline-block;
}
</style>
</head>
<body>
<form action="/login" method="post">
<p>
<label for="username">用户名:</label>
<input id="username" type="text" />
</p>
<p>
<label for="password">密码:</label>
<input id="password" type="text" />
<input type="submit" value="提交" />
</p>
</form>
</body>
</html>

3添加路由

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

4 检查配置

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

5 启动并测试

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

静态文件配置:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

创建Django app 后首先需要操作:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

使用静态文件:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

实践:
1 创静态目录

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

2  修改配置文件,添加静态文件目录

STATIC_URL = '/static/'
STATICFILES_DIRS = (
os.path.join(BASE_DIR,'static'),
)

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

3  添加静态文件

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

4  修改html中的引用

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

5 测试

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

注释掉跨站 csrf:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

 判断用户是GET 还是POST

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

 获取用户提交的信息:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

判断数据:
如果需要跳转需要用到redirect 模块,需要导入:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

Django特有的数据交互方式:
用户登陆信息不正确后返回一个错误信息

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

程序里写:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

 完整的基本的用户名密码认证:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

实践:

1 修改html 增加name 在POST 提交的时候才能分辨是什么内容,添加Django 特有的替换字符串的变量

action 的url 要和urls 里配置的一样,要么都有/ 要么都没有,不然会报错。

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

2 程序添加判断请求方式,获取输入的数据,并判断是否正确

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

3 实验:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

在html 页面中使用for 循环来生成网页信息:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

 获取数据并添加到当前页面:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

HTML页面:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

实践:
1 添加静态页面,并做可以for 循环的页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body style="margin: 0">
<div style="height: 48px;background-color: #dddddd"></div>
<div>
<form action="/home" method="post">
<input type="text" name="username" placeholder="用户名" />
<input type="text" name="email" placeholder="邮箱"/>
<input type="text" name="gender" placeholder="性别"/>
<input type="submit" value="添加" />
</form>
</div>
<div>
<table>
{% for row in user_list %}
<tr>
<td>{{ row.username }}</td>
<td>{{ row.gender }}</td>
<td>{{ row.email }}</td>
</tr>
{% endfor %}
</table>
</div>
</body>
</html>

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

2 添加路由并添加处理的函数

urls

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

业务逻辑函数

USER_LIST =[
{'username':'alex','email':'abc@12.com','gender':'男'},
{'username':'alex','email':'abc@12.com','gender':'男'}
]
def home(request):
if request.method == 'POST':
#在request中获取用户提交的数据
u = request.POST.get('username')
e = request.POST.get('email')
g = request.POST.get('gender')
temp = {'username':u,'email':e,'gender':g}
USER_LIST.append(temp)
return render(request,'home.html',{'user_list':USER_LIST})

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

3 启动并测试

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

重新打开页面也还有数据,但是重启程序就没有了,所以需要把数据写到存储中,例如写入redis 中,就可以持久化了

经过以上一些实践,我们大概了解了Djanago 的工作方式,下面还Django的处理流程及部件组成图:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

回顾一下以上的内容,做一个整理:

Django的程序完成开发流程:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

模板语言的语法:

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

if 也可以嵌套,直接在里面写,但是要记得写上结尾符

day18 js 正则,UI框架,Django helloworld 以及完整工作流程

EOF