热门标签
热门文章
- 1Python编程入门学什么？_python程序设计学什么
- 2数组在Java中的运用_java 数组使用
- 3【问题记录】02 Linux服务器安装MySql数据库报错：Failing package is: mysql-community-server GPG Keys are configured as_linux mysql8 yum安装 gpg keys are configured
- 4软考证到底有多大个鸟用？_软考有什么用
- 5央视的AI动画《AI我中华》宣传视频，原来用AI工具Stable Diffusion制作，竟然这么简单？
- 6给大家推荐一个用Java开发的开源的AI模型_java 开源的ai
- 7虚拟机red hat linux下oracle9.2i的安装配置_oraclelinux9.2 安装oracle
- 8＜网络安全＞《83 微课堂＜国家数据要素总体框架＞》
- 9鸿蒙开发 - 常用UI组件介绍_鸿蒙开发中其他组件知识点
- 10抖音短视频数据抓取实战系列（十一）——Appium与Mitmproxy联合-自动取存抖音用户信息_appnium抓取数据
当前位置: article > 正文
springboot+angularJS_angular+spring boot
作者：你好赵伟 | 2024-05-18 13:28:39
赞
踩
angular+spring boot
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>Insert title here</title>
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript" src="angularjs/angular.min.js"></script>
<script type="text/javascript" src="angularjs/angular-locale_zh-cn.js"></script>
<script type="text/javascript" src="bootstrap/bootstrap.min.js"></script>
<link rel="stylesheet" href="bootstrap/bootstrap.min.css"></link>
</head>
<body>
<div ng-app="app" ng-controller="ctrl">
<div class="container">
<p>
订单编号<input type="text" ng-model="id"/>
订单状态:<select ng-model="state.stateid" ng-change="OnChang(state.stateid)">
<option>-请选择-</option>
<option ng-repeat="state in slist" value="{ {state.stateid}}">
{ {state.orderstate}}
</option>
</select>
支付类型:<select ng-model="pay.payid" ng-change="onChangPay(pay.payid)">
<option>-请选择-</option>
<option ng-repeat="pay in plist" value="{ {pay.payid}}">
{ {pay.typepay}}
</option>
</select>
<input type="button" value="查询" ng-click="queryLike(id)"/>
<input type="button" class="btn btn-success btn-xs" value="新增订单" ng-click="toAdd()"/>
</p>
<table class="table table-bordered table-hover table-striped">
<tr class="info" align="middle">
<td>订单编号</td>
<td>订单用户</td>
<td>购买金额</td>
<td>创建时间</td>
<td>支付类型</td>
<td>订单状态</td>
<td>操作</td>
</tr>
<tr ng-repeat="order in list" align="middle">
<td>{ {order.id}}</td>
<td>{ {order.username}}</td>
<td>{ {order.sumprice}}</td>
<td>{ {order.createtime}}</td>
<td>{ {order.typepay}}</td>
<td>{ {order.orderstate}}</td>
<td>
<input type="button" class="btn btn-danger btn-xs" value="删除" ng-click="deleteOrderById(order.id)"/>
<input type="button" ng-if="order.stateid+''=='1'" class="btn btn-success btn-xs" value="查看" ng-click="selectOrder(order.id)"/>
<input type="button" ng-if="order.stateid+''=='2'" class="btn btn-success btn-xs" value="查看" ng-click="selectOrder(order.id)"/>
<input type="button" ng-if="order.stateid+''=='3'" class="btn btn-success btn-xs" value="编辑" ng-click="toUpdate()"/>
<input type="button" ng-if="order.stateid+''=='2'" class="btn btn-success btn-xs" value="支付" ng-click="tozhifu(order.id)"/>
<input type="button" ng-if="order.stateid+''=='3'" class="btn btn-success btn-xs" value="提交" ng-click="toAdd()"/>
</td>
</tr>
</table>
</div>
<!-- 模态框（myModal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">{ {lab}}<
<html>
<head>
<meta charset="UTF-8"/>
<title>Insert title here</title>
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript" src="angularjs/angular.min.js"></script>
<script type="text/javascript" src="angularjs/angular-locale_zh-cn.js"></script>
<script type="text/javascript" src="bootstrap/bootstrap.min.js"></script>
<link rel="stylesheet" href="bootstrap/bootstrap.min.css"></link>
</head>
<body>
<div ng-app="app" ng-controller="ctrl">
<div class="container">
<p>
订单编号<input type="text" ng-model="id"/>
订单状态:<select ng-model="state.stateid" ng-change="OnChang(state.stateid)">
<option>-请选择-</option>
<option ng-repeat="state in slist" value="{ {state.stateid}}">
{ {state.orderstate}}
</option>
</select>
支付类型:<select ng-model="pay.payid" ng-change="onChangPay(pay.payid)">
<option>-请选择-</option>
<option ng-repeat="pay in plist" value="{ {pay.payid}}">
{ {pay.typepay}}
</option>
</select>
<input type="button" value="查询" ng-click="queryLike(id)"/>
<input type="button" class="btn btn-success btn-xs" value="新增订单" ng-click="toAdd()"/>
</p>
<table class="table table-bordered table-hover table-striped">
<tr class="info" align="middle">
<td>订单编号</td>
<td>订单用户</td>
<td>购买金额</td>
<td>创建时间</td>
<td>支付类型</td>
<td>订单状态</td>
<td>操作</td>
</tr>
<tr ng-repeat="order in list" align="middle">
<td>{ {order.id}}</td>
<td>{ {order.username}}</td>
<td>{ {order.sumprice}}</td>
<td>{ {order.createtime}}</td>
<td>{ {order.typepay}}</td>
<td>{ {order.orderstate}}</td>
<td>
<input type="button" class="btn btn-danger btn-xs" value="删除" ng-click="deleteOrderById(order.id)"/>
<input type="button" ng-if="order.stateid+''=='1'" class="btn btn-success btn-xs" value="查看" ng-click="selectOrder(order.id)"/>
<input type="button" ng-if="order.stateid+''=='2'" class="btn btn-success btn-xs" value="查看" ng-click="selectOrder(order.id)"/>
<input type="button" ng-if="order.stateid+''=='3'" class="btn btn-success btn-xs" value="编辑" ng-click="toUpdate()"/>
<input type="button" ng-if="order.stateid+''=='2'" class="btn btn-success btn-xs" value="支付" ng-click="tozhifu(order.id)"/>
<input type="button" ng-if="order.stateid+''=='3'" class="btn btn-success btn-xs" value="提交" ng-click="toAdd()"/>
</td>
</tr>
</table>
</div>
<!-- 模态框（myModal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">{ {lab}}<
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/588488
推荐阅读
相关标签
