招牌菜

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.d2{
        border:0px solid #000fff; 
        height:200px; 
        background:url(../img/Z1.png) 370px -41px;
        background-repeat: no-repeat;  
        background-color: #EEEEEE;
			}
			.d3{
				width: auto;
				height: 220px;
				border: 3px solid whitesmoke;
			}
			.d3l{
				float: left;
				
			}
			.d3r{
				float: right;
				
			}
		</style>
	</head>
	<body>
		<div class="d1">
			
				<div class="d2">
				</div>
				
				<div class="d3">
					
					<div class="d3l">
									<table border="1" cellspacing="0" cellpadding="0" width="700" height="200" bgcolor="#FFFFFF">

			<tr >
				<td rowspan="3" align="center" width="400px" height="50px"><img src="../img/Z2.png"/></td>
				<td align="center" width="60px" >猪尾</td>
				<td align="center" width="296px" height="150px"  >飘香猪尾特色私房菜 五香卤猪尾巴 酒店特色招牌菜半成品食材400g

</td>
			</tr>
			<tr >
				<td align="center" width="60px">价格</td>
				<td align="center">65元</td>
			</tr>
			<tr>
				<td colspan="2" align="center" bgcolor="#D58512">
				    <form action="livemessage.html" method="get"  >
						<input type="submit" value="加入购物车" style="background: #CCCC00;" />
					</form>
				</td>
			</tr>
			</table>
					</div>
					
					
               <div class="d3r">
               				<table border="1" cellspacing="0" cellpadding="0" width="700" height="200" bgcolor="#FFFFFF">

			<tr >
				<td rowspan="3" align="center"><img src="../img/Z4.png"/></td>
				<td align="center" width="50px">葱烧小乌</td>
				<td width="296px" height="150px" > 哈鲜 冷冻朝鲜葱烧小乌参 450g 半成品方便菜 自营海鲜水产</td>
			</tr>
			<tr >
				<td align="center">价格</td>
				<td align="center">99元</td>
			</tr>
			<tr>
				<td colspan="2" align="center" bgcolor="#D58512">
					<form action="livemessage.html" method="get">
						
						<input type="submit" value="加入购物车"  style="background: #CCCC00;"/>
					</form>
				</td>
			</tr>
		</table>
               </div>
				</div>
				
				
		
						<div class="d3">
					
					<div class="d3l">
									<table border="1" cellspacing="0" cellpadding="0" width="700" height="200" bgcolor="#FFFFFF">

			<tr >
				<td rowspan="3" align="center" width="400px" height="50px"><img src="../img/Z5.png"></td>
				<td align="center" width="60px" >黄酸汤</td>
				<td align="center" width="296px" height="150px"  >冷冻黄酸汤巴沙鱼片半成品方便菜 400g/袋
</td>
			</tr>
			<tr >
				<td align="center" width="60px">价格</td>
				<td align="center">29元</td>
			</tr>
			<tr>
				<td colspan="2" align="center" bgcolor="#D58512">
				    <form action="livemessage.html" method="get"  >
						<input type="submit" value="加入购物车" style="background: #CCCC00;" />
					</form>
				</td>
			</tr>
			</table>
					</div>
					
					
               <div class="d3r">
               				<table border="1" cellspacing="0" cellpadding="0" width="700" height="200" bgcolor="#FFFFFF">

			<tr >
				<td rowspan="3" align="center"><img src="../img/Z6.png"/></td>
				<td align="center" width="50px">手工虾丸</td>
				<td width="296px" height="150px" >哈鲜 冷冻手工虾丸 180g 盒装 火锅食材 自营海鲜水产

</td>
			</tr>
			<tr >
				<td align="center">价格</td>
				<td align="center">88元</td>
			</tr>
			<tr>
				<td colspan="2" align="center" bgcolor="#D58512">
					<form action="livemessage.html" method="get">
						
						<input type="submit" value="加入购物车"  style="background: #CCCC00;"/>
					</form>
				</td>
			</tr>
		</table>
               </div>
		
		
				</div>
				
				
								<div class="d3">
					
					<div class="d3l">
									<table border="1" cellspacing="0" cellpadding="0" width="700" height="200" bgcolor="#FFFFFF">

			<tr >
				<td rowspan="3" align="center" width="400px" height="50px"><img src="../img/Z7.png"></td>
				<td align="center" width="60px" >双味扇贝</td>
				<td align="center" width="296px" height="150px"  >哈鲜 冷冻双味扇贝(蒜蓉粉丝扇贝+紫袍玉带贝)117g 自营海鲜水产

</td>
			</tr>
			<tr >
				<td align="center" width="60px">价格</td>
				<td align="center">99元</td>
			</tr>
			<tr>
				<td colspan="2" align="center" bgcolor="#D58512">
				    <form action="livemessage.html" method="get"  >
						<input type="submit" value="加入购物车" style="background: #CCCC00;" />
					</form>
				</td>
			</tr>
			</table>
					</div>
					
					
               <div class="d3r">
               				<table border="1" cellspacing="0" cellpadding="0" width="700" height="200" bgcolor="#FFFFFF">

			<tr >
				<td rowspan="3" align="center"><img src="../img/Z8.png"/></td>
				<td align="center" width="50px">馋嘴牛蛙</td>
				<td width="296px" height="150px" >哈鲜 冷冻馋嘴牛蛙 630g 半成品方便菜 自营海鲜水产
</td>
			</tr>
			<tr >
				<td align="center">价格</td>
				<td align="center">96元</td>
			</tr>
			<tr>
				<td colspan="2" align="center" bgcolor="#D58512">
					<form action="livemessage.html" method="get">
						
						<input type="submit" value="加入购物车"  style="background: #CCCC00;"/>
					</form>
				</td>
			</tr>
		</table>
               </div>
		
		
				</div>
		</div>
		
	</body>
</html>

 

论文指导老师说我的论文像产品说明书,现在你来帮我看看,需要对第四章进行怎样的改动:4 系统功能模块设计 4.1系统总体架构设计 4.1.1 部署架构 微信小程序点餐系统的部署架构需满足 “高并发、弹性扩展、快速迭代”[6]等核心需求。以下是三种主流架构模式的对比及选型依据: 表4-1 主流架构模式的对比 架构模式 适用场景 优点 缺点 适配性分析 单体架构 小型低频系统(日活<1k) 开发简单、部署成本低 扩展性差、维护困难 不适用:订单高峰期易崩溃 微服务架构 中大型复杂系统(日活>10k) 模块化开发、独立扩展、容错性强 运维复杂度高、需服务治理 推荐选型:契合餐饮业务模块化需求(订单、库存、支付分离) Serverless(微信云函数)架构 流量波动大的轻量级系统 自动扩缩容、按需付费、免运维 冷启动延迟、厂商锁定风险 辅助选型:适合营销活动等临时性功能 综合比较,最终架构选择:微服务架构为主+Serverless 辅助 核心原因: 1.业务解耦:订单服务、库存服务、支付服务独立部署,避免单点故障。 2.弹性扩展:通过Kubernetes动态扩缩容[7]实例(如高峰期订单服务实例数从5→20)。 3.容灾能力:服务熔断(Hystrix)与降级策略保障核心链路(如支付)稳定性。 4.成本优化:非核心功能(如促销券发放)采用 Serverless(微信云函数),按需调用。 4.1.2 系统运行方式 系统采用分层架构,分为以下四层: 1.客户端层(微信小程序前端) a.功能组成: UI交互模块:基于MINA 框架的WXML/WXSS 实现点餐界面、购物车、支付页面。 本地缓存模块:使用wx.setStorageSync (微信开放平台)缓存用户历史订单、单草稿。[9] 硬件调用模块:集成微信原生API(扫码、地理位置、NFC)。 b.技术指标: 首屏加载时间≤800ms(分包加载优化后) 交互响应延迟≤50ms 2.接入层 核心功能: 流量管控:Nginx 反向代理实现负载均衡,支持10,000+QPS。 安全防护:JWT鉴权、IP限流(50次/秒)、SQL注入过滤。 协议转换:统一RESTful API 规范,兼容WebSocket实时通信。 配置示例: 4.2用户端功能模块设计 1.首页模块: 展示餐厅的招牌菜品、优惠活动等信息,提供搜索框方便用户查找
04-28
<template> <Header></Header> <el-carousel indicator-positlon="outside"> <el-carouscl-iten v-for="item in imgs" :key="item"> < img :src="item" sty1e="width:100%;"/> </el-carousel-item> </el-carousely> <div> <span> 主题系列 </span> <el-divider /> <div class="box"> <div class="card" v-for="(iteml, index) in list" :key="index"> < img :src="item1.img"/> <p>{{item1.name}}<p> </div> </div> </div> <div> <span> 招牌菜系 </span> <el-divider /> <div class="list"> < img src="../assets/buy.png"/>     <span>品名称</span>     <P>¥15元</P> <div class="num">     <button>-</button>     <h1>5</h1>     <button>+</button> </div> </template> <script>     import { reactive,toRefs } from 'vue'     import img1 from "../assets/1.png"     import img2 from "../assets/2.png"     import img3 from "../assets/3.png"     import img4 from "../assets/4.png"     import img5 from "../assets/1.png"     import img6 from "../assets/1.png"     import img7 from "../assets/1.png"     import img8 from "../assets/1.png"     import img9 from "../assets/1.png"     import img10 from "../assets/1.png"     export default{         setup(){             let data=reactive({                 imgs:[img1,img2,img3,img4],                 list:[                     {name:"川系列",img:img5},                     {name:"鲁系列",img:img6},                     {name:"粤系列",img:img7},                     {name:"湘系列",img:img8},                     {name:"闽系列",img:img9},                 ]             })             return{                 ...toRefs(data)             }         }     } </script>
06-19
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值