编写html代码,当obj.type等于1的时候,实现<a type_id="{{ obj.id }}" class="btn btn-primary btn-xs type">支付</a>
时间: 2024-05-04 18:17:52 浏览: 19
以下是实现的代码:
```html
{% if obj.type == 1 %}
<a type_id="{{ obj.id }}" class="btn btn-primary btn-xs type">支付</a>
{% endif %}
```
在这个代码中,我们使用了模板语言,判断了 `obj.type` 是否等于 1,如果是,就渲染出一个带有 `type_id` 属性和 `class` 为 `btn btn-primary btn-xs type` 的超链接。
相关问题
在一个使用ssm框架编写的Maven项目中,我如何使用ajax访问WEB-INF下的名为buySeat.jsp的jsp页面?并帮我优化这段代码 function initSchedule(obj){ var plist = $(".plist").find("tbody"); for(var i = 0;i < obj.data.length;i++){ plist.append( "<tr class=\"\">" + "<td> <span class=\"begin-time\">"+ obj.data[i].schedule_startTime +"</span> <br> </td>" + "<td> <span class=\"lang\">" + obj.data[i].schedule_movie.movie_country +"</span> </td>" + "<td> <span class=\"hall\">" + obj.data[i].schedule_hall.hall_name + "</span> </td>" + "<td> <span class=\"sell-price\"> <span class=\"stonefont\">" + obj.data[i].schedule_price + "</span> </span> </td>" + "<td> <a href="+ obj.data[i].schedule_id +"\"./buySeat?schedule_id=\" class=\"buy-btn normal\">选座购票</a> </td>" + "</tr>" ); } }
在使用SSM框架编写的Maven项目中,要使用Ajax访问WEB-INF下的jsp页面,需要按照以下步骤操作:
1. 将buySeat.jsp页面移动到webapp目录下,而不是WEB-INF目录下。因为WEB-INF目录默认情况下不能直接访问。
2. 在Controller中添加一个处理Ajax请求的方法,该方法返回buySeat.jsp页面的路径。
3. 在前端代码中使用Ajax调用这个请求方法,并将返回的页面路径作为URL传递给a标签的href属性。
以下是优化后的代码:
```javascript
function initSchedule(obj) {
var plist = $(".plist").find("tbody");
for (var i = 0; i < obj.data.length; i++) {
plist.append(
"<tr class=\"\">" +
"<td> <span class=\"begin-time\">" + obj.data[i].schedule_startTime + "</span> <br> </td>" +
"<td> <span class=\"lang\">" + obj.data[i].schedule_movie.movie_country + "</span> </td>" +
"<td> <span class=\"hall\">" + obj.data[i].schedule_hall.hall_name + "</span> </td>" +
"<td> <span class=\"sell-price\"> <span class=\"stonefont\">" + obj.data[i].schedule_price + "</span> </span> </td>" +
"<td> <a href=\"./buySeat?schedule_id=" + obj.data[i].schedule_id + "\" class=\"buy-btn normal\">选座购票</a> </td>" +
"</tr>"
);
}
}
```
请注意,以上代码假设你已经将buySeat.jsp页面移动到了webapp目录下,并在Controller中添加了处理Ajax请求的方法。确保URL的正确性和后端的相应处理。
<tr v-for="(obj,index) in tableData" :key="obj.id"> <td>{{obj.id}}</td> <td>{{obj.name}}</td> <td>{{obj.description}}</td> <td>{{obj.tips}}</td> <td>{{obj.subName}}</td> <td>{{obj.fileName}}</td> <td>{{obj.userName}}</td> <td> <button class="btn btn-primary btn-xs" @click="viewModal(obj)">预览</button> <button class="btn btn-success btn-xs" @click="downFile(obj.id)">下载</button> </td> <td> <button class="btn btn-primary btn-xs" @click="init(obj)">更新</button> <button class="btn btn-success btn-xs" @click="del(obj.id)">删除</button> </td> </tr>
这是Vue.js中的一个模板语法,用于展示一个表格。其中,`tableData`是一个数组,它包含了每一行的数据。通过`v-for`指令遍历数组,将每一个元素渲染成一个表格行。`:key`指令用来标识每一个元素,以便Vue.js在更新DOM时能够快速定位到元素。每一列的数据都通过插值语法`{{}}`来显示。其中,`@click`指令用来绑定事件,当用户点击按钮时,会触发相应的方法。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
请分析以下代码中“编辑”按钮为什么没有用?编辑 <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button> 烹饪分类信息编辑 <form class="form-horizontal" name="cookClassEditForm" id="cookClassEditForm" enctype="multipart/form-data" method="post" class="mar_t15"> <label for="cookClass_cookClassId_edit" class="col-md-3 text-right">分类id:</label> <input type="text" id="cookClass_cookClassId_edit" name="cookClass.cookClassId" class="form-control" placeholder="请输入分类id" readOnly> <label for="cookClass_className_edit" class="col-md-3 text-right">分类名称:</label> <input type="text" id="cookClass_className_edit" name="cookClass.className" class="form-control" placeholder="请输入分类名称"> <label for="cookClass_cookClassDesc_edit" class="col-md-3 text-right">烹饪分类介绍:</label> <textarea id="cookClass_cookClassDesc_edit" name="cookClass.cookClassDesc" rows="8" class="form-control" placeholder="请输入烹饪分类介绍"></textarea> </form> <style>#cookClassEditForm .form-group {margin-bottom:5px;} </style> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary" onclick="ajaxCookClassModify();">提交</button> function cookClassEdit(cookClassId) { $.ajax({ url : basePath + "CookClass/" + cookClassId + "/update", type : "get", dataType: "json", success : function (cookClass, response, status) { if (cookClass) { $("#cookClass_cookClassId_edit").val(cookClass.cookClassId); $("#cookClass_className_edit").val(cookClass.className); $("#cookClass_cookClassDesc_edit").val(cookClass.cookClassDesc); $('#cookClassEditDialog').modal('show'); } else { alert("获取信息失败!"); } } }); } function ajaxCookClassModify() { $.ajax({ url : basePath + "CookClass/" + $("#cookClass_cookClassId_edit").val() + "/update", type : "post", dataType: "json", data: new FormData($("#cookClassEditForm")[0]), success : function (obj, response, status) { if(obj.success){ alert("信息修改成功!"); location.href= basePath + "CookClass/frontlist"; }else{ alert(obj.message); } }, processData: false, contentType: false, }); }
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
h1>学生信息表格 <form class="info" autocomplete="off"> 姓名:<input type="text" class="uname" name="uname" /> 科目<input type="text" class="subject" name="subject" /> 成绩:<input type="text" class="score" name="score" /> <button class="add">录入</button> </form> 姓名 科目 成绩 操作 操作 <script> var data = [{ uname: '张三', subject: 'JavaScript', score: 100 }, { uname: '李四', subject: 'JavaScript', score: 90 }, { uname: '刘五', subject: 'JavaScript', score: 90 }]; var tbody = document.querySelector('tbody'); for (var i = 0; i < data.length; i++) { var tr = document.createElement('tr'); tbody.appendChild(tr); for (var k in data[i]) { var td = document.createElement('td'); td.innerHTML = data[i][k]; tr.appendChild(td); } var td = document.createElement('td'); td.innerHTML = '<a href="javascript:;">删除 </a>'; tr.appendChild(td); var td = document.createElement('td'); td.innerHTML = <button onclick="moveUp(this)">上移</button> <button onclick="moveDown(this)">下移</button> ; tr.appendChild(td); } var uname = document.querySelector('.uname'); var subject = document.querySelector('.subject'); var score = document.querySelector('.score'); var info = document.querySelector('.info'); var tbody = document.querySelector('tbody'); var arr = []; info.addEventListener('submit', function (e) { e.preventDefault(); var obj = { uname: uname.value, subject: subject.value, score: score.value, } arr.push(obj); this.reset(); for (var i = 0; i < arr.length; i++) { var tr = document.createElement('tr'); tr.innerHTML = ${arr[i].uname} ${arr[i].subject} ${arr[i].score} 删除 <button onclick="moveUp(this)">上移</button> <button onclick="moveDown(this)">下移</button> ; } tbody.appendChild(tr); }) var as = document.querySelectorAll('a'); for (var i = 0; i < as.length; i++) { as[i].onclick = function() { tbody.removeChild(this.parentNode.parentNode) } function moveUp(btn) { var row = btn.parentNode.parentNode; var prevRow = row.previousElementSibling; if (prevRow) { row.parentNode.insertBefore(row, prevRow); } else { row.parentNode.appendChild(row); } } } function moveDown(btn) { var row = btn.parentNode.parentNode; var nextRow = row.nextElementSibling; if (nextRow) { row.parentNode.insertBefore(nextRow, row); } else { var firstRow = row.parentNode.firstElementChild; row.parentNode.insertBefore(row, firstRow); } } </script>怎么用数组索引上下移动行
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
<script> layui.use(['upload'], function () { var uploadlnst = layui.upload.render({ elem: '#upload1', type: 'post', method: 'post', url: '/BookShopSystem_war/img', before: function (obj) { //预读本地文件示例,不支持ie8 obj.preview(function (index, file, result) { $("#demo1").attr('src', result); }); }, done: function (res) { if (res.code > 0) { return layer.msg('上传失败'); } alert('上传成功' + res.url); document.getElementById('img_url').value = res.url; }, error: function () { //演示失败状态,重传 var demoText = $('#demoText'); demoText.html('上传失败了 重试'); demoText.find('.demo-reload').on('click', function () { uploadlnst.upload(); }); } }); }); </script>
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)