<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>酒店管理系统</title> <link rel="stylesheet" href="style.css"> </head> <body> 酒店管理系统
<main> 酒店客房管理
酒店管理系统
| ID | 类型 | 价格 | 编辑 |
|---|---|---|---|
| 1 | 单人房 | ¥200 | <button class="edit-btn">编辑</button> |
| 2 | 双人房 | ¥300 | <button class="edit-btn">编辑</button> |
| 3 | 豪华房 | ¥500 | <button class="edit-btn">编辑</button> |
添加客房
<form> <label for="room-id">ID：</label> <input type="number" id="room-id" required>
<label for="room-type">类型：</label> <input type="text" id="room-type" required>
<label for="room-price">价格：</label> <input type="number" id="room-price" required>
<button type="submit">添加</button> </form> 1 2
11 21 商品名称 单价 数量 总价 操作 ![]()
健身水杯 100 <input type="number" value="1" min="1"> 100 <button class="btn btn-danger">删除</button> ![]()
商品2200 <input type="number" value="1" min="1"> 200 <button class="btn btn-danger">删除</button> ![]()
商品3300 <input type="number" value="1" min="1"> 300 <button class="btn btn-danger">删除</button> 总价： 600
让总体居中
<select v-model="selectedYear">
<option v-for="year in years" :key="year" :value="year">{{ year }}</option>
</select>
台风编号
台风名
英文名
<input type="radio" :value="typhoon.id" v-model="selectedTyphoonId">
{{ typhoon.number }}
{{ typhoon.name }}
{{ typhoon.englishName }}
事件
风速
移向
强度
{{ detail.event }}
{{ detail.windSpeed }}
{{ detail.direction }}
{{ detail.intensity }}
上述是我的前端代码，请在我的前端代码和css样式的基础上进行修改 </form> 改为html语言 用读取下面html代码，改写为字符串，没有缩进<html> <head> <meta charset="UTF-8"> <style> html{background-color: white;}table{text-align:center;border-collapse:collapse;border:1px solid black;}td{word-break:break-all;border:1px solid black;}td{padding:6px;padding-left: 15px;padding-right: 15px;border:1px solid black;} </style> </head>
海运订舱委托书 LOADING PORT NINGBO DESDRINATION ASHDOD
</html> 机票编号 起飞时间 到达时间 起飞地点 到达地点 价格 选择 <c:forEach var="ticket" items="${ticketList}"> ${ticket.ticketId} ${ticket.departureTime} ${ticket.arrivalTime} ${ticket.departurePlace} ${ticket.arrivalPlace} ${ticket.price} <input type="checkbox" name="selectedTickets" value="${ticket.ticketId}"> </c:forEach>
将此代码补充为完整的jsp页面代码 在这个代码中再加一个类型，颜色和重量。
| 1 | 2 |
| 商品名称 | 单价 | 数量 | 总价 | 操作 |
|---|---|---|---|---|
健身水杯 | 100 | <input type="number" value="1" min="1"> | 100 | <button class="btn btn-danger">删除</button> |
商品2 | 200 | <input type="number" value="1" min="1"> | 200 | <button class="btn btn-danger">删除</button> |
商品3 | 300 | <input type="number" value="1" min="1"> | 300 | <button class="btn btn-danger">删除</button> |
| 总价： | 600 | |||
<select v-model="selectedYear">
<option v-for="year in years" :key="year" :value="year">{{ year }}</option>
</select>
| 台风编号 | 台风名 | 英文名 |
|---|
| <input type="radio" :value="typhoon.id" v-model="selectedTyphoonId"> | {{ typhoon.number }} | {{ typhoon.name }} | {{ typhoon.englishName }} |
| 事件 | 风速 | 移向 | 强度 |
|---|---|---|---|
| {{ detail.event }} | {{ detail.windSpeed }} | {{ detail.direction }} | {{ detail.intensity }} |
</form> 改为html语言
用读取下面html代码，改写为字符串，没有缩进<html> <head> <meta charset="UTF-8"> <style> html{background-color: white;}table{text-align:center;border-collapse:collapse;border:1px solid black;}td{word-break:break-all;border:1px solid black;}td{padding:6px;padding-left: 15px;padding-right: 15px;border:1px solid black;} </style> </head>
| 海运订舱委托书 | ||||
| LOADING PORT | NINGBO | DESDRINATION | ASHDOD | |
| 机票编号 | 起飞时间 | 到达时间 | 起飞地点 | 到达地点 | 价格 | 选择 |
|---|---|---|---|---|---|---|
| ${ticket.ticketId} | ${ticket.departureTime} | ${ticket.arrivalTime} | ${ticket.departurePlace} | ${ticket.arrivalPlace} | ${ticket.price} | <input type="checkbox" name="selectedTickets" value="${ticket.ticketId}"> |
