zoukankan      html  css  js  c++  java
  • shop--8.店铺管理页面的开发

    shopmanagement.html

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>商店管理</title>
        <meta name="viewport" content="initial-scale=1, maximum-scale=1">
        <link rel="shortcut icon" href="/favicon.ico">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
        <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
        <link rel="stylesheet" href="../resources/css/shop/shopmanagement.css">
    </head>
    <body>
    <header class="bar bar-nav">
        <h1 class="title">商店管理</h1>
    </header>
    <div class="content">
        <div class="content-block">
            <div class="row">
                <div class="col-50 mb">
                    <a id="shopInfo" href="/o2o/shopadmin/shopoperation" class="button button-big button-fill">商铺信息</a>
                </div>
                <div class="col-50 mb">
                    <a href="/o2o/shop/productmanage" class="button button-big button-fill">商品管理</a>
                </div>
                <div class="col-50 mb">
                    <a href="/o2o/shop/productcategorymanage" class="button button-big button-fill">类别管理</a>
                </div>
                <div class="col-50 mb">
                    <a href="/o2o/shop/awardmanage" class="button button-big button-fill">奖品管理</a>
                </div>
                <div class="col-50 mb">
                    <a href="/o2o/shop/productbuycheck" class="button button-big button-fill">消费记录</a>
                </div>
                <div class="col-50 mb">
                    <a href="/o2o/shop/awarddelivercheck" class="button button-big button-fill">积分对换</a>
                </div>
                <div class="col-50 mb">
                    <a href="/o2o/shop/usershopcheck" class="button button-big button-fill">顾客积分</a>
                </div>
                <div class="col-50 mb">
                    <a href="/o2o/shop/shopauthmanage" class="button button-big button-fill">授权管理</a>
                </div>
                <div class="col-100 mb">
                    <a href="/o2o/shop/shoplist" class="button button-big button-fill button-danger">返回</a>
                </div>
            </div>
        </div>
    </div>
     
     
     
    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='../resources/js/shop/shopmanagement.js' charset='utf-8'></script>
        <script type='text/javascript' src='../resources/js/common/common.js'
            charset='utf-8'></script>
    </body>
    </html>

    shopmanegement.js

    $(function(){
       var shopId = getQueryString('shopId');
       var shopInfoUrl = '/o2o/shopadmin/getshopmanagementinfo?shopId=' + shopId;
        $.getJSON(shopInfoUrl, function(data){
            if(data.redirect){
                window.location.href=data.url;
            } else{
                if(data.shopId != undefined && data.shopId != null){
                    shopId = data.shopId;
                }
                //如果有shopId时,点击shopInfo是修改店铺信息,要不然就是注册(默认)
                $('#shopInfo').attr('href','/o2o/shopadmin/shopoperation?shopId=' + shopId);
            }
        });
    });

    shopmanegement.css

    .mb {
        margin-bottom: .5rem;
    }

     路由

    1     @RequestMapping(value = "/shopmanagement")
    2     public String shopManagement() {
    3         return "shop/shopmanagement";
    4     }
  • 相关阅读:
    2018.09.08什么是ajax
    2018.09.03怎样让网页自适应所有屏幕宽度
    2018.08.25字符串和二维数组之间的转换
    2018.08.20MySQL常用命令总结(二)
    2018.08.15解决MySQL1290问题
    2018.08.13MySQL常用命令总结(一)
    2018.08.11MySQL无法启动错误码1067的解决方法
    2018.08.10 css中position定位问题
    2018.08.10jQuery导航栏置顶
    2018.08.07css实现图片放大
  • 原文地址:https://www.cnblogs.com/windbag7/p/9390072.html
Copyright © 2011-2022 走看看