摘要:
写在前面 这个功能,是django自带的功能。使用的时候,我们只需要把前端的页面个性化处理以下就好了。但是,各种资料上介绍实现这个功能的教学文章,基本都存在缺少一两个步骤的情况。这给新手造成了很大麻烦。 主要参考了两篇外网的教学文章,拼凑起来,实现了这个功能。这两篇文章的网址如下: 阅读全文
摘要:
一、知识准备: django的permission_required()函数,这个函数可以作为装饰器使用。 这个函数有两个参数。第一个参数是”鉴权字符串“,即需要检验的权限对象。字符串的写法是:app.add/change/delete/view+模型名。add/change/delete/view 阅读全文
摘要:
一、功能描述 用户访问信息修改页面,页面展示用户的信息:头像、邮箱、电话、地址。 用户点击编辑按钮,页面变成用户信息输入界面,输入框默认带有邮箱、电话、地址。同时,编辑按钮变成提交按钮。 用户编辑信息后提交,页面变成用户信息展示界面。 具体功能如下图所示: 二、实现思路 在用户信息界面,增加两个di 阅读全文
摘要:
一、实现思路 用户点击头像框,弹出模态框。模态框里的内容是供用户选择的头像。 用户点击模态框中的图片,被点击图片地址传递给用户头像框中的图片。 模态框隐藏。 被点击图片的id被传到后台。 后台接收到图片id,把该id写入用户表对应的图片id位置。 用户再次访问该页面时,从数据库取头像路径,在前台显示 阅读全文
摘要:
一、功能描述 缩略图下面增加图片名称和删除链接; 点击删除链接发送post请求到后台,并传图片id; 后台接收到id,把该id图片的is_active值置为false; 刷新缩略图的div; 刷新分页区域。 二、功能实现 修改app-models.py 的avatar类,增加is_active字段, 阅读全文
摘要:
一、功能描述 点击缩略图中的图片,图片在弹出框中放大显示。 二、思路 图片预览功能主要依靠bootstrap的模态框和Jquery传递图片路径和名称的参数实现。 使用bootstrap 的模态框实现点击图片,模态框弹出的功能; 在模态框里放置图片一个图片。 使用Jquery取得被点击图片的图片路径, 阅读全文
摘要:
一、思路 前端使用bootstrap的分页组件; 后端使用django自带的分页功能。 二、前端功能实现 bootstrap文档上复制分页代码,粘贴到app-templates-app-avatar.html的合适位置。复制的地址是https://v3.bootcss.com/components/ 阅读全文
摘要:
一、功能描述 图标上传后,可以直接在上传页面显示出来。 二、实现思路 增加一条路由,使django把识别uploads文件夹下的内容识别为静态文件。 把图标信息,图标路径从数据库中取出,返回前端,展示出来。 每次图标上传完成后,局部刷新图标展示的<div>,把所有图标展示出来。 三、功能实现 bok 阅读全文