摘要: 写在前面 这个功能,是django自带的功能。使用的时候,我们只需要把前端的页面个性化处理以下就好了。但是,各种资料上介绍实现这个功能的教学文章,基本都存在缺少一两个步骤的情况。这给新手造成了很大麻烦。 主要参考了两篇外网的教学文章,拼凑起来,实现了这个功能。这两篇文章的网址如下: 阅读全文
posted @ 2024-01-22 10:32 喜气洋洋白云山 阅读(16) 评论(1) 推荐(0) 编辑
摘要: 一、知识准备: django的permission_required()函数,这个函数可以作为装饰器使用。 这个函数有两个参数。第一个参数是”鉴权字符串“,即需要检验的权限对象。字符串的写法是:app.add/change/delete/view+模型名。add/change/delete/view 阅读全文
posted @ 2024-01-17 22:27 喜气洋洋白云山 阅读(32) 评论(0) 推荐(0) 编辑
摘要: 一、功能描述 用户访问信息修改页面,页面展示用户的信息:头像、邮箱、电话、地址。 用户点击编辑按钮,页面变成用户信息输入界面,输入框默认带有邮箱、电话、地址。同时,编辑按钮变成提交按钮。 用户编辑信息后提交,页面变成用户信息展示界面。 具体功能如下图所示: 二、实现思路 在用户信息界面,增加两个di 阅读全文
posted @ 2024-01-15 18:35 喜气洋洋白云山 阅读(86) 评论(0) 推荐(0) 编辑
摘要: 一、实现思路 用户点击头像框,弹出模态框。模态框里的内容是供用户选择的头像。 用户点击模态框中的图片,被点击图片地址传递给用户头像框中的图片。 模态框隐藏。 被点击图片的id被传到后台。 后台接收到图片id,把该id写入用户表对应的图片id位置。 用户再次访问该页面时,从数据库取头像路径,在前台显示 阅读全文
posted @ 2024-01-14 11:24 喜气洋洋白云山 阅读(59) 评论(0) 推荐(0) 编辑
摘要: 一、功能描述 缩略图下面增加图片名称和删除链接; 点击删除链接发送post请求到后台,并传图片id; 后台接收到id,把该id图片的is_active值置为false; 刷新缩略图的div; 刷新分页区域。 二、功能实现 修改app-models.py 的avatar类,增加is_active字段, 阅读全文
posted @ 2024-01-14 10:29 喜气洋洋白云山 阅读(61) 评论(0) 推荐(0) 编辑
摘要: 一、功能描述 点击缩略图中的图片,图片在弹出框中放大显示。 二、思路 图片预览功能主要依靠bootstrap的模态框和Jquery传递图片路径和名称的参数实现。 使用bootstrap 的模态框实现点击图片,模态框弹出的功能; 在模态框里放置图片一个图片。 使用Jquery取得被点击图片的图片路径, 阅读全文
posted @ 2024-01-12 15:11 喜气洋洋白云山 阅读(80) 评论(0) 推荐(0) 编辑
摘要: 一、思路 前端使用bootstrap的分页组件; 后端使用django自带的分页功能。 二、前端功能实现 bootstrap文档上复制分页代码,粘贴到app-templates-app-avatar.html的合适位置。复制的地址是https://v3.bootcss.com/components/ 阅读全文
posted @ 2024-01-12 11:04 喜气洋洋白云山 阅读(38) 评论(0) 推荐(0) 编辑
摘要: 一、功能描述 图标上传后,可以直接在上传页面显示出来。 二、实现思路 增加一条路由,使django把识别uploads文件夹下的内容识别为静态文件。 把图标信息,图标路径从数据库中取出,返回前端,展示出来。 每次图标上传完成后,局部刷新图标展示的<div>,把所有图标展示出来。 三、功能实现 bok 阅读全文
posted @ 2024-01-10 12:47 喜气洋洋白云山 阅读(51) 评论(0) 推荐(0) 编辑
摘要: 项目代码从今天开始上传至gitee。项目仓库的地址是:https://gitee.com/yanfenglucky/bokeyuan 阅读全文
posted @ 2024-01-08 17:24 喜气洋洋白云山 阅读(48) 评论(0) 推荐(0) 编辑
摘要: 一、优化内容 同步上传修改为通过ajax方式实现异步上传。 增加了文件的过滤功能。 如:①没有选择文件不能提交。 ②选择文件大于10000b给出提示,并清空选择控件,让用户重新选择。 优化思路 通过FormData获取表单数据;并通过ajax方式上传。 具体实现 只需要修改前端代码,后端代码无需修改 阅读全文
posted @ 2024-01-08 11:52 喜气洋洋白云山 阅读(98) 评论(0) 推荐(0) 编辑