08点餐项目实战之后台店铺信息管理
2024-05-06 08:11:41
主要步骤如下几个方面：
1.店铺信息数据表
2.定义模型Model类
3.编写视图文件views
4.编写urls路由文件
5.编写视图文件
=========================================================================
(1). 店铺信息数据表：shop
- 在数据库
osdb中创建shop表，若此表已存在请跳过
-- 店铺信息表
CREATE TABLE `shop` (`id` int(10) unsigned NOT NULL AUTO_INCREMENT COMMENT '店铺id',`name` varchar(255) NOT NULL COMMENT '店铺名称',`cover_pic` varchar(255) DEFAULT NULL COMMENT '封面图片',`banner_pic` varchar(255) DEFAULT NULL COMMENT '图标Logo',`address` varchar(255) DEFAULT NULL COMMENT '店铺地址',`phone` varchar(255) DEFAULT NULL COMMENT '联系电话',`status` tinyint(4) NOT NULL DEFAULT '1' COMMENT '状态：1:正常 2:暂停 9:删除',`create_at` datetime DEFAULT NULL COMMENT '添加时间',`update_at` datetime DEFAULT NULL COMMENT '修改时间',PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8;
(2). 定义模型Model类
- 进入
myadmin应用目录中编辑：myobject/myadmin/models.py模型文件
#店铺信息模型
class Shop(models.Model):name = models.CharField(max_length=255) #店铺名称cover_pic = models.CharField(max_length=255)#封面图片banner_pic = models.CharField(max_length=255)#图标Logoaddress = models.CharField(max_length=255) #店铺地址phone = models.CharField(max_length=255) #联系电话status = models.IntegerField(default=1) #状态:1正常/2暂停/9删除create_at = models.DateTimeField(default=datetime.now) #创建时间update_at = models.DateTimeField(default=datetime.now) #修改时间def toDict(self):shopname = self.name.split("-")return {'id':self.id,'name':shopname[0],'shop':shopname[1],'cover_pic':self.cover_pic,'banner_pic':self.banner_pic,'address':self.address,'phone':self.phone,'status':self.status,'create_at':self.create_at.strftime('%Y-%m-%d %H:%M:%S'),'update_at':self.update_at.strftime('%Y-%m-%d %H:%M:%S')}class Meta:db_table = "shop" # 更改表名(3). 编辑视图文件
- 新建视图文件：myobject/myadmin/views/shop.py 视图文件，并进行编辑
from django.shortcuts import render
from django.http import HttpResponse
from django.http import JsonResponse
from django.core.paginator import Paginator
from datetime import datetime
import timefrom myadmin.models import Shopdef index(request,pIndex=1):'''浏览信息'''smod = Shop.objectsmywhere=[]list = smod.filter(status__lt=9)# 获取、判断并封装关keyword键搜索kw = request.GET.get("keyword",None)if kw:# 查询店铺名称中只要含有关键字就可以list = list.filter(name__contains=kw)mywhere.append("keyword="+kw)# 获取、判断并封装状态status搜索条件status = request.GET.get('status','')if status != '':list = list.filter(status=status)mywhere.append("status="+status)list = list.order_by('id') #对id排序#执行分页处理pIndex = int(pIndex)page = Paginator(list,5) #以5条每页创建分页对象maxpages = page.num_pages #最大页数#判断页数是否越界if pIndex > maxpages:pIndex = maxpagesif pIndex < 1:pIndex = 1list2 = page.page(pIndex) #当前页数据plist = page.page_range #页码数列表#封装信息加载模板输出context = {"shoplist":list2,'plist':plist,'pIndex':pIndex,'maxpages':maxpages,'mywhere':mywhere}return render(request,"myadmin/shop/index.html",context)def add(request):'''加载添加页面'''return render(request,"myadmin/shop/add.html")def insert(request):'''执行添加'''try:# 店铺封面图片的上传处理myfile = request.FILES.get("cover_pic",None)if not myfile:return HttpResponse("没有店铺封面上传文件信息")cover_pic = str(time.time())+"."+myfile.name.split('.').pop()destination = open("./static/uploads/shop/"+cover_pic,"wb+")for chunk in myfile.chunks(): # 分块写入文件 destination.write(chunk) destination.close()#这里还可以做图片的缩放操作，不过这么没有写# 店铺logo图片的上传处理myfile = request.FILES.get("banner_pic",None)if not myfile:return HttpResponse("没有店铺logo上传文件信息")banner_pic = str(time.time())+"."+myfile.name.split('.').pop()destination = open("./static/uploads/shop/"+banner_pic,"wb+")for chunk in myfile.chunks(): # 分块写入文件 destination.write(chunk) destination.close()#实例化model，封装信息，并执行添加ob = Shop()ob.name = request.POST['name']ob.phone = request.POST['phone']ob.address = request.POST['address']ob.cover_pic = cover_picob.banner_pic = banner_picob.status = 1ob.create_at = datetime.now().strftime("%Y-%m-%d %H:%M:%S")ob.update_at = datetime.now().strftime("%Y-%m-%d %H:%M:%S")ob.save()context={"info":"添加成功！"}except Exception as err:print(err)context={"info":"添加失败"}return render(request,"myadmin/info.html",context)def delete(request,sid=0):'''删除信息'''try:ob = Shop.objects.get(id=sid)ob.status = 9ob.update_at = datetime.now().strftime("%Y-%m-%d %H:%M:%S")ob.save()context={"info":"删除成功！"}except Exception as err:print(err)context={"info":"删除失败"}#return render(request,"myadmin/info.html",context)return JsonResponse(context)def edit(request,sid=0):'''加载编辑信息页面'''try:ob = Shop.objects.get(id=sid)context={"shop":ob}return render(request,"myadmin/Shop/edit.html",context)except Exception as err:context={"info":"没有找到要修改的信息！"}return render(request,"myadmin/info.html",context)def update(request,sid):'''执行编辑信息'''try:ob = Shop.objects.get(id=sid)ob.name = request.POST['name']ob.phone = request.POST['phone']ob.address = request.POST['address']ob.status = request.POST['status']ob.update_at = datetime.now().strftime("%Y-%m-%d %H:%M:%S")ob.save()context={"info":"修改成功！"}except Exception as err:print(err)context={"info":"修改失败"}return render(request,"myadmin/info.html",context)(4). 项目urls路由信息配置
- 打开根路由文件：myobject/myadmin/urls.py路由文件，编辑路由配置信息
from django.urls import pathfrom myadmin.views import index
from myadmin.views import user
from myadmin.views import shopurlpatterns = [...#店铺路由path('shop/<int:pIndex>', shop.index, name="myadmin_shop_index"),path('shop/add', shop.add, name="myadmin_shop_add"),path('shop/insert', shop.insert, name="myadmin_shop_insert"),path('shop/del/<int:sid>', shop.delete, name="myadmin_shop_del"),path('shop/edit/<int:sid>', shop.edit, name="myadmin_shop_edit"),path('shop/update/<int:sid>', shop.update, name="myadmin_shop_update"),...
](5). 编写模板文件
- 5.1. 打开父类模板：/templates/myadmin/base.html ，编辑导航栏代码
...<!-- 导航列表，你可以自行更改图标 --><li class="active"><a href="{% url 'myadmin_index' %}"><i class="fa fa-home"></i> <span>首页</span></a></li><li><a href="{% url 'myadmin_user_index' 1 %}"><i class="fa fa-user"></i> <span>员工管理</span></a></li><li><a href="{% url 'myadmin_shop_index' 1 %}"><i class="fa fa-sitemap"></i> <span>店铺管理</span></a></li>...
- 5.2. 后台店铺信息浏览页模板：/templates/myadmin/shop/index.html
{% extends "myadmin/base.html" %}{% block main_body %}<!-- Content Header (Page header) --><section class="content-header"><h1>店铺管理<small>订餐系统后台管理</small></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 class="box-tools"><form action="{% url 'myadmin_shop_index' 1 %}" method="get"><div class="input-group input-group-sm" style="width: 150px;"><input type="text" name="keyword" class="form-control pull-right" placeholder="店铺名称"><div class="input-group-btn"><button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button></div></div></form></div></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>Logo图片</th><th>联系电话</th><th width="8%">当前状态</th><th>添加时间</th><th>修改时间</th><th>操作</th></tr>{% for vo in shoplist %}<tr><td>{{ vo.id }}</td><td>{{ vo.name }}</td><td><img src="/static/uploads/shop/{{ vo.cover_pic }}" width="60"/></td><td><img src="/static/uploads/shop/{{ vo.banner_pic }}" width="40"/></td><td>{{ vo.phone }}</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><td width="10%">{{ vo.update_at|date:'Y-m-d' }}</td><td width="20%"><a href="{% url 'myadmin_shop_edit' vo.id %}" class="btn btn-success btn-xs"><span class="glyphicon glyphicon-edit" aria-hidden="true"></span> 编辑</a><button type="button" onclick="doDel('{% url 'myadmin_shop_del' vo.id %}')" class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span> 删除</button></td></tr>{% endfor %}</table></div><!-- /.box-body --><div class="box-footer clearfix"><a role="button" href="{% url 'myadmin_shop_add' %}" class="btn btn-primary btn-xs"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> 添加店铺</a><ul class="pagination pagination-sm no-margin pull-right"><li><a href="{% url 'myadmin_shop_index' pIndex|add:-1 %}">«</a></li>{% for p in plist %}<li {% if p == pIndex %}class="active"{% endif %}><a href="{% url 'myadmin_shop_index' p %}">{{p}}</a></li>{% endfor %}<li><a href="{% url 'myadmin_shop_index' pIndex|add:1 %}">»</a></li></ul></div></div><!-- /.box --></div></div></section><!-- /.content -->
{% endblock %}
- 5.3. 后台店铺信息添加表单页模板：/templates/myadmin/shop/add.html
{% extends "myadmin/base.html" %}{% block main_body %}<!-- Content Header (Page header) --><section class="content-header"><h1>店铺管理<small>订餐系统后台管理</small></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"><h2 class="box-title"> <span class="glyphicon glyphicon-calendar" aria-hidden="true">添加店铺信息</h2></div><!-- /.box-header --><!-- form start --><form class="form-horizontal" action="{% url 'myadmin_shop_insert' %}" method="post" enctype="multipart/form-data">{% csrf_token %}<div class="box-body"><div class="form-group"><label for="inputEmail3" class="col-sm-2 control-label">店铺名称：</label><div class="col-sm-4"><input type="text" name="name" class="form-control" id="inputText1" placeholder="店铺名称" /></div></div><div class="form-group"><label for="inputEmail3" class="col-sm-2 control-label">联系电话：</label><div class="col-sm-4"><input type="text" name="phone" class="form-control" id="inputText2" placeholder="联系电话" /></div></div><div class="form-group"><label for="inputEmail3" class="col-sm-2 control-label">具体地址：</label><div class="col-sm-4"><input type="text" name="address" class="form-control" id="inputText3" placeholder="具体地址" /></div></div><div class="form-group"><label for="inputPassword3" class="col-sm-2 control-label">店铺封面：</label><div class="col-sm-4"><input type="file" name="cover_pic" /></div></div><div class="form-group"><label for="inputPassword3" class="col-sm-2 control-label">店铺logo：</label><div class="col-sm-4"><input type="file" name="banner_pic" /></div></div></div><!-- /.box-body --><div class="box-footer"><div class="col-sm-offset-2 col-sm-10"><button type="submit" class="btn btn-primary">提交</button> <button type="submit" class="btn btn-default">重置</button><div class="col-sm-offset-2 col-sm-10"></div><!-- /.box-footer --></form></div><!-- /.box --></div></div></section><!-- /.content -->
{% endblock %}
- 5.4. 后台店铺信息编辑模板：/templates/myadmin/shop/edit.html
{% extends "myadmin/base.html" %}{% block main_body %}<!-- Content Header (Page header) --><section class="content-header"><h1>店铺管理<small>订餐系统后台管理</small></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"><h2 class="box-title"> <span class="glyphicon glyphicon-calendar" aria-hidden="true">编辑店铺信息</h2></div><!-- /.box-header --><!-- form start --><form class="form-horizontal" action="{% url 'myadmin_shop_update' shop.id %}" method="post" enctype="multipart/form-data">{% csrf_token %}<div class="box-body"><div class="form-group"><label for="inputEmail3" class="col-sm-2 control-label">店铺名称：</label><div class="col-sm-4"><input type="text" name="name" value="{{ shop.name }}" class="form-control" id="inputText1" placeholder="店铺名称" /></div></div><div class="form-group"><label class="col-sm-2 control-label">联系电话：</label><div class="col-sm-4"><input type="text" name="phone" value="{{ shop.phone }}" class="form-control" id="inputText2" placeholder="联系电话" /></div></div><div class="form-group"><label class="col-sm-2 control-label">具体地址：</label><div class="col-sm-5"><input type="text" name="address" value="{{ shop.address }}" class="form-control" id="inputText3" placeholder="具体地址" /></div></div><div class="form-group"><label class="col-sm-2 control-label">当前状态：</label><div class="controls"> <input type="radio" name="status" class="input-xlarge" value="1" {% if shop.status == 1 %}checked{% endif %} /> 营业中... <input type="radio" name="status" class="input-xlarge" value="2" {% if shop.status == 2 %}checked{% endif %} /> 休息中...</div></div><div class="form-group"><label class="col-sm-2 control-label">店铺封面：</label><div class="col-sm-4"><input type="file" name="cover_pic" /></div></div><div class="form-group"><label class="col-sm-2 control-label">店铺logo：</label><div class="col-sm-4"><input type="file" name="banner_pic" /></div></div></div><!-- /.box-body --><div class="box-footer"><div class="col-sm-offset-2 col-sm-10"><button type="submit" class="btn btn-primary">保存</button> <button type="submit" class="btn btn-default">重置</button><div class="col-sm-offset-2 col-sm-10"></div><!-- /.box-footer --></form></div><!-- /.box --></div></div></section><!-- /.content -->
{% endblock %}
6 运行测试
- 在项目根目录下启动服务，并使用浏览器访问测试：http://localhost:8000/myadmin
08点餐项目实战之后台店铺信息管理相关推荐
- Vue 2.0 真实点餐项目实战
1 常见的七种排序算法解析 作者简介: 耀升,一线互联网公司 Android 架构师,做过十余个项目,丰富的项目管理经验.热爱技术分享,活跃于 CSDN 和知乎. Chat 简介: 在面试中一问到排序 ...
- VUE全家桶项目实战-- 4.后台首页布局
VUE全家桶项目实战-- 4.后台首页布局 一.页面布局 二.创建Home组件 三.路由index.js 文件配置主页路径 四.添加welcome组件 一.页面布局 <el-container& ...
- 【JavaWeb】JavaWeb项目实战——品牌后台管理系统
JavaWeb项目实战--品牌后台管理系统 项目概述 功能介绍 成果展示 项目实现 使用Maven构建项目 Maven介绍 具体操作 使用Mybatis封装对数据库的操作 在Mysql中建表,并添加数 ...
- 中软国际暑期实习day09(2020.08.18)-SpringBoot项目实战（新闻项目-准备工作）
从今天开始,通过开发一个"新闻"项目,来深入学习spring boot的相关内容. 文章目录 1.准备工作 (1)新建spring boot 项目 (2)新建实体类 2.验证spr ...
- 02点餐项目需求分析
1.项目立项 2.项目功能介绍 3.绘制项目的功能模块和操作流程图 4.具体功能描述 5.项目运行环境要求 6.项目具体完成时间和报价 7.验收标准 ========================= ...
- 最新后盾网Laravel框架重入门到实战 Laravel博客项目实战 陈华主讲 包含课件源码
老师介绍 陈华,PHP明星讲师,大学生演讲网创始人,2010年开始开发整站项目,精通Laravel,Yii框架. 简 介 本套课程是一套以项目实战为主的Laravel5.2实战开发教程,是真正意义上的 ...
- 计算机实战项目之 [含论文+辩论PPT+源码等]小程序食堂订餐点餐项目+后台管理|前后分离VUE[包运行成功
<微信小程序食堂订餐点餐项目+后台管理系统|前后分离VUE>该项目含有源码.论文等资料.配套开发软件.软件安装教程.项目发布教程等 本系统包含微信小程序前台和Java做的后台管理系统,该后 ...
- 计算机实战项目、毕业设计、课程设计之 [含论文+辩论PPT+源码等]小程序食堂订餐点餐项目+后台管理|前后分离VUE[包运行成功
<微信小程序食堂订餐点餐项目+后台管理系统|前后分离VUE>该项目含有源码.论文等资料.配套开发软件.软件安装教程.项目发布教程等 本系统包含微信小程序前台和Java做的后台管理系统,该后 ...
- 【项目】基于SaaS的餐掌柜项目实战 阶段一 基于SaaS的餐掌柜项目实战 第1章 基础架构搭建 1 餐掌柜需求分析
[项目]基于SaaS的餐掌柜项目实战 文章目录 [项目]基于SaaS的餐掌柜项目实战 阶段一 基于SaaS的餐掌柜项目实战 第1章 基础架构搭建 1 餐掌柜需求分析 1.1 餐饮行业分析 1.2 餐饮 ...
最新文章
- 月薪40~50K|波波生活信息技术公司招聘高级算法工程师
- Mocha+should+Karma自动化测试教程
- python函数使用易错点_大部分人都会忽略的Python易错点总结
- 在 win10 环境下，设置自己写的 程序 开机自动 启动的方法
- PyTorch：采用sklearn 工具生成这样的合成数据集+利用PyTorch实现简单合成数据集上的线性回归进行数据分析
- ERP text object hard code
- simulink怎么生成vxworks的执行程序_Matlab/Simulink基础了解(五)：基础Simulink模型搭建及Embedded基础使用...
- javascript实例——鼠标特效篇(包含2个实例)
- VC 位图按钮CBitmapButton的使用
- suse配置dhcp服务器
- python测试代码怎么写_如何使用python做单元测试？
- [转]android刷新后R.java不见了
- php 抽象工厂模式,php设计模式(五)抽象工厂模式
- docker-compose.yml(2)
- Android-path类整理
- 一个好玩的小游戏——麻神之战
- 最小公约数（大整数乘除法，C++）
- 为什么初等矩阵左乘相当于行变换，右乘相当于列变换
- 远远被大家低估了的实用智能家居设备——窗帘电机
- 如何在arxiv上面发论文