商品订单 添加、查询、状态、时间。。

最新推荐文章于 2022-03-29 12:48:20 发布
最新推荐文章于 2022-03-29 12:48:20 发布
阅读量1.2k 收藏 3
点赞数
分类专栏： angularjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiaosheng1/article/details/78342390
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="angular.js"></script>
    <script src="angular-route.js"></script>
    <script>
        var app = angular.module("myApp",['ngRoute']);
        //配置路由
        app.config(["$routeProvider",function($routeProvider){
            $routeProvider
                .when("/",{})
                .when("/addOrder",{
                    controller:"addOrderCtrl",
                    templateUrl:"addOrder.html"
                })
                .otherwise({redirectTo:"/addOrder"});
        }]);


        app.controller("myCtrl",function($scope,$location) {
            $scope.users = [
                {id:1,shop:"ipone4",name:"张三",phone:"151111111",price:4999.00,city:"北京",time:"08-01 10:00",state:"发货"},
                {id:2,shop:"小米6",name:"李四",phone:"152222222",price:2999.00,city:"北京",time:"08-02 10:00",state:"发货"},
                {id:3,shop:"华为P9",name:"王五",phone:"153333333",price:3999.00,city:"上海",time:"09-03 10:00",state:"已发货"},
                {id:4,shop:"OPPO R11",name:"赵六",phone:"154444444",price:4999.00,city:"天津",time:"09-04 10:00",state:"已收货"},
                {id:5,shop:"VIVO",name:"周七",phone:"155555555",price:2999.00,city:"重庆",time:"10-04 10:00",state:"已发货"}
            ];
            //定义跳转方法
            $scope.goToPath = function(){
                $location.path("/addOrder");
            }

            $scope.startTime = "开始月份";
            $scope.endTime = "结束月份";
            //过滤时间
            $scope.filterTime = function(index){
                //获得开始和结束月份

                //获取当前订单的时间月份
                var time = $scope.users[index].time;
                var month = parseInt(time.split("-")[0]);

                if($scope.startTime == "开始月份" || $scope.endTime == "结束月份"){
                    return true;
                }else{
                    var start = parseInt($scope.startTime);
                    var end = parseInt($scope.endTime);

                    if(month >=start && month<=end ){
                        return true;
                    }else{
                        return false;
                    }
                }
            }
            //批量发送
            $scope.sendSel=function(){
                var userNames=[];
                for(index in $scope.users){
                    if($scope.users[index].stat == true){
                        userNames.push($scope.users[index].name);
                    }
                }

                if(userNames.length>0){
                    if(confirm("是否发送选中项？")){
                        for(i in userNames){
                            var name=userNames[i];
                            for(i2 in $scope.users){
                                if($scope.users[i2].name==name){
                                    $scope.users[i2].state = "已发货";
                                }
                            }
                        }
                    }
                }else{
                    alert("请选择发送的项")
                }
            }
            //全选方法
            $scope.selectAll = false;
            $scope.selectAllFun = function(){
                if($scope.selectAll){
                    for(index in $scope.users){
                        $scope.users[index].stat = true;
                    }
                }else{
                    for(index in $scope.users){
                        $scope.users[index].stat = false;
                    }
                }
            }

            //检测是否全选
            $scope.checkSelect = function(index){
                var temp = 0;
                if($scope.users[index].stat == true){
                    temp++;
                }else{
                    temp--;
                }
                if(temp == $scope.users.length){
                    $scope.selectAll = true;
                }else{
                    $scope.selectAll = false;
                }

                var haha = false;
                for(i in $scope.users){
                    if($scope.users[i].state == true){

                    }else{
                        haha = true;
                    }
                }
                if(haha){
                    $scope.selectAll = false;
                }else{
                    $scope.selectAll = true;
                }
            }
            //选择城市查询
            $scope.cityTest = function (city,citysize) {
                if (citysize != "选择城市"){
                    var citys = citysize.split("-");
                    if (citys == city){
                        return true;
                    }else{
                        return false;
                    }
                }else{
                    return true;
                }
            };
            //选择状态查询
            $scope.stateTest = function (state,statesize) {
                if (statesize != "选择状态"){
                    var states = statesize.split("-");
                    if (states == state){
                        return true;
                    }else{
                        return false;
                    }
                }else{
                    return true;
                }
            };
            //排序
            $scope.rese = false;
            $scope.sort1 = function (sort) {
                $scope.active = sort;
                console.log(sort);
                if ($scope.sort == sort) {
                    $scope.rese = !$scope.rese;
                }
                else {
                    $scope.rese = false;
                }
                $scope.sort = sort;
            }

            //更改状态
            $scope.changeState = function(index){
                $scope.users[index].state = "已发货";
            }
            //更改状态
            $scope.chanState = function(index){
                $scope.users[index].state = "已收货";
            }
        });
        app.controller("addOrderCtrl",function($scope){
            $scope.goodName = "";
            $scope.userName = "";
            $scope.num = "";
            $scope.city = "选择城市";

            $scope.li1 = false;
            $scope.li2 = false;
            $scope.li3 = false;
            $scope.li4 = false;
            $scope.li5 = false;
            $scope.li6 = false;
            $scope.li7 = false;


            $scope.sub = function(){
                //判断商品名是否为空
                if($scope.goodName == null || $scope.goodName == ""){
                    $scope.li1 = true;
                }else{
                    $scope.li1 = false;
                    //判断商品名是否符合格式
                    if($scope.goodName.length <= 6 || $scope.goodName.length >= 20){
                        alert("asf")
                        $scope.li2 = true;
                    }else{
                        $scope.li2 = false;
                    }
                }
                //判断用户名是否为空
                if($scope.userName == null || $scope.userName == ""){
                    $scope.li3 = true;
                }else{
                    $scope.li3 = false;
                    //判断用户名是否符合格式
                    if($scope.userName.length <= 4 || $scope.userName.length >= 16){
                        $scope.li4 = true;
                    }else{
                        $scope.li4 = false;
                    }
                }
                //判断手机号是否为空
                if($scope.num == null || $scope.num == ""){
                    $scope.li5 = true;
                }else{
                    $scope.li5 = false;
                    //判断手机号是否符合格式
                    alert($scope.num.length);
                    if($scope.num.length == 11){
                        if(isNaN($scope.num)){
                            $scope.li6 = true;
                        }else{
                            $scope.li6 = false;
                        }
                    }else{
                        $scope.li6 = true;
                    }
                }
                //判断手机号是否符合格式
                if($scope.city == "选择城市"){
                    $scope.li7 = true;
                }else{
                    $scope.li7 = false;
                }


                if(!$scope.li1 && !$scope.li2 && !$scope.li3 && !$scope.li4 && !$scope.li5 && !$scope.li6 && !$scope.li7){
                    //全显示，格式全不正确，才能进来
                    //获得ID
                    var idMax = 0;
                    for(index in $scope.users){
                        if($scope.users[index].id>idMax){
                            idMax = $scope.users[index].id;
                        }
                    }
                    //alert("添加");
                    var date = new Date();
                    var month = date.getMonth()+1;
                    var day = date.getDate();
                    var hours = date.getHours();
                    var minute = date.getMinutes();
                    var myTime = month+"-"+day+" "+hours+":"+minute;
                    var user = {
                        id:idMax+1,
                        shop:$scope.goodName,
                       name:$scope.userName,
                        phone:$scope.num,
                        price:2999.00,
                        city:$scope.city,
                        time:myTime,
                        state:"发货"
                    };
                    //将订单添加到数据源
                    $scope.users.push(user);
                }else{
                    //
                }
            }
        });
    </script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<center>
    <h3>订单页面</h3>
    <input ng-model="search" type="text" placeholder="用户名搜索" size="8" />
    <input ng-model="iphone" type="text" placeholder="手机号搜索"size="8" />
    <select id="city" ng-model="citysize" ng-init="citysize='选择城市'">
        <option>选择城市</option>
        <option>北京</option>
        <option>上海</option>
        <option>天津</option>
        <option>重庆</option>
    </select>
    <select id="state" ng-model="statesize" ng-init="statesize='选择状态'">
        <option>选择状态</option>
        <option>发货</option>
        <option>已发货</option>
        <option>已收货</option>
    </select>
    <select ng-model="startTime">
        <option>开始月份</option>
        <option>01</option>
        <option>02</option>
        <option>03</option>
        <option>04</option>
        <option>05</option>
        <option>06</option>
        <option>07</option>
        <option>08</option>
        <option>09</option>
        <option>10</option>
        <option>11</option>
        <option>12</option>
    </select>-
    <select ng-model="endTime">
        <option>结束月份</option>
        <option>01</option>
        <option>02</option>
        <option>03</option>
        <option>04</option>
        <option>05</option>
        <option>06</option>
        <option>07</option>
        <option>08</option>
        <option>09</option>
        <option>10</option>
        <option>11</option>
        <option>12</option>
    </select><br /><br />
    <button ng-click="goToPath()">新增订单</button>
    <button ng-click="sendSel()">批量发货</button><br /><br />
    <table border="1" cellspacing="1" cellpadding="10">
        <thead>
        <tr>
            <th><input type="checkbox" ng-model="selectAll" ng-click="selectAllFun()"/></th>
            <th>ID<button style="background:#0C800F " ng-click="sort1('id')" ng-class="{active:active=='id'}">排序</button></th>
            <th>商品名</th>
            <th>用户名</th>
            <th>手机号</th>
            <th>价格<button style="background:#0C800F" ng-click="sort1('price')" ng-class="{active:active=='price'}">排序</button></th>
            <th>城市</th>
            <th>下单时间<button style="background:#0C800F" ng-click="sort1('time')" ng-class="{active:active=='time'}">排序</button></th>
            <th>状态</th>
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat="user in users | filter:{name:search} | filter:{phone:iphone} | orderBy:sort:rese " ng-show="cityTest(user.city,citysize)&&filterTime($index)" ng-if="stateTest(user.state,statesize)">
            <td><input type="checkbox" ng-click="checkSelect($index)" ng-model="user.stat"/></td>
            <td>{{user.id}}</td>
            <td>{{user.shop}}</td>
            <td>{{user.name}}</td>
            <td>{{user.phone}}</td>
            <td>{{user.price | currency:"￥:"}}</td>
            <td>{{user.city}}</td>
            <td>{{user.time}}</td>
            <td>
                <span ng-if="user.state == '发货'"><a ng-click="changeState($index)" href="#">{{user.state}}</a></span>
                <span ng-if="user.state == '已发货'"><a ng-click="chanState($index)" href="#">{{user.state}}</a></span>
                <span ng-if="user.state == '已收货'">{{user.state}}</span>
            </td>
        </tr>
        </tbody>
    </table>
</center>
<!-- 添加定点页面 -->
<script type="text/ng-template" id="addOrder.html">
    <center>
        <h3>新增订单</h3>
        商品名：<input type="text" ng-model="goodName" placeholder="6-20个字符"/><br /><br />
        用户名：<input type="text" ng-model="userName" placeholder="4-16个字符"/><br /><br />
        手机号：<input type="text" ng-model="num" placeholder="4-16个字符"/><br /><br />
        城市：<select ng-model="city">
        <option>选择城市</option>
        <option>北京</option>
        <option>上海</option>
        <option>天津</option>
        <option>重庆</option>
    </select><br />
        <ul>
            <li ng-show="li1">商品不能为空</li>
            <li ng-show="li2">商品名必须是6-20个字符</li>
            <li ng-show="li3">用户名不能为空</li>
            <li ng-show="li4">用户名必须是4-16个字符</li>
            <li ng-show="li5">手机号不能为空</li>
            <li ng-show="li6">手机号格式不正确</li>
            <li ng-show="li7">请选择城市</li>
        </ul>
        <input ng-click="sub()" type="button" value="提交"/><br />
    </center>
</script>

<div ng-view>

</div>
</body>
</html>
微信支付查询订单比较时间
zengxin的博客
04-04 1932
最近,在写一个微信支付接口,分享一下,我在查询订单的时间比较问题.官方微信支付订单查询: https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=9_2我知道订单默认是2个小时超时状态.原来是直接乘2个小时与当前时间比较发现,一进判断就结束了,后面就不执行了.后来网上查询了一下,微信支付和其他的不一样,我就修改成下面的方法:订单支付时间，格...
商品订单信息管理例子(Angularjs)
weixin_40321535的博客
12-14 567
增,删,查,排序,
9.2 黑马Vue电商后台管理系统 商品列表 完善：添加商品时间的改进
weixin_47505105的博客
03-29 1216
原来的时间显示是有问题的，对dataFormat稍加修改即可。
实战day04（七）----商品添加
csdn_kenneth的博客
02-24 447
一、功能分析添加工具类：E3Result.java请求的url：/item/save参数：表单的数据。可以使用pojo接收表单的数据，要求pojo的属性和input的name属性要一致。使用TbItem对象接收表单的数据。TbItem item,String desc返回值：Json数据。应该包含一个status的属性。可以使用E3Result，放到e3-common中。业务逻辑：1、生成商品id...
JAVA生成订单号(日期+流水号)
01-05
java按日期加流水号方式生成订单号，已经测试过，可递增方式生成。
Python-京东抢购助手包含登录查询商品库存价格添加清空购物车抢购商品下单查询订单等功能
08-10
这个助手集成了多个实用功能，包括登录、查询商品信息、管理购物车以及执行抢购和订单查询等。接下来，我们将详细探讨这些功能背后的Python技术和知识点。 1. **网络请求与数据解析**： - **requests库**：Python...
京东抢购助手：包含登录，查询商品库存_价格，添加_清空购物车，抢购商品(下单)，查询订单等功能.zip
10-31
它整合了多种功能，包括登录、商品库存与价格查询、购物车管理以及订单操作等，使得抢购过程更为便捷。本文将详细阐述京东抢购助手的各项核心功能及其背后的IT技术。 首先，登录功能是京东抢购助手的基础。通常，该...
京东抢购助手：包含登录，查询商品库存_价格，添加_清空购物车，抢购商品(下单)，抢购口罩，查询订单等功能.zip
最新发布
10-31
此外，查询订单功能使得用户可以轻松跟踪已购买商品的配送状态。这对于关注物流进度、确保及时收货的用户来说十分实用。通过定期检查订单状态，用户可以随时了解商品何时发货、预计何时到达，从而合理安排时间。 ...
java后台实现支付宝支付接口和支付宝订单查询接口(前端为APP)
08-27
然后，使用SDK提供的API实现支付宝订单查询接口，包括订单状态查询、订单详情查询等功能。 本文详细介绍了Java后台实现支付宝支付接口和支付宝订单查询接口的详细过程，旨在帮助开发者快速实现支付宝支付功能。
小米订单管理查询-免费
05-23
- "小米订单管理查询" 还提供了购物车查询功能，用户可以查看当前存在于购物车中的商品，方便用户随时修改、添加或删除商品，提高购物体验。 - 购物车管理不仅帮助用户保存心仪的商品，还便于比较不同商品的价格和...
项目需求：将购物车中的商品添加到订单表和订单商品表
热门推荐
重燃小窗
03-17 1万+
实现购物车中的商品批量更新订单状态，批量插入到订单物品表以及插入到订单表中
JS获取当前时间作为订单编号
一捆铁树枝的博客
01-09 2674
需要获取的时间格式为：20190109174520 格式化时间的工厂函数如下 CurentTime() { let now = new Date(); let year = now.getFullYear(); //年 let month = now.getMonth() + 1; //月 let ...
php商城系统商品属性中的大小和颜色如何在添加商品的时候增加库存数量（临时解决办法）thinkphp5.0 勤勤学长
勤勤学长的csdn博客
02-13 1857
  做的是服装商城系统，有颜色和大小的区别。 颜色：黄色、绿色、蓝色 大小：150、160、170 比如以上就有9种可能性。 黄色/150，黄色/160，黄色170，等，库存是不一样的。 由于目前我这边只有可选的比较少，最终我做成了这样 虽然我有更好的想法，但是无奈前端技术不过关，将就着用。 php部分，分别先把颜色和大小的数据取出来。一个颜色把所有大小匹配。 ...
微信查询订单状态
doutao6677的专栏
06-04 4643
/* 微信订单查询 是否提交成功 */ @RequestMapping("/search") public void search(HttpServletResponse response, HttpServletRequest request) throws Exception { String order_no = Util.getString(request, "order_no", ""...
mysql添加订单时间_用mysql创建订单
weixin_35147832的博客
01-18 400
任务一：创建数据框zhengjuanNO 1、NO 2、点击上图标，得到下图NO 3、点击Apply按钮，得到下图NO 4、点击Apply按钮，得到下图NO 5、点击Finish按钮，完成数据库zhengjuan创建任务二：在创建好的数据框zhengjuan中创建表tableNO1、在schemas区找到zhengjuanNO2、单击Tables，后点击右键出现菜单栏，点击Create table...
js实现支付页面的倒计时
zl_StepByStep的博客
01-16 6704
一般涉及到电商的都会涉及到倒计时，比如下单后在30min中付款，预售商品倒计时开始，秒杀倒计时等等，都需要显示倒计时作为提示，下面是一个简单的实现。
实现查询订单的详情功能
xzy的博客
04-29 1915
文章目录实现查询订单的详情功能需求给/admin/order/list.jsp页面上的"订单详情"添加单击事件单击事件showDetail的代码AdminOrderServlet服务器中的showDetail方法service层的getById方法dao层的getById方法layui框架测试 实现查询订单的详情功能 需求 需求：在/admin/order/list.jsp页面上点击每一个订单的"订单详情"，将该订单的订单项列表展示出来 给/admin/order/list.jsp页面上的"订单详情"添加单
ECSHOP用户中心订单列表显示商品缩略图解决方案
有时，用户可能希望在订单列表中不仅能查看订单的基本信息，如订单号、下单时间、订单状态和总价，还希望能直接看到购买商品的缩略图，以便快速识别购买的商品。在标题和描述中提到的问题，就是如何在订单列表页面...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值