首页 > 代码库 > day20 project+查看新闻列表 + 点赞 + 图片验证码 + 评论和多级评论 + 后台管理 + webSocket + kindEditor
day20 project+查看新闻列表 + 点赞 + 图片验证码 + 评论和多级评论 + 后台管理 + webSocket + kindEditor
Day20
回顾:
1. 请求生命周期
2. 中间件
md = [
"file_path.classname"
]
process_request【可有可无】 process_response【必须有】
process_request process_response
process_request process_response
process_request process_response
process_request process_response
路由->函数
3. 路由系统
a. /index/ -> func
b. /index/(\d+) -> func()
c. /prev/ -> include(‘xxx.urls‘)
d. /detail/ -> func n1
{% url n1 %}
reverse(‘n1‘)
4. 视图函数
a. FBV
def index(request):
request.POST
request.GET
request.method
request.FILES
request.body
request.COOKIE
request.session
request.path_info
request...
return render
return redirect
return HttpResponse
b. CBV
class Foo(view):
def dispatch
pass
def get
...
5. 模板引擎渲染
a. Django后台完成渲染所有工作
b. 字典,元组,列表: .
c. simple_tag
6. 数据库操作
pymysql
- 自己写SQL语句
ORM
- 类和对象完成数据库所有操作
- 创建类
- 单表
- 一对一
- 一对多
- 多对多
- 操作:
...
7. 分页
8. Ajax提交
$.ajax({
url:
type:
data:
dataType:
headers:
success:function(arg){
}
})
9. Django Form组件
class:
字典 = ()
obj = Foo(reqest.GET)
obj.is_valid()
10. 序列化
11. 其他:
csrf
缓存
信号
今日内容:
1. project
填充数据(admin):
admin.py
from repository import models
admin.site.register(models.UserInfo)
admin.site.register(models.Comment)
admin.site.register(models.Favor)
admin.site.register(models.News)
admin.site.register(models.NewsType)
创建用户
python manage.py createsuperuser
root
root!23456
浏览器:
http://127.0.0.1:8000/admin
admin中显示:
class News(models.Model):
nid = models.AutoField(primary_key=True)
user_info = models.ForeignKey(‘UserInfo‘)
class Meta:
verbose_name_plural = ‘新闻‘ # 表名称
def __str__(self):
return self.title # 行显示内容
验证码:
1. pip3 install Pillow
2. check_code.py 和 Monaco.ttf【项目跟目录】
3. <img src=http://www.mamicode.com/‘/xxxxxx/‘>
4.
def xxxxx(request):
img_obj, code = ac.create_validate_code()
stream = BytesIO()
img_obj.save(stream,‘png‘)
request.session[‘check_code‘] = code
return HttpResponse(stream.getvalue())
2. 查看新闻列表
3. 点赞
后端:
前端:
position: relative; absolute;
function ZMM(ths,txt) {
var fontSize = 5;
var left = 5;
var top = 5;
var opacity = 1;
var tag = document.createElement(‘span‘);
tag.innerHTML = txt;
tag.style.position = "absolute";
tag.style.fontSize = fontSize + ‘px‘;
tag.style.left = left+ ‘px‘;
tag.style.top = top+ ‘px‘;
tag.style.opacity = opacity;
$(ths).append(tag);
var obj = setInterval(function () {
fontSize = fontSize + 5;
left = left + 5;
top = top - 5;
opacity = opacity - 0.1;
tag.style.fontSize = fontSize + ‘px‘;
tag.style.left = left+ ‘px‘;
tag.style.top = top+ ‘px‘;
tag.style.opacity = opacity;
if(left > 60){
clearInterval(obj);
tag.remove();
}
},100);
}
4. 图片验证码
5. 评论和多级评论(**********)
a. 结构化数据
b. 递归生成HTML
7. 后台管理
- 简单菜单(适用于固定个数菜单)
- 动态菜单
当前URL: /backend/host/
a. 结构化数据
b. 递归生成HTML
6. WebSocket
http://www.cnblogs.com/wupeiqi/p/6558766.html
8. KindEditor[插件] ---- 欠
- 高度宽度
- item
-
uploadJson: ‘/kind/upload_img/‘,
extraFileUploadParams: {
‘csrfmiddlewaretoken‘: ‘{{ csrf_token }}‘
},
filePostName:‘fafafa‘
def upload_img(request):
"""
文件上传
:param request:
:return:
"""
obj = request.FILES.get(‘fafafa‘)
dic = {
‘error‘: 0,
‘url‘: ‘/static/imgs/20130809170025.png‘,
‘message‘: ‘错误了...‘
}
return HttpResponse(json.dumps(dic))
作业:整理今天
下周内容:
1. Alex,
协同开发GitHub
celery
等
day20 project+查看新闻列表 + 点赞 + 图片验证码 + 评论和多级评论 + 后台管理 + webSocket + kindEditor