购物车发货+未发货

最新推荐文章于 2024-01-05 11:28:45 发布
最新推荐文章于 2024-01-05 11:28:45 发布
阅读量264 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40531965/article/details/78840305
版权
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.first{
            background-color: #007aff;
        }
        /*  表格奇数行变 中绿 色     */
        tbody tr:nth-child(odd){
            background-color: #00FA9A;
        }
        /*  表格偶数行变 弱绿 色   */
        tbody tr:nth-child(even){
            background-color: #98FB98;
        }
        .li{
            background-color:#FEB6C1;
            font-size: 15px;
            color:#93212E;
        }
        .inputErrorColor{
            border:1px solid #ff3b30;
        }
        .inputSuccessColor{
            border:1px solid black;
        }
</style>
<script type="text/javascript" src="../js/jquery-2.1.0.js" ></script>
<script type="text/javascript">
$(function () {
            /*  表格第一行变 天蓝 色     */
            $("thead tr").addClass("first");
        });
</script>
<script type="text/javascript" src="../angular/angular.js" ></script>
<script type="text/javascript">
var app=angular.module("myApp",[]);
app.controller("myCtrl",function($scope){
//定义数据源
$scope.color="#000";
$scope.goods=[
        {
        id:2001,
        name:"iPhoneX",
        username:"张三",
        tel:13525565588,
        price:8699,
        city:"北京",
        time:new Date("2017-11-23 10:00:00"),
        goodsState:"已发货",
        state:false,
        colors: "#31FE31"
        },
        {
        id:3006,
        name:"iPhone6",
        username:"王红",
        tel:18524565588,
        price:5635,
        city:"郑州",
        time:new Date("2017-11-23 11:38"),
        goodsState:"已发货",
        state:false,
        colors: "#31FE31"
        },
        {
        id:5312,
        name:"iPhone7",
        username:"赵小龙",
        tel:17545565598,
        price:6180,
        city:"北京",
        time:new Date("2017-11-23 09:17"),
        goodsState:"未发货",
        state:false,
        colors: "#FFFF31"
        },
        {
        id:2132,
        name:"iPhone8",
        username:"赵强",
        tel:17625565618,
        price:7190,
        city:"上海",
        time:new Date("2017-11-23 10:40"),
        goodsState:"未发货",
        state:false,
        colors: "#FFFF31"
        }
];
//查询
                  $scope.searName = "";
                  $scope.searTel = "";
                  $scope.CX = "";
                  $scope.Cx = function () {
                  if ($scope.searName != "" && $scope.searName != null) {
                    $scope.CX = {'name': $scope.searName};
                 } else if ($scope.searTel != "" && $scope.searTel != null) {
                    $scope.CX = {'tel': $scope.searTel};
                 } else {
                    $scope.CX = "";
                 }
                return $scope.CX;
              };
              
 //下拉菜单筛选 已发货、未发货
$scope.selectState="";
$scope.isShow=function(goods){
if ($scope.selectState=="")
{
return true;
} else if ($scope.selectState !="")
{
if (goods==$scope.selectState) 
{
return true;
} else
{
return false;
}
}

}
 
//按钮点击变色
$scope.Discolor=function(goods1){
for (g in $scope.goods)
{
   if ($scope.goods[g].id==goods1) 
   {
    if ($scope.goods[g].goodsState=="已发货")
    {
    $scope.goods[g].goodsState="未发货";
    $scope.goods[g].colors="#FFFF31";
    } else{
    $scope.goods[g].goodsState="已发货";
    $scope.goods[g].colors="#31FE31";
    }
   }  
}
}

//全选&&全不选  
            $scope.checkedAll = false;
            var a=0;
            //正着全选
            $scope.selectAll =function(){
                if($scope.checkedAll){
                    for(var i=0;i<$scope.goods.length;i++){
                        $scope.goods[i].state = true;
                        a++;
                    }
                }else{
                    for(var i=0;i<$scope.goods.length;i++){
                        $scope.goods[i].state = false;
                        a--;
                    }
                }
            };
            
             //反着全选
            $scope.selectOne = function(index){
                if($scope.goods[index].state){
                    a++;
                }else{
                    a--;
                }
                if(a==$scope.goods.length){
                    //如果小按钮全部选中了,就让大的全选按钮也选中
                    $scope.checkedAll = true;
                }else{
                    $scope.checkedAll = false;
                }
            };
            
            //批量删除点击事件
            $scope.delSelect=function(){
            if (a==0)
            {
            alert("请选择要批量删除的商品!");
            } else
            {
            for (var i=0;i<$scope.goods.length;i++) 
            {
            if ($scope.goods[i].state)
            {
            $scope.goods.splice(i,1);
            i--;
            a--;
            }
            }
            $scope.checkedAll=false;
            alert("删除成功!");
            }
            };
             /* 5. 使用AngularJS过滤器orderBy对商品进行排序：具体是点击每一列标题名字时，产品进行正序倒序排列。*/
            $scope.sortFlag="-";
            $scope.sortName="name";
            $scope.sortGoods=function(columnName){
            $scope.sortName=columnName;
            if ( $scope.sortFlag=="-")
            {
            $scope.sortFlag="";
            } else
            {
            $scope.sortFlag="-";
            }
            };
            
            //添加订单
            $scope.isShow1=false;
            $scope.isShow2=false;
            $scope.isShow3=false;
            $scope.isShow4=false;
            $scope.isShow5=false;
            $scope.isShow0=false;
            
            $scope.addGoods=function(){
            $scope.color="#000";
            if ($scope.isShow0==false)
            {
            $scope.isShow0=true;
            } else
            {
            $scope.isShow0=false;
            }
            }
            
            $scope.Newname="";
            $scope.Newusername="";
            $scope.Newtel="";
            $scope.Newprice="";
            $scope.citys="--选择城市--"; 
            var a=0;
            $scope.sub=function(){
            $scope.subflag=true;
            if ($scope.Newname==null || $scope.Newname=="")
            {
            $scope.isShow1=true;
            $scope.subflag=false;
            }
            if ($scope.Newusername==null || $scope.Newusername=="")
            {
            $scope.isShow2=true;
            $scope.subflag=false;
            }
            if ($scope.Newtel==null || $scope.Newtel=="")
            {
            $scope.isShow3=true;
            $scope.subflag=false;
            }
            if ($scope.Newprice==null || $scope.Newprice=="" || isNaN($scope.Newprice))
            {
            $scope.isShow4=true;
            $scope.subflag=false;
            }
            if ($scope.citys=="--选择城市--")
            {
            $scope.isShow5=true;
            $scope.subflag=false;
            }
            if ($scope.subflag==true)
            {
            a++;
            var time=new Date();
            var add=
            {
            id:a,
            name:$scope.Newname,
            username:$scope.Newusername,
            tel:parseInt($scope.Newtel),
            price:parseInt($scope.Newprice),
            city:$scope.citys,
            time:time,
            goodsState:"未发货",
            colors: "#FFFF31",
            state:false
            };
            $scope.goods.push(add);
            $scope.isShow1=false;
            $scope.isShow2=false;
            $scope.isShow3=false;
            $scope.isShow4=false;
            $scope.isShow5=false;
            $scope.isShow0=false;
            $scope.Newname="";
                    $scope.Newusername="";
                    $scope.Newtel="";
                    $scope.Newprice="";
                    $scope.citys="--选择城市--"; 
            } else
            {
            $scope.color="F00";
            }
           
            }


 
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<center>
<h3>商品订单信息表</h3>
<p>
<button ng-click="addGoods()" style="background-color: #28a54c;color: white;">新增订单</button>
       <button ng-click="delSelect()" style="background-color: #28a54c;color: white;">批量删除订单</button>
<input type="text" placeholder="按商品名查询" ng-model="searName" ng-change="Cx()" />&nbsp;
<input type="text" placeholder="按手机号查询" ng-model="searTel" ng-change="Cx()" />&nbsp;
   <select ng-model="selectState">
    <option value="">--按状态查询--</option>
    <option value="已发货">已发货</option>
    <option value="未发货" >未发货</option>
   </select>
</p>
  
       <table border="1px solid #777777" cellspacing="0" cellpadding="18">
        <thead>
        <tr>
        <th><input type="checkbox" ng-model="checkedAll" ng-click="selectAll()" /></th>
        <th>ID
        <button ng-click="sortGoods('id')" style="background-color: #28a54c;color: white;border: 0 solid #28a54c;">排序</button>
        </th>
        <th>商品名</th>
        <th>用户名</th>
        <th>手机号</th>
        <th>价格
        <button ng-click="sortGoods('price')" style="background-color: #28a54c;color: white;border: 0 solid #28a54c;">排序</button>
        </th>
        <th>城市</th>
        <th>下单时间
        <button ng-click="sortGoods('time')" style="background-color: #28a54c;color: white;border: 0 solid #28a54c;">排序</button>
        </th>
        <th>状态</th>
        </tr>
        </thead>
           <tbody>
            <tr ng-repeat="sp in goods | filter:CX | filter:searTel | orderBy:(sortFlag+sortName)" ng-show="isShow(sp.goodsState)" >
            <th><input type="checkbox" ng-model="sp.state" ng-click="selectOne($index)"  /></th>
            <td>{{sp.id}}</td>
            <td>{{sp.name}}</td>
            <td>{{sp.username}}</td>
            <td>{{sp.tel}}</td>
            <td>￥{{sp.price.toFixed(2)}}</td>
            <td>{{sp.city}}</td>
            <td>{{sp.time | date:"MM-dd hh:mm"}}</td>
            <td>
            <input type="button" style="background:{{sp.colors}}" value={{sp.goodsState}} ng-click="Discolor(sp.id)">
            </td>
            </tr>
           </tbody>
       </table>
       <div style="width: 400px; border: 1px solid #f00; margin-top: 20px;" ng-show="isShow0">
        <h3>添加订单信息</h3>
        <ul style="list-style: none">
        <li>商品名:<input type="text" ng-model="Newname" style="border-color:{{color}}">&nbsp;<span class="span" ng-show="isShow1">商品名不能为空！</span></li><br>
                         <li>用户名:<input type="text" ng-model="Newusername" style="border-color:{{color}}">&nbsp;<span class="span" ng-show="isShow2">用户名不能为空！</span></li><br>
                         <li>手机号:<input type="text" ng-model="Newtel" style="border-color:{{color}}">&nbsp;<span class="span" ng-show="isShow3">手机号格式有误！</span></li><br>
                         <li>价格为:<input type="text" ng-model="Newprice" style="border-color:{{color}}">&nbsp;&nbsp;&nbsp;<span class="span" ng-show="isShow4">价格格式有误！</span></li><br>
                         <li>城市:<select ng-model="citys" style="border-color:{{color}}"><option>--选择城市--</option><option>四川</option><option>河北</option></select>&nbsp;<span class="span" ng-show="isShow5">城市不能为空！</span></li>
        </ul>
        <button ng-click="sub()" style="background-color: #28a54c;color:white;">保存</button>
       </div>
</center>
</body>
</html>
枯泔U
关注
商品状态图
05-21
在系统运行的某一时刻，每个对象都处于某种状态中，该状态运行表示对象执行了前一个活动或动作的结果，它通常由其属性值和与其他对象的链接来确定。
实体类 商品状态表（products_status）
chaoyv
08-06 1169
package cn.entity; /* * 商品状态表（products_status） * */ public class ProductsStatus { private int products_status_id;//状态编号 private String products_status_content;//状态名称 private String prod...
商品的状态
laowaizhangge的博客
07-18 142
电商,商品状态,
商品状态查询
gengtianbo的博客
12-18 582
.first { background-color: #007aff; } /*  表格奇数行变 中绿 色     */ tbody tr:nth-child(odd) { background-color: #00FA9A; } /*  表格偶数行变 弱绿 色   */ tbody tr:nth-child(even) { background-color: #98FB
得物商品状态体系介绍
最新发布
SmartCodeTech的博客
01-05 2824
目前得物的商品分为三种类型，分别是：新品、商品、草稿。但是只有商品是可售卖的，新品和草稿都不是可售卖的。
PHPCMS商城模块_购物车+订单模块
11-27
"PHPCMS商城模块_购物车+订单模块"是专为电商网站设计的一个功能组件，旨在提供一个完整的在线购物解决方案。这个模块包含了商品展示、购物车管理和订单处理的关键功能，使网站能够实现用户选购商品、结算并进行支付...
phpcms v9 购物车+商品模块+订单 最新V9商城插件
03-23
本插件是针对PHPCMS V9系统设计的，主要包含了购物车、商品管理和订单处理功能，为搭建专业化的在线商城提供了便利。 1. **购物车模块**： - 购物车功能是电商系统的核心部分，允许用户选择商品并暂存，以便一次性...
java web +JSP+mySQL 购物车
10-12
后台功能包括商品的添加、删除、更新，订单的审核、发货，以及用户反馈的处理等。前台则为用户提供浏览、搜索、购买等操作。 7. **MVC模式**：在Java Web开发中，Model-View-Controller（MVC）模式被广泛采用，它将...
最土团购商业版最新2.0 购物车插件,发货系统,快递跟踪插件
12-07
最土购物车插件 CV2.0_1650_1690_1724 补丁，包括（最土购物车插件+最土发货系统+最土快递跟踪插件） 购物车功能，需要在后台——设置——选项——杂项设置中开启“购物车” 支持最土程序商业版CV2.0版本 备份后，...
10.实现商品新增
Ly20160520的博客
04-09 398
1.实现商品新增，我们发现，新增是要包括两张表的。而且，我们要实现事务回滚，也就是说，如果新增过程中失败，那么我们就要将数据库恢复到之前的状态。我们首先在dubbo中书写对应的service及其实现类。 /** * 新增包含商品表和商品描述表 * @param tbItem * @param desc * @return */ int insTbItemDesc(TbIt...
jquery做的购物车(效果非常好)
10-26
jquery做的购物车，效果不错，分享一下，希望对各位有用
查看所有商品
weixin_42735880的博客
10-08 738
index.jsp &lt;%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html
vuecli实战商城后台管理系统
03-07
适用人群具有一定javaScript基础具有一定Vuejs基础课程概述本季度基于Vuecli + elementUI实战开发商城后台管理系统完整视频教程，其中包括vuex模块化管理、Vue-router二次封装、使用element-ui库、支付模块、多权限管理、商品多规格实现、对象存储、api接口安全以及部署服务器上线等知识等。课程大纲见以下图！
电商中订单的状态有哪几种，请依次说明各个状态的生命周期
YiFeng_888的博客
01-08 3万+
当用户点击“一键购买”或者是从购物车里点击 “去结算” ，会跳转到 “核实订单信息”  页面，当全部核实以后点击“提交订单按钮”，此时会跳转到支付页面，并且订单提交成功， 此时此刻才算刚刚开始：整个流程如图(生命周期)： 1、订单提交成功    此时的订单状态默认为未确认；        那么它的生命周期正如上图中提交订单，它是单线操作，当支付成功，平台通过异步处理，回调机制获取到已支付...
仿京东 首页i+购物车+详情页i
wsj19970717的博客
07-30 607
//配置支持Rxjava2 implementation 'com.squareup.retrofit2:adapter-rxjava2:+' implementation 'io.reactivex.rxjava2:rxjava:+' implementation 'io.reactivex.rxjava2:rxandroid:+' //banner i...
SQL server 多表查询与视图的使用
Sally的博客
05-23 6022
use Saijie    create table goods1(    商品编号  int primary key identity(1,1),--主键，自增    商品名称  varchar(20) unique,  --唯一键    商品价格  decimal(5,1)  check(商品价格>0), ); drop table member  create tabl
Sql语句的基本查询用法，两表联查，3表联查
热门推荐
it白白的博客
01-24 3万+
查询表中所有学生的信息： Select * from exam; 查询表中所有学生的姓名和对应的英语成绩： Select name，englich from exam； 过滤表中的重复数据： Select distinct english from exam; 在所有学生分数上加10分特长分显示 Select name,english+10 from exam 统计每个学生的总分 ...
SSH框架网上商城项目实战：购物车功能实现解析
创建购物项表的SQL语句如下（未给出，但通常会包含商品ID、订单ID和数量等字段）。 在实现购物车功能时，通常会涉及以下几个步骤： 1. **商品选择**：用户浏览商品并将其添加到购物车。这需要在前端展示商品信息，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值