django将图片保存到mysql数据库并展示在前端页面的实现

000

小编使用python中的django框架来完成！

1，首先用pycharm创建django项目并配置相关环境

这里小编默认项目都会创建

settings.py中要修改的两处配置

DATABASES = {
    \'default\': {
        # \'ENGINE\': \'django.db.backends.sqlite3\',
        # \'NAME\': os.path.join(BASE_DIR, \'db.sqlite3\'),

        \'ENGINE\': \'django.db.backends.mysql\',
        \'NAME\': \'photos\',
        \'HOST\': \'127.0.0.1\',
        \'PORT\': \'3306\',
        \'USER\': \'root\',
        \'PASSWORD\': \'201314\',

    }
}


STATIC_URL = \'/static/\'

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

2，创建表

①先按键盘上win+s键，然后输入cmd，中文输入法两下回车，英文输入法一下回车，即可进入dos窗口。

②输入 mysql -uroot -p密码 回车进入mysql数据库，再输入 create database 库名; 一个小回车，创建数据库🆗

django将图片保存到mysql数据库并展示在前端页面的实现

③在app下的models.py中创建表结构

models.py

from django.db import models

# Create your models here.


class Images(models.Model):
    img = models.ImageField(upload_to=\'static/pictures/\')  # upload_to=\'static/pictures/\'是指定图片存储的文件夹名称，上传文件之后会自动创建
    img_name = models.CharField(max_length=32)
    create_time = models.DateTimeField(auto_now_add=True)

④迁移数据库

分别按顺序在pycharm下面的Terminal中执行下面两条语句

python manage.py makemigrations

python manage.py migrate

django将图片保存到mysql数据库并展示在前端页面的实现

3，上传图片功能

urls.py

from django.conf.urls import url
from django.contrib import admin
from app01 import views

urlpatterns = [
    url(r\'^admin/$\', admin.site.urls),
    url(r\'^upload/$\', views.upload, name=\'upload\'),
]

views.py

from django.shortcuts import render, redirect
from app01 import models
# Create your views here.

def upload(request):
    error = \'\'
    if request.method == \'POST\':
        img = request.FILES.get(\'img\')
        pic_name = img.name
        if pic_name.split(\'.\')[-1] == \'mp4\':
            error = \'暂不支持上传此格式图片！！！\'
        else:
            models.Images.objects.create(img_name=pic_name, img=img)
            return redirect(\'show\')
    return render(request, \'upload.html\', locals())

前端上传页面upload.html

<!DOCTYPE html>
<html lang=\"en\">
<head>
    <meta charset=\"UTF-8\">
    <title>上传照片</title>
</head>
<body>
<div style=\"height: 160px\">
    <form action=\"\" method=\"post\" enctype=\"multipart/form-data\">
        {% csrf_token %}
        <h1>上传图片页面</h1>
        <table cellpadding=\"5px\">
            <tr>
                <td>上传图片</td>
                <td><input type=\"file\" name=\"img\"></td>
            </tr>
            <tr>
                <td>
                    <button>上传</button>
                </td>
                <td><strong style=\"color: red\">{{ error }}</strong></td>
            </tr>
        </table>
    </form>
</div>
<div style=\"text-align: center;color: #2b542c;font-size: 20px;\">
    <a href=\" {% url \'show\' %} \" rel=\"external nofollow\" >返回</a>
</div>
</body>
</html>

django将图片保存到mysql数据库并展示在前端页面的实现

4，展示图片功能

urls.py

\"\"\"
from django.conf.urls import url
from django.contrib import admin
from app01 import views

urlpatterns = [
    url(r\'^admin/$\', admin.site.urls),

    url(r\'^upload/$\', views.upload, name=\'upload\'),
    url(r\'^show/$\', views.show, name=\'show\'),

]

views.py

from django.shortcuts import render, redirect
from app01 import models


# Create your views here.


def upload(request):
    error = \'\'
    if request.method == \'POST\':
        img = request.FILES.get(\'img\')
        pic_name = img.name
        if pic_name.split(\'.\')[-1] == \'mp4\':
            error = \'暂不支持上传此格式图片！！！\'
        else:
            models.Images.objects.create(img_name=pic_name, img=img)
            return redirect(\'show\')
    return render(request, \'upload.html\', locals())


def show(request):
    all_images = models.Images.objects.all()
    # for i in all_images:
    #     print(i.img)
    return render(request, \'show.html\', locals())

前端展示show.html

<!DOCTYPE html>
<html lang=\"en\">
<head>
    <meta charset=\"UTF-8\">
    <title>展示照片</title>
</head>
<body>
{% for image in all_images %}
    <img src=\"/{{ image.img }}\" style=\"width: 240px;height: 240px;\">
{% endfor %}
<br/>
<p style=\"text-align: center;color: #2b542c;font-size: 20px;\">
    <a href=\"{% url \'upload\' %}\" rel=\"external nofollow\"  rel=\"external nofollow\" >返回</a>
</p>
</body>
</html>

django将图片保存到mysql数据库并展示在前端页面的实现

5，删除图片功能

urls.py

from django.conf.urls import url
from django.contrib import admin
from app01 import views

urlpatterns = [
    url(r\'^admin/$\', admin.site.urls),

    url(r\'^upload/$\', views.upload, name=\'upload\'),
    url(r\'^show/$\', views.show, name=\'show\'),
    url(r\'^delete/$\', views.delete, name=\'delete\'),

]

views.py

from django.shortcuts import render, redirect
from app01 import models


# Create your views here.


def upload(request):
    error = \'\'
    if request.method == \'POST\':
        img = request.FILES.get(\'img\')
        pic_name = img.name
        if pic_name.split(\'.\')[-1] == \'mp4\':
            error = \'暂不支持上传此格式图片！！！\'
        else:
            models.Images.objects.create(img_name=pic_name, img=img)
            return redirect(\'show\')
    return render(request, \'upload.html\', locals())


def show(request):
    all_images = models.Images.objects.all()
    # for i in all_images:
    #     print(i.img)
    return render(request, \'show.html\', locals())


def delete(request):
    pk = request.GET.get(\'pk\')
    models.Images.objects.filter(id=pk).delete()
    return redirect(\'show\')

show.html

<!DOCTYPE html>
<html lang=\"en\">
<head>
    <meta charset=\"UTF-8\">
    <title>展示照片</title>
</head>
<body>
{% for image in all_images %}
    <img src=\"/{{ image.img }}\" style=\"width: 240px;height: 240px;\">
    <a href=\"/delete/?pk={{ image.id }}\" rel=\"external nofollow\" >删除</a>
{% endfor %}
<br/>
<p style=\"text-align: center;color: #2b542c;font-size: 20px;\">
    <a href=\"{% url \'upload\' %}\" rel=\"external nofollow\"  rel=\"external nofollow\" >返回</a>
</p>
</body>
</html>

django将图片保存到mysql数据库并展示在前端页面的实现

6，整体演示一遍

django将图片保存到mysql数据库并展示在前端页面的实现

因为时间紧，故以最low方式简要实现，并没有加上漂亮的页面和样式，喜欢美的看客朋友可自行去Bootstrap官网或jq22自行添加！！！

到此这篇关于django将图片保存到mysql数据库并展示在前端页面的实现的文章就介绍到这了,更多相关django 图片保存到mysql内容请搜索免费资源网以前的文章或继续浏览下面的相关文章希望大家以后多多支持免费资源网！

© 版权声明
版权声明 1 本网站名称：偶像资源网
2 本站永久网址：https://www.ox520.com
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ593098775进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
THE END
Python
# 编程开发# python
喜欢就支持一下吧
点赞0 分享
网络的头像-偶像资源网
python多维列表总是只转为一维数组问题解决-偶像资源网
python多维列表总是只转为一维数组问题解决
python多维列表总是只转为一维数组问题解决
26天前 41
Python pyecharts 数据可视化模块的配置方法-偶像资源网
Python pyecharts 数据可视化模块的配置方法
Python pyecharts 数据可视化模块的配置方法
26天前 28
CSS 点击radio实现两个图片样式切换并且多个radio中只能有一个checked-偶像资源网
CSS 点击radio实现两个图片样式切换并且多个radio中只能有一个checked
CSS 点击radio实现两个图片样式切换并且多个radio中只能有一个checke...
30天前 4
jQuery实现滚动效果-偶像资源网
jQuery实现滚动效果
jQuery实现滚动效果
26天前 3
PHP队列原理及基于队列的写文件案例-偶像资源网
PHP队列原理及基于队列的写文件案例
PHP队列原理及基于队列的写文件案例
26天前 2
css文本两端对齐的实现代码-偶像资源网
css文本两端对齐的实现代码
css文本两端对齐的实现代码
30天前 2
相关推荐
python多维列表总是只转为一维数组问题解决-偶像资源网
python多维列表总是只转为一维数组问题解决
python多维列表总是只转为一维数组问题解决
26天前 41
Python pyecharts 数据可视化模块的配置方法-偶像资源网
Python pyecharts 数据可视化模块的配置方法
Python pyecharts 数据可视化模块的配置方法
26天前 28
吊打全网所有精美导航页引导页HTML源码-偶像资源网
吊打全网所有精美导航页引导页HTML源码
吊打全网所有精美导航页引导页HTML源码
30天前 24
5.9K⭐ 轻松搞定定时任务！Web管理超便捷-偶像资源网
5.9K⭐ 轻松搞定定时任务！Web管理超便捷
5.9K⭐ 轻松搞定定时任务！Web管理超便捷
30天前 23
css的基本选择器有哪些？-偶像资源网
css的基本选择器有哪些？
css的基本选择器有哪些？
30天前 23
CSS 点击radio实现两个图片样式切换并且多个radio中只能有一个checked-偶像资源网
CSS 点击radio实现两个图片样式切换并且多个radio中只能有一个checked
CSS 点击radio实现两个图片样式切换并且多个radio中只能有一个checked
30天前 4
评论 抢沙发

请登录后发表评论

    暂无评论内容