shop--7.店铺编辑和列表--店铺管理前端

最新推荐文章于 2025-09-06 22:56:13 发布

转载最新推荐文章于 2025-09-06 22:56:13 发布 · 160 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/SkyeAngel/p/8903674.html

文章标签：

#前端 #ViewUI

本文介绍了一个商店管理页面的实现方式，包括HTML结构、CSS样式及JavaScript交互逻辑。页面提供了多个管理模块链接，如商铺信息、商品管理等，并通过获取查询字符串来决定显示的内容。

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/shopmanegement.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 href="/shopadmin/shopoperation" class="button button-big button-fill">商铺信息</a>
            </div>
            <div class="col-50 mb">
                <a href="/shop/productmanage" class="button button-big button-fill">商品管理</a>
            </div>
            <div class="col-50 mb">
                <a href="/shop/productcategorymanage" class="button button-big button-fill">类别管理</a>
            </div>
            <div class="col-50 mb">
                <a href="/shop/awardmanage" class="button button-big button-fill">奖品管理</a>
            </div>
            <div class="col-50 mb">
                <a href="/shop/productbuycheck" class="button button-big button-fill">消费记录</a>
            </div>
            <div class="col-50 mb">
                <a href="/shop/awarddelivercheck" class="button button-big button-fill">积分对换</a>
            </div>
            <div class="col-50 mb">
                <a href="/shop/usershopcheck" class="button button-big button-fill">顾客积分</a>
            </div>
            <div class="col-50 mb">
                <a href="/shop/shopauthmanage" class="button button-big button-fill">授权管理</a>
            </div>
            <div class="col-100 mb">
                <a href="/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/commons.js' charset="utf-8"></script>
</body>
</html>

shopmanegement.js

$(function(){
   var shopId = getQueryString('shopId');
   var shopInfoUrl = '/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', '/shopadmin/shopoperation?shopId=' + shopId);
        }
    });
});

shopmanegement.css