超市小票

最新推荐文章于 2022-07-18 13:47:31 发布
最新推荐文章于 2022-07-18 13:47:31 发布
阅读量1.1k 收藏
点赞数
分类专栏： html js css 文章标签： css html 超市小票
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/someby/article/details/77011793
版权
html js 同时被 2 个专栏收录
15 篇文章 0 订阅
订阅专栏
css
10 篇文章 0 订阅
订阅专栏
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>打印订单</title>
<style>
*{
font-size: 12px;
}
.modal-body{
width: 200px;
border: 1px solid gray;
/*background: gray; */
background: #FCFCFC;
margin: 0 auto;
padding: 20px 10px;
}


.modal-body-background{
/*background-image: url(line2.png);
background-repeat: repeat;*/
background-size:5px;
height: 5px;
width: 100%;
text-align: center;
line-height: 5px;
margin: 20px 0;
}
#top{
display: inline;
text-align:center;
font-size: 12px;
background: #FCFCFC;
padding-bottom:1px;
}
p{
text-align: left;
line-height: 10px;
padding: 5px;
}
.foodname{
width: 60%;
text-align: left;
margin-left: 3em;
}


.foodnum{
width: 20%;
text-align: center;
}


.foodprice{
width: 20%;
text-align: center;


}


</style>
</head>
<body>
<div class='modal-body updatetableform'>


<div>
<div class="modal-body-background" style="margin-top: 20px;margin-bottom: 40px;">


<div id="top">盘中餐体验店</div>
<hr style="border : 1px dashed;" />


</div>
<p class="position">订单编号：<span>orderNumber</span></p>
<p class="position">订单时间：<span>orderTime</span></p>
</div>


<div >
<div class="modal-body-background">
<hr style="border : 1px dashed;" />
</div>
<p>姓名：<span>小明</span></p>
<p>手机号：<span>手机号</span></p>
<p>姓名：<span>小明</span></p>
<p>消费时间：<span>消费时间</span></p>
<p>用餐人数：<span>人数</span></p>
<p>预定位置：<span>预定位置</span></p>
</div>


<div >
<div class="modal-body-background">
<hr style="border : 1px dashed;" />
</div>
<table style="width: 100%;">
<thead>
<tr>
<th class="foodname">菜名</th>
<th class="foodprice">份数</th>
<th class="foodnum">价格</th>
</tr>
</thead>
</table>


<hr style="border:1px dotted #036;"/>


<table style="width: 100%;">
               <tbody>
<c:forEach items="${item.key.orderDishes}" var="dish">
               <tr>
<td class="foodname">青菜</td>
<td class="foodnum">200</td>
<td class="foodprice">300</td>
</tr>
</c:forEach>
<tr>
<td class="foodname">优惠券</td>
<td style="width: 40%;text-align:center;padding-left: 20%;" colspan="2">200</td>
</tr>
<tr>
<td class="foodname">总额</td>
<td style="width: 40%;text-align:center;padding-left: 20%;" colspan="2">200</td>
</tr>
</tbody>
</table>
 
</div>
<div class="modal-body-background" style="margin-top: 20px;">
<hr style="border : 1px dashed;" />
<div id="top">我知盘中餐</div>
<hr style="border : 1px dashed;" />
</div>
</div>
</body>
</html>
zerone-f
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
用HTML和css写一个简单地购物小票
weixin_63622186的博客
11-11 1658
效果图 HTML代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>小票</title> <link rel="stylesheet" href="./css/xiaopiao.css" /> </head> <body> <div style="width:1600;">
超市小票识别系统（java）
05-21
超市小票识别系统（java）
超市小票票头的c语言程序,商场收银系统(C语言设计)（14页）-原创力文档
weixin_42347634的博客
05-19 1020
课 程 设 计课程名称 C语言程序设计课程设计A 题目名称 商场收银系统1目 录1 系统分析.................................................................................................................... 11.1 课程设计内容....................
超市购物小票案例
fmk1023的博客
08-26 7196
超市购物小票案例 1.1超市购物小票需求分析 模拟真实购物逻辑，以上述图片为需求原型，根据不同购买物品，完成购物小票内容打印到控制台。(简化项目逻辑，票脚部分只完成数据统计) 数据： 将超市购物小票案例中零散数据(名称、货号、单价、数量、计价单位、金额)封装为货物对象 所有的货物对象放置到集合中统一管理。 逻辑： 用户循环进行三个操作： 输入购买数量，代表为所购买货物的数量赋值，从而计算每...
超市小票打印
04-03
超市小票打印 不错的代码选择
模拟超市小票打印程序
03-04
这是一个模拟超市购物及打印小票的程序！适合初学者。主要练习数组的使用。
C#Winform打印超市小票.zip
04-09
在本文中，我们将深入探讨如何使用C# Winform来实现超市购物小票的打印功能。在C#编程环境中，Windows Forms（Winform）提供了一个强大的用户界面开发平台，而打印功能则是许多应用程序不可或缺的一部分，特别是在...
超市小票机软件
09-19
功能一:查看销售统计功能。... 。如果查看某个销售单号下的购买明细，可以双击销售统计里面该销售单号下的记录，就可以显示购买明细了。 功能二:查询功能。... 功能三:导出功能。将销售统计信息导出到Excel表中。
通过Web打印超市一样的小票
04-21
通过Web打印超市一样的小票。测试可以使用。。。
用计算机设计购物小票,商友星云系统软件票据和条码标签设计和打印
weixin_29322553的博客
07-02 1212
1.下载云打印服务器1)下载在第一次安装商务星云系统软件，打开“系统”-“小票设计”的模块，软件会自动弹出“云打印服务器”下载的模块：点击弹窗“执行安装”的链接，就能够下载云打印服务器。2)安装打开下载的文件：CLodop_Setup_for_Win32NT点击next 自动安装完成。3)启动第一次安装默认直接启动：启动后点击 “确定”的按钮；完成以上安装启动，打开“小票设计”可能还会有“云打印服...
超市购物小票C#程序代码
12-29
超市购物小票C#程序代码
57小票模板
07-27
57小票模板，小票打印机模板可下载参考，非常不错的资料
小票打印软件
07-26
小票打印机软件小票打印机软件小票打印机软件小票打印机软件小票打印机软件
高速发票小票打印字体
11-23
实用字体，专用特殊字体，再也不怕找不到字体而犯愁
基于opencv 的OCR小票识别(1)
monk96的博客
07-18 3744
今天在超市购物的时候，发现一个新的需求，能不能通过拍照识别的方式进行记账，于是开始行动，干起来。-灰度化，去噪，边缘检测算法。进行OCR框架安装和文字识别。
前端打印流响应_前端开发-餐饮小票自主打印应用开发
weixin_39724362的博客
11-21 559
餐饮小票自主打印应用#程序员干货站#餐饮小票是餐厅消费的主要凭证之一，与消费发票共同构成了很多单位财务报销的依据。对于部分小餐饮企业由于各种原因未能为用户提供餐饮小票，给消费者带来麻烦。本例以此需求为背景结合JavaScript、HTML、CSS等设计开发基于Web的餐饮小票BIY软件，可以低成本帮助商家解决小票打印问题。实现效果本例实现餐饮小票DIY应用，主要包括两方面功能，其一为基本信息的填写...
小票打印模板生成DragControl
05-07
小票打印模板生成DragControl zpl 斑马打印机打印模板
06 单例模式_打印机案例
黄朋生的博客
10-20 506
#06 单例模式_打印机案例 #define _CRT_SECURE_NO_WARNINGS #include <iostream> #include <string> using namespace std; class Printer{ private: Printer(){ mCnt = 0; } public: static Printer* getInstance(){ return pPrinter; } //提供打印接口 void print.
python模拟超市购物小票
最新发布
04-05
以下是一个简单的Python程序，用于模拟超市购物小票： ```python # 商品信息 products = { 'apple': 3.5, 'banana': 2.5, 'orange': 4.0, 'watermelon': 1.8, 'grape': 5.0 } # 用户购买清单 shopping_list =...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值