BBS-基于用户认证组建和Ajax实现登陆验证

功能1: 基于用户认证组件和Ajax实现登录验证(图片验证码)

总结：
1 一次请求伴随多次请求

2 PIL

3 session存储

4 验证码刷新

步骤：

1、配置静态文件夹

settings.py

STATICFILES_DIRS=[
    os.path.join(BASE_DIR,"static"),
]

 ---

登录页面的设计

label标签的id属性,点击label标记，相当于点击了input框
 
bootstarp样式
    class="form-group"
    class="form-control"

Bootstrap 表单

Bootstrap 提供了下列类型的表单布局：

垂直表单（默认）
内联表单
水平表单
垂直或基本表单
基本的表单结构是 Bootstrap 自带的，个别的表单控件自动接收一些全局样式。下面列出了创建基本表单的步骤：

向父 <form> 元素添加 role="form"。
把标签和控件放在一个带有 class .form-group 的 <div> 中。这是获取最佳间距所必需的。


向所有的文本元素 <input>、<textarea> 和 <select> 添加 class ="form-control" 。

form-control

表单控件加上类form-control后，效果为：

宽度为100%

设置边框为浅灰色

控件具有4px的圆角

设置阴影效果，元素得到焦点时，阴影和边框效果会发生变化

设置placeholder的颜色为#999

View Code