餐饮门店营销想要摆脱原有的广告宣传方式，就应该追寻新的广告宣传方式。为了让消费者能够停下脚步，稿定启屏开创了电视秒变广告机的显示屏海报宣传方式。商品动态推荐与促销——你不必再为广告海报内容而担心。

稿定启屏官网提供海量的模板，开创不一样的门店海报宣传。简单的“拖、拉、拽”三步就可以将你的门店海报变得与众不同。

中式餐厅

每一道菜品的推出与推荐都希望达到利益的更大化。中式菜品最在乎的是色香味俱全，原汁原味的广告没有办法全面地展示其效果。稿定启屏通过GIF、 *** 等模式，将菜品的色香味生动展示。

西式餐厅

由于西式餐厅很多情况下与中式有很大的区别，材料物品的选择往往都有很大的出入。西餐没有中式的火热，比较偏柔和。为了更好体现菜品的差别、突出亮点。稿定启屏素材库开创不一样的广告海报，更多免费海报都在官网哦。

甜品餐饮

甜品餐饮与其他的食物不一样，餐饮门店会根据季节以及相应的新产品进行相应的推荐以及促销活动。甜品餐饮对食物搭配十分重视，通过给消费者带来视觉 *** ，从而吸引更多的流量。

稿定启屏精选餐饮海报库，门店海报机宣传素材提供，让门店的宣传别出心裁，使广告海报内容更加吸睛。

哈喽~大家好呀！

除夕到，新年到，我先给各位朋友拜年了~祝大家2022身体健康，阖家欢乐，天天开心！

想必朋友们都在期待着今晚的年夜饭吧~这是一年中最让人牵肠挂肚的一餐，它寓意着辞旧迎新，更是家庭对情感的寄托。

?chaehe_wol

无论菜品多少，色泽如何，大部分人都会纷纷晒出自家美食，所以一年一度的朋友圈“晒年夜饭大赛”也准备拉开序幕~

?koalawxl2016

想让自己的照片在朋友圈中脱颖而出，那就一定要码住今天的这篇创意年夜饭九宫格！不再千篇一律地晒图，新颖的视觉感受让你成为最亮眼的崽~

ONE.

ˉ

前期拍摄

一般我们都是在傍晚时分吃年夜饭，这时候需要开灯才能保证拍摄画面明亮，在光的作用下，食物显得更通透和更有光泽。

首先我们可以将饭菜摆整齐，在放置食物的平行面上方或斜上方进行俯拍，能表现年夜饭的全貌和丰盛的场面。多注意光线方向来调整拍摄角度，防止拍出影子。

?koalawxl2016

接着从0~45°的低角度来拍摄食物的特写，不仅令主体有层次感，而且特写可以突出食物的质感，增添食欲，也有利于后期进行排版~

?koalawxl2016

在拍摄过程中，也可以多尝试各种角度和多寻找光线，会有意想不到的效果滴！

TWO.

ˉ

后期修图/排版

我们把照片拍好之后，利用『醒图』APP进行修图及排版，让画面锦上添花。

- 醒图 -

适用平台：安卓、iOS

①

打开醒图，导入需要编辑的照片，点击「调节」来调整画面的影调，大家根据具体情况调节照片的亮度、对比度等参数，提高整体的质感。

其次，也可以寻找合适的模板或滤镜进行套用，主要是让食物更鲜亮丰富。

原图

修图后

我们在修图的时候，更好是把照片都调整为同一个色调，这样排版起来才更整洁有序。

②

接下来把照片修好之后，我们不要着急退出，点击「背景」来吸取照片的主色调作为色卡，将色卡与照片进行九宫格排版可以调节九张图凑在一起产生的逼仄感和 *** 感。

点击「背景」选择1：1比例画幅（符合朋友圈照片的大小），用左边的「吸管」吸取照片里的颜色作为背景色，吸取红色、橙色等比较喜庆的色彩，能营造新年的氛围~

然后把照片往下拖直至消失，这样我们就得到一张纯 *** 卡并记得先点击下载保存。

其次，我们也可以添加贴纸来装饰这张色卡，点击「贴纸」，在搜索框输入“年夜饭”关键词，寻找合适的文字样式和挂饰，注意要是色卡为红色，贴纸就尽量找白色或其他显亮眼的颜色。

我们把文字样式居中放大，其它贴纸则缩小来点缀文字，调整好之后点击保存。另外我发现年夜饭关键词里的贴纸还有许多合照样式，也可以继续 *** 另外一张装饰哦~非常好玩。

*** 完成后，我们就可以在朋友圈编辑里进行排版啦。将全景的年夜饭照片放C位居中，特写照片分别放在4个角落，而色卡装饰照便围绕C位布局就OK~

③

另外，我们也可以利用拼图软件或 *** 相册自带的拼图功能，将这九张照片拼成九宫格。

接着打开醒图APP，导入拼好的照片，点击「背景」，选择3：4比例画幅，用吸取笔吸取色卡的颜色来填充背景。

把照片居中缩小一点，点击「贴纸」，输入“新年快乐”关键词，找到喜欢的样式装饰背景，最后我们就得到一张更有吸引力的年夜饭照片了~

好啦~为了这顿期盼已久的年夜饭，无数人从远方赶回家，除了用 *** 记录下来之外，发朋友圈也要有一种仪式感~今天的这份年夜饭九宫格，你学会了吗？

相信各位的朋友圈势必也会变成“舌尖上的朋友圈”！在这场“美食摄影大赛”中获赞无数~欢迎分享、点赞、在看多多支持哟！

声明：本次文章是看了B站上的 *** 和分享的代码笔记后，自己敲了一遍代码。然后再敲一遍代码的同时写文章梳理逻辑，看不懂的同学可以去看原文章和 *** 。文章如有雷同，可联系我删除！ *** 链接：

https:// *** bilibili *** /video/BV1pq4y1W7a1?spm_id_from=333.999.0.0

博客目录：

一、基于Django+mysql的点餐 *** 设计--之一篇(开篇：确认需求功能、数据库设计、程序设计)

二、基于Django+mysql的点餐 *** 设计--第二篇(搭建工程、前后端调试)

三、基于Django+mysql的点餐 *** 设计--第三篇(编写后台员工管理页面)

四、基于Django+mysql的点餐 *** 设计--第四篇(编写后台菜品分类管理功能)

五、基于Django+mysql的点餐 *** 设计--第五篇(编写后台店铺管理页面)

六、基于Django+mysql的点餐 *** 设计-第六篇(编写后台菜品管理页面)

本章源码下载 *** ：https://github *** /hopeSuceess/testorder/tree/testorder_2022051501

写到第六篇简单的增删改查已经都非常熟悉了，这里不做过多阐述，本篇针对以下重点功能进行说明：父页面添加路径、外键、菜品分类浏览页的查看菜品、 *** 修改(另一种考虑更全面的方式)、商铺和菜品分类的二级联动。

　　前端父页面添加路径比较简单，但是非常重要。它是菜品管理页面展示的入口，相关示例图和代码如下

　　外键对于数据表来说是很常见的，怎么将外键展示到页面是一个技术点。前面讲菜品分类管理的时候涉及到外键了，这次菜品管理涉及到店铺、菜品分类两个外键，但是从技术逻辑来说，菜品管理的外键展示和菜品分类管理的展示差不多，具体代码如下：

    for vo in list2:        shopDetail = Shop.objects.get(id=vo.shop_id)        vo.shopname = shopDetail.name        categoryDetail = Category.objects.get(id=vo.category_id)        vo.categoryname = categoryDetail.name

　菜品分类浏览页的查看菜品：前面在讲菜品分类管理的时候有一个"查看菜品"的功能没有实现。在写完菜品分类管理的代码后可以实现这一功能了。

　　现在开始实现查看菜品的功能，首先在myadmin/ *** ls.py中添加菜品分类的路由

    path('product/category/<int:sid>', product.categoryProduct, name="myadmin_categoryProduct_index"), #菜品分类-查看菜品浏览页

　　确定完 *** l *** ，开始在views视图中写具体的逻辑，在myadmin/views/product.py中的实现看下图

def categoryProduct(request,sid,pIndex=1):    '''浏览信息'''    list = Product.objects.filter(status__lt=9, category_id=sid)    #  *** od = Product.objects    # list =  *** od.filter(status__lt=9)    mywhere = <>    # 获取、判断并封装keyword建搜索    kw = request.GET.get("keyword", None)    if kw:        # 查询店铺名称中只要含有关键字就可以        list = list.filter(Q(price__contains=kw) | Q(name__contains=kw))        mywhere.append("keyword=" + kw)    list = list.order_by("id")  # 对id排序    # 执行分页处理    pIndex = int(pIndex)    page = Paginator(list, 5)  # 以5条每页创建分页对象     *** xpages = page.num_pages  # 更大页数    # 判断页数是否越界    if pIndex >  *** xpages:        pIndex =  *** xpages    if pIndex < 1:        pIndex = 1    list2 = page.page(pIndex)  # 当前页数据    plist = page.page_range  # 页码数列表    for vo in list2:        shopDetail = Shop.objects.get(id=vo.shop_id)        vo.shopname = shopDetail.name        categoryDetail = Category.objects.get(id=vo.category_id)        vo.categoryname = categoryDetail.name    # 封装信息加载模板输出    context = {"productlist": list2, 'plist': plist, 'pIndex': pIndex, ' *** xpages':  *** xpages, 'mywhere': mywhere}    ret *** n render(request, "myadmin/product/categoryProduct.html", context)

　　写完了views视图层开始写templates展示层，在templates/product目录下写一个categoryProduct.html页面，categoryProduct.html页面的内容如下：

{% extends "myadmin/base.html" %}{% block  *** in_body %}    <!-- Content Header (Page header) -->    <section class="content-header">      <h1>        菜品信息管理        < *** all>订餐 *** 后台管理</ *** all>      </h1>      <ol class="breadcrumb">        <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>        <li class="active">菜品信息管理</li>      </ol>    </section>    <!-- Main content -->    <section class="content container-fluid">      <div class="row">        <div class="col-xs-12">          <div class="box">            <div class="box-header">              <h3 class="box-title"><i class="fa fa-calendar"></i> 菜品信息表</h3>            </div>            <!-- /.box-header -->            <div class="box-body table-responsive no-padding">              <table class="table table-hover">                <tr>                  <th>ID</th>                  <th>店铺名称</th>                  <th>菜品分类</th>                  <th>菜品 *** </th>                  <th>菜品名称</th>                  <th>单价</th>                  <th  width="45">状态</th>                  <th>添加时间</th>                </tr>                {% for vo in productlist %}                <tr>                  <td>{{ vo.id }}</td>                  <td>{{ vo.shopname }}</td>                  <td>{{ vo.categoryname }}</td>                  <td><img src="/static/uploads/product/{{ vo.cover_pic }}" width="30"/></td>                  <td>{{ vo.name }}</td>                  <td>{{ vo.price }}</td>                  <td >                    {% if vo.status == 1 %}                      <span style="color:green">正常</span>                    {% elif vo.status == 2 %}                      <span style="color:red">停售</span>                    {% elif vo.status == 9 %}                      <span style="color:red">已删除</span>                    {% else %}                      <span style="color:red">未知状态</span>                    {% endif %}                  </td>                  <td width="10%">{{ vo.create_at|date:'Y-m-d' }}</td>                </tr>                {% endfor %}              </table>            </div>            <!-- /.box-body -->            <div class="box-footer clearfix">              <ul class="pagination pagination- ***  no- *** rgin pull-right">                <li><a href="{%  *** l 'myadmin_product_index' pIndex|add:-1 %}?{{ mywhere|join:'&' }}">?</a></li>                {% for p in plist %}                  <li {% if pIndex == p %}class="active"{% endif %}><a href="{%  *** l 'myadmin_product_index' p %}?{{ mywhere|join:'&' }}">{{ p }}</a></li>                {% endfor %}                <li><a href="{%  *** l 'myadmin_product_index' pIndex|add:1 %}?{{ mywhere|join:'&' }}">?</a></li>              </ul>            </div>          </div>          <!-- /.box -->        </div>      </div>    </section>    <!-- /.content -->{% endblock %}

　　templates展示层也搞定了，现在需要在templates/category/index.html的"查看菜品"标签下放一个路径进行调试了，如下：

  <a href="{%  *** l 'myadmin_categoryProduct_index' vo.id %}" class="btn btn-warning btn-xs">                      <span class="glyphicon glyphicon-search" aria-hidden="true"></span> 查看菜品</a>

　　在菜品分类浏览页，点击查看菜品，跳到了菜品详情页：

　　在上一篇店铺管理中涉及到了 *** 上传和修改的功能，在本篇继续介绍 *** 修改(另一种考虑更全面的方式)。在菜品修改时，考虑更全面的代码如下：

#后端代码def update(request,sid):    try:        # 获取原 ***         oldpicname = request.POST<'oldpicname'>        #  *** 的上传处理        myfile = request.FILES.get("cover_pic", None)        if not myfile:            cover_pic = oldpicname        else:            cover_pic = str(time.strftime("%Y%m%d.%H%M%S"))+"."+myfile.name.split('.').pop()            destination = open("./static/uploads/product/"+cover_pic, "wb+")            for c *** k in myfile.c *** ks():                destination.write(c *** k)            destination.close()        productList = Product.objects.get(id=sid)        productList.shop_id = request.POST<'shop_id'>        productList.category_id = request.POST<'category_id'>        productList.name = request.POST<'name'>        productList.price = request.POST<'price'>        productList.cover_pic = request.POST<'cover_pic'>        productList.update_at = datetime.now().strftime("%Y-%m-%d %H:%M:%S")        productList.s *** e()        context = {' *** ': '修改成功！'}        # 判断并删除老 ***         if myfile:            os.remove("./static/uploads/product/"+oldpicname)    except Exception as err:        print(err)        context = {' *** ': '添加失败！'}        # 判断并删除新 ***         if myfile:            os.remove("./static/uploads/product/"+cover_pic)    ret *** n render(request, "myadmin/ *** .html", context)

　　templates/myadmin/product/edit.html *** 更改的前端代码如下：

......<input type="hidden" name="oldpicname" value="{{ product.cover_pic }}" />......

<div class="form-group">  <label for="inputPassword3" class="col- *** -2 control-label">菜品 *** ：</label>  <div class="col- *** -4">    <input type="file" name="cover_pic" /><br/>    <img src="/static/uploads/product/{{ product.cover_pic }}" width="200"/>  </div></div>

 ......

　　菜品在新增或修改之前，需要带出来其属于哪个商铺下的哪个菜品分类。本篇在实现菜品新增、修改的功能时，在后端传入商铺信息，前端在解析后端传过来的商品信息时，通过ajax调用相对应的菜品分类信息，商铺和菜品分类的二级联动是本篇非常重要的一个知识点和功能点。

　　这里以新增菜品为例，阐述商铺和菜品分类的二级联动。myadmin/views/product.py中add函数获取店铺信息并渲染到前端，代码如下：

def add(request):    """加载信息添加表单"""    # 获取当前所以店铺    slist = Shop.objects.values("id", "name")    context = {"shoplist": slist}    ret *** n render(request, "myadmin/product/add.html", context)

　　templates/myadmin/product/add.html中，店铺标签接收后端传过来的店铺信息，如下：

<div class="col- *** -4">  <select name="shop_id" id="shop_id" onchange="doLoadCategory()" class="form-control select2" style="width: 100%;">    {% for svo in shoplist %}      <option value="{{ svo.id }}">{{ svo.name }}</option>    {% endfor %}  </select></div>

　　在上面的代码中，大家可以看到doLoadCategory函数，没错，店铺级联菜品分类靠的就是doLoadCategory函数。在调用店铺标签时会自动调用doLoadCategory函数，从而实现店铺和菜品分类的同步展示。下边看下doLoadCategory函数的代码实现：

  //自定义函数，实现通过店铺id，Ajax加载对应的菜品分类信息  function doLoadCategory(){    //获取选中的id号    var id = $("#shop_id").val();    $("#category_id").empty();    $.ajax({         *** l: "/myadmin/category/load/"+id,        type: 'get',        data: {},        dataType:'json',        success:function(res){            if(res.data.length<1)                ret *** n;            var data = res.data;            var select = $("#category_id")            for(var i=0;i<data.length;i++){                $('<option value="'+data.id+'">'+data.name+'</option>').appendTo(select)                //select.append('<option value="'+data.id+'">'+data.name+'</option>');             }        }    });  }

　　这里说下doLoadCategory函数中的 *** l: "/myadmin/category/load/"+id, 它对应myadmin/ *** ls.py中的

def loadCategory(request,sid):    clist = Category.objects.filter(status__lt=9,shop_id=sid).values("id","name")    # 返回QuerySet对象，使用list强转成对应的菜品分类列表信息    print(clist)    print(list(clist))    ret *** n JsonResponse({'data': list(clist)})