通用的企业和商城网站后台模板源码 -

erdangjiade66
浏览: 10554 次
性别:
来自: 上海
最近访客更多访客>>

firehack
nihome
hudeyong926
lzp971205
博主相关

博客
微博
相册
留言
关于我
文章分类

全部博客 (6)
社区版块

存档分类

通用的企业和商城网站后台模板源码

Struts 企业应用 Hibernate iBATIS
公司的老系统用的是Asp.net开发的后台，最近运营人员提出各种bug，由于修复也是比较头疼的事情，所以决定用Java写后台重构系统，spring是最好的选择；四个Jsp程序员加上我一个前端，耗时3个月，终于大功告成。那我们把后台模板分享出来，希望你也可以用到哦。
大神勿喷！！这里也有些平时工作中遇到的，整合好的一些素材
演示效果你可以参考一下这里：http://www.erdangjiade.com/templates

效果图如下：
完整代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html lang="en">  
    <head>  
        <meta charset="utf-8" />  
        <title>二当家的官网网站后台管理系统  </title>  
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />  
        <link href="assets/css/bootstrap.min.css" rel="stylesheet" />  
        <link rel="stylesheet" href="assets/css/font-awesome.min.css" />  
        <!--[if IE 7]>  
          <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />  
        <![endif]-->  
        <link rel="stylesheet" href="assets/css/ace.min.css" />  
        <link rel="stylesheet" href="assets/css/ace-rtl.min.css" />  
        <link rel="stylesheet" href="assets/css/ace-skins.min.css" />  
        <link rel="stylesheet" href="css/style.css"/>  
        <!--[if lte IE 8]>  
          <link rel="stylesheet" href="assets/css/ace-ie.min.css" />  
        <![endif]-->  
        <script src="assets/js/ace-extra.min.js"></script>  
        <!--[if lt IE 9]>  
        <script src="assets/js/html5shiv.js"></script>  
        <script src="assets/js/respond.min.js"></script>  
        <![endif]-->  
        <!--[if !IE]> -->  
        <script src="js/jquery-1.9.1.min.js"></script>          
        <!-- <![endif]-->  
        <!--[if IE]>  
         <script type="text/javascript">window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"script>");</script>  
        <![endif]-->  
        <script type="text/javascript">  
            if("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"script>");  
        </script>  
        <script src="assets/js/bootstrap.min.js"></script>  
        <script src="assets/js/typeahead-bs2.min.js"></script>  
        <!--[if lte IE 8]>  
          <script src="assets/js/excanvas.min.js"></script>  
        <![endif]-->  
        <script src="assets/js/ace-elements.min.js"></script>  
        <script src="assets/js/ace.min.js"></script>  
        <script src="assets/layer/layer.js" type="text/javascript"></script>  
        <script src="assets/laydate/laydate.js" type="text/javascript"></script>  
        <script src="js/jquery.nicescroll.js" type="text/javascript"></script>  
          
<script type="text/javascript">     
 $(function(){   
 var cid = $('#nav_list> li>.submenu');  
      cid.each(function(i){   
       $(this).attr('id',"Sort_link_"+i);  
     
    })    
 })  
 jQuery(document).ready(function(){       
    $.each($(".submenu"),function(){  
    var $aobjs=$(this).children("li");  
    var rowCount=$aobjs.size();  
    var divHeigth=$(this).height();  
    $aobjs.height(divHeigth/rowCount);        
  });   
    //初始化宽度、高度  
  
    $("#main-container").height($(window).height()-76);   
    $("#iframe").height($(window).height()-140);   
       
    $(".sidebar").height($(window).height()-99);   
    var thisHeight = $("#nav_list").height($(window).outerHeight()-173);   
    $(".submenu").height();  
    $("#nav_list").children(".submenu").css("height",thisHeight);  
      
    //当文档窗口发生改变时 触发    
    $(window).resize(function(){  
    $("#main-container").height($(window).height()-76);   
    $("#iframe").height($(window).height()-140);  
    $(".sidebar").height($(window).height()-99);   
      
    var thisHeight = $("#nav_list").height($(window).outerHeight()-173);   
    $(".submenu").height();  
    $("#nav_list").children(".submenu").css("height",thisHeight);  
  });  
    $(document).on('click','.iframeurl',function(){  
                var cid = $(this).attr("name");  
                var cname = $(this).attr("title");  
                $("#iframe").attr("src",cid).ready();  
                $("#Bcrumbs").attr("href",cid).ready();  
                $(".Current_page a").attr('href',cid).ready();    
                $(".Current_page").attr('name',cid);  
                $(".Current_page").html(cname).css({"color":"#333333","cursor":"default"}).ready();   
                $("#parentIframe").html('<span class="parentIframe iframeurl"> </span>').css("display","none").ready();   
                $("#parentIfour").html(''). css("display","none").ready();        
      });  
       
      
          
});  
 /******/  
  $(document).on('click','.link_cz > li',function(){  
    $('.link_cz > li').removeClass('active');  
    $(this).addClass('active');  
});  
/*******************/  
//jQuery( document).ready(function(){  
//    $("#submit").click(function(){  
//  // var num=0;  
//     var str="";  
//     $("input[type$='password']").each(function(n){  
//          if($(this).val()=="")  
//          {  
//              // num++;  
//             layer.alert(str+=""+$(this).attr("name")+"不能为空！\r\n",{  
//                title: '提示框',               
//              icon:0,               
//          });   
//             // layer.msg(str+=""+$(this).attr("name")+"不能为空！\r\n");  
//             layer.close(index);  
//          }           
//     });      
//})          
//  });  
  
/*********************点击事件*********************/  
$( document).ready(function(){  
  $('#nav_list,.link_cz').find('li.home').on('click',function(){  
    $('#nav_list,.link_cz').find('li.home').removeClass('active');  
    $(this).addClass('active');  
  });                                                 
//时间设置  
  function currentTime(){   
    var d=new Date(),str='';   
    str+=d.getFullYear()+'年';   
    str+=d.getMonth() + 1+'月';   
    str+=d.getDate()+'日';   
    str+=d.getHours()+'时';   
    str+=d.getMinutes()+'分';   
    str+= d.getSeconds()+'秒';   
    return str;   
}   
  
setInterval(function(){$('#time').html(currentTime)},1000);   
//修改密码  
$('.change_Password').on('click', function(){  
    layer.open({  
    type: 1,  
    title:'修改密码',  
    area: ['300px','300px'],  
    shadeClose: true,  
    content: $('#change_Pass'),  
    btn:['确认修改'],  
    yes:function(index, layero){          
           if ($("#password").val()==""){  
              layer.alert('原密码不能为空!',{  
              title: '提示框',               
                icon:0,  
                  
             });  
            return false;  
          }   
          if ($("#Nes_pas").val()==""){  
              layer.alert('新密码不能为空!',{  
              title: '提示框',               
                icon:0,  
                  
             });  
            return false;  
          }   
             
          if ($("#c_mew_pas").val()==""){  
              layer.alert('确认新密码不能为空!',{  
              title: '提示框',               
                icon:0,  
                  
             });  
            return false;  
          }  
            if(!$("#c_mew_pas").val || $("#c_mew_pas").val() != $("#Nes_pas").val() )  
        {  
            layer.alert('密码不一致!',{  
              title: '提示框',               
                icon:0,  
                  
             });  
             return false;  
        }     
         else{              
              layer.alert('修改成功！',{  
               title: '提示框',                  
            icon:1,       
              });   
              layer.close(index);        
          }    
    }  
    });  
});  
  $('#Exit_system').on('click', function(){  
      layer.confirm('是否确定退出系统？', {  
     btn: ['是','否'] ,//按钮  
     icon:2,  
    },   
    function(){  
      location.href="login.html";  
          
    });  
});  
});  
function link_operating(name,title){  
                var cid = $(this).name;  
                var cname = $(this).title;  
                $("#iframe").attr("src",cid).ready();  
                $("#Bcrumbs").attr("href",cid).ready();  
                $(".Current_page a").attr('href',cid).ready();    
                $(".Current_page").attr('name',cid);  
                $(".Current_page").html(cname).css({"color":"#333333","cursor":"default"}).ready();   
                $("#parentIframe").html('<span class="parentIframe iframeurl"> </span>').css("display","none").ready();   
                $("#parentIfour").html(''). css("display","none").ready();        
        
      
}  
</script>   
    </head>  
    <body>  
        <div class="navbar navbar-default" id="navbar">  
        <script type="text/javascript">  
                try{ace.settings.check('navbar' , 'fixed')}catch(e){}  
            </script>  
            <div class="navbar-container" id="navbar-container">  
                <div class="navbar-header pull-left">  
                    <a href="http://www.erdangjiade.com" class="navbar-brand">  
                        <small>                     
                        <img src="images/logo.png" width="210px">  
                        </small>  
                    </a><!-- /.brand -->  
                </div><!-- /.navbar-header -->  
                <div class="navbar-header operating pull-left">  
                  
                </div>  
               <div class="navbar-header pull-right" role="navigation">  
               <ul class="nav ace-nav">     
                <li class="light-blue">  
                <a data-toggle="dropdown" href="http://www.erdangjiade.com" class="dropdown-toggle">  
                 <span  class="time"><em id="time"></em></span><span class="user-info"><small>欢迎光临,</small>超级管理员</span>  
                 <i class="icon-caret-down"></i>  
                </a>  
                <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">  
                 <li><a href="javascript:void(0" name="Systems.html" title="系统设置" class="iframeurl"><i class="icon-cog"></i>网站设置</a></li>  
                 <li><a href="javascript:void(0)" name="admin_info.html" title="个人信息" class="iframeurl"><i class="icon-user"></i>个人资料</a></li>  
                 <li class="divider"></li>  
                 <li><a href="javascript:ovid(0)" id="Exit_system"><i class="icon-off"></i>退出</a></li>  
                </ul>  
               </li>  
               <li class="purple">  
                <a data-toggle="dropdown" class="dropdown-toggle" href="http://www.erdangjiade.com"><i class="icon-bell-alt"></i><span class="badge badge-important">8</span></a>  
                            <ul class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">  
                            <li class="dropdown-header"><i class="icon-warning-sign"></i>8条通知</li>  
                            <li>  
                              <a href="http://www.erdangjiade.com">  
                                        <div class="clearfix">  
                                            <span class="pull-left">  
                                                <i class="btn btn-xs no-hover btn-pink icon-comments-alt"></i>  
                                                最新消息  
                                            </span>  
                                            <span class="pull-right badge badge-info">+12</span>  
                                        </div>  
                                    </a>  
                                </li>  
  
                                <li>  
                                    <a href="http://www.erdangjiade.com">  
                                        <i class="btn btn-xs btn-primary icon-user"></i>  
                                        切换为编辑登录..  
                                    </a>  
                                </li>  
  
                                <li>  
                                    <a href="http://www.erdangjiade.com">  
                                        <div class="clearfix">  
                                            <span class="pull-left">  
                                                <i class="btn btn-xs no-hover btn-success icon-shopping-cart"></i>  
                                                新订单  
                                            </span>  
                                            <span class="pull-right badge badge-success">+8</span>  
                                        </div>  
                                    </a>  
                                </li>  
  
                                <li>  
                                    <a href="http://www.erdangjiade.com">  
                                        <div class="clearfix">  
                                            <span class="pull-left">  
                                                <i class="btn btn-xs no-hover btn-info icon-twitter"></i>  
                                                用户消息  
                                            </span>  
                                            <span class="pull-right badge badge-info">+11</span>  
                                        </div>  
                                    </a>  
                                </li>  
  
                                <li>  
                                    <a href="http://www.erdangjiade.com">  
                                        查看所有通知  
                                        <i class="icon-arrow-right"></i>  
                                    </a>  
                                </li>  
                            </ul>  
                        </li>  
  
                      
                    </ul>  
                <!-- <div class="right_info">  
                   
                   <div class="get_time" ><span id="time" class="time"></span>欢迎光临,管理员</span></div>  
                    <ul class="nav ace-nav">    
                        <li><a href="javascript:ovid(0)" class="change_Password">修改密码</a></li>  
                        <li><a href="javascript:ovid(0)" id="Exit_system">退出系统</a></li>  
                         
                    </ul>  
                </div>-->  
                </div>  
            </div>  
        </div>  
        <div class="main-container" id="main-container">  
        <script type="text/javascript">  
                try{ace.settings.check('main-container' , 'fixed')}catch(e){}  
            </script>  
            <div class="main-container-inner">  
                <a class="menu-toggler" id="menu-toggler" href="http://www.erdangjiade.com">  
                    <span class="menu-text"></span>  
                </a>  
                <div class="sidebar" id="sidebar">  
<script type="text/javascript">  
                        try{ace.settings.check('sidebar' , 'fixed')}catch(e){}  
                    </script>  
                    <div class="sidebar-shortcuts" id="sidebar-shortcuts">  
                        <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">  
                            <a class="btn btn-success">  
                                <i class="icon-signal"></i>  
                            </a>  
  
                            <a class="btn btn-info">  
                                <i class="icon-pencil"></i>  
                            </a>  
  
                            <a class="btn btn-warning">  
                                <i class="icon-group"></i>  
                            </a>  
  
                            <a class="btn btn-danger">  
                                <i class="icon-cogs"></i>  
                            </a>  
                        </div>  
  
                        <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">  
                            <span class="btn btn-success"></span>  
  
                            <span class="btn btn-info"></span>  
  
                            <span class="btn btn-warning"></span>  
  
                            <span class="btn btn-danger"></span>  
                        </div>  
                    </div><!-- #sidebar-shortcuts -->  
                    <div id="menu_style" class="menu_style">  
                    <ul class="nav nav-list" id="nav_list">  
                     <li class="home"><a href="javascript:void(0)" name="home.html" class="iframeurl" title=""><i class="icon-home"></i><span class="menu-text"> 系统首页 </span></a></li>  
                     <li><a href="http://www.erdangjiade.com" class="dropdown-toggle"><i class="icon-desktop"></i><span class="menu-text"> 产品管理 </span><b class="arrow icon-angle-down"></b></a>  
                       <ul class="submenu">  
                         <li class="home"><a  href="javascript:void(0)" name="Products_List.html"  title="产品类表" class="iframeurl"><i class="icon-double-angle-right"></i>产品类表</a></li>  
                         <li class="home"><a  href="javascript:void(0)" name="Brand_Manage.html" title="品牌管理"  class="iframeurl"><i class="icon-double-angle-right"></i>品牌管理</a></li>  
                         <li class="home"><a href="javascript:void(0)" name="Category_Manage.html" title="分类管理"  class="iframeurl"><i class="icon-double-angle-right"></i>分类管理</a></li>  
  
                        </ul>  
                    </li>  
                    <li>  
                    <a href="http://www.erdangjiade.com" class="dropdown-toggle"><i class="icon-picture "></i><span class="menu-text"> 图片管理 </span><b class="arrow icon-angle-down"></b></a>  
                        <ul class="submenu">  
                        <li class="home"><a href="javascript:void(0)" name="advertising.html" title="广告管理" class="iframeurl"><i class="icon-double-angle-right"></i>广告管理</a></li>  
                        <li class="home"><a href="javascript:void(0)" name="Sort_ads.html" title="分类管理"  class="iframeurl"><i class="icon-double-angle-right"></i>分类管理</a></li>  
                            </ul>  
                        </li>  
                    <li>  
                    <a href="http://www.erdangjiade.com" class="dropdown-toggle"><i class="icon-list"></i><span class="menu-text"> 交易管理 </span><b class="arrow icon-angle-down"></b></a>  
                    <ul class="submenu">  
                    <li class="home"><a href="javascript:void(0)" name="transaction.html" title="交易信息"  class="iframeurl"><i class="icon-double-angle-right"></i>交易信息</a></li>  
                    <li class="home"><a href="javascript:void(0)" name="Order_Chart.html" title="交易订单（图）"  class="iframeurl"><i class="icon-double-angle-right"></i>交易订单(图)</a></li>  
                    <li class="home"><a href="javascript:void(0)" name="Orderform.html" title="订单管理"  class="iframeurl"><i class="icon-double-angle-right"></i>订单管理</a></li>  
                    <li class="home"><a href="javascript:void(0)" name="Amounts.html" title="交易金额"  class="iframeurl"><i class="icon-double-angle-right"></i>交易金额</a></li>  
                    <li class="home"><a href="javascript:void(0)" name="Order_handling.html" title="订单处理"  class="iframeurl"><i class="icon-double-angle-right"></i>订单处理</a></li>  
                      <li class="home"><a href="javascript:void(0)" name="Refund.html" title="退款管理"  class="iframeurl"><i class="icon-double-angle-right"></i>退款管理</a></li>  
                   </ul>  
                  </li>  
                   <li>  
                   <a href="http://www.erdangjiade.com" class="dropdown-toggle"><i class="icon-credit-card"></i><span class="menu-text"> 支付管理 </span><b class="arrow icon-angle-down"></b></a>  
                     <ul class="submenu">  
                        <li class="home"><a href="javascript:void(0)" name="Cover_management.html" title="账户管理" class="iframeurl"><i class="icon-double-angle-right"></i>账户管理</a></li>  
                         <li class="home"><a href="javascript:void(0)" name="payment_method.html" title="支付方式" class="iframeurl"><i class="icon-double-angle-right"></i>支付方式</a></li>  
                          <li class="home"><a href="javascript:void(0)" name="Payment_Configure.html" title="支付配置" class="iframeurl"><i class="icon-double-angle-right"></i>支付配置</a></li>  
                            </ul>  
                        </li>  
                  <li>  
                    <a href="http://www.erdangjiade.com" class="dropdown-toggle"><i class="icon-user"></i><span class="menu-text"> 会员管理 </span><b class="arrow icon-angle-down"></b></a>  
                    <ul class="submenu">  
                    <li class="home"><a href="javascript:void(0)" name="user_list.html" title="会员列表"  class="iframeurl"><i class="icon-double-angle-right"></i>会员列表</a></li>  
                    <li class="home"><a href="javascript:void(0)" name="member-Grading.html" title="等级管理"  class="iframeurl"><i class="icon-double-angle-right"></i>等级管理</a></li>  
                    <li class="home"><a href="javascript:void(0)" name="integration.html" title="会员记录管理"  class="iframeurl"><i class="icon-double-angle-right"></i>会员记录管理</a></li>  
  
                   </ul>  
                  </li>  
                  <li><a href="http://www.erdangjiade.com" class="dropdown-toggle"><i class="icon-laptop"></i><span class="menu-text"> 店铺管理 </span><b class="arrow icon-angle-down"></b></a>  
                            <ul class="submenu">  
                                <li class="home"><a href="javascript:void(0)" name="Shop_list.html" title="店铺列表" class="iframeurl"><i class="icon-double-angle-right"></i>店铺列表</a></li>  
                                <li class="home"><a href="javascript:void(0)" name="Shops_Audit.html" title="店铺审核" class="iframeurl"><i class="icon-double-angle-right"></i>店铺审核<span class="badge badge-danger">5</span></a></li>  
                            </ul>  
                        </li>  
                        <li><a href="http://www.erdangjiade.com" class="dropdown-toggle"><i class="icon-comments-alt"></i><span class="menu-text"> 消息管理 </span><b class="arrow icon-angle-down"></b></a>  
                            <ul class="submenu">  
                                <li class="home"><a href="javascript:void(0)" name="Guestbook.html" title="留言列表" class="iframeurl"><i class="icon-double-angle-right"></i>留言列表</a></li>  
                                <li class="home"><a href="javascript:void(0)" name="Feedback.html" title="意见反馈" class="iframeurl"><i class="icon-double-angle-right"></i>意见反馈</a></li>  
                            </ul>  
                        </li>  
                        <li><a href="http://www.erdangjiade.com" class="dropdown-toggle"><i class="icon-bookmark"></i><span class="menu-text"> 文章管理 </span><b class="arrow icon-angle-down"></b></a>  
                            <ul class="submenu">  
                                <li class="home"><a href="javascript:void(0)" name="article_list.html" title="文章列表" class="iframeurl"><i class="icon-double-angle-right"></i>文章列表</a></li>  
                                <li class="home"><a href="javascript:void(0)" name="article_Sort.html" title="分类管理" class="iframeurl"><i class="icon-double-angle-right"></i>分类管理</a></li>  
                            </ul>  
                        </li>  
                            <li><a href="http://www.erdangjiade.com" class="dropdown-toggle"><i class="icon-cogs"></i><span class="menu-text"> 系统管理 </span><b class="arrow icon-angle-down"></b></a>  
                            <ul class="submenu">  
                                <li class="home"><a href="javascript:void(0)" name="Systems.html" title="系统设置" class="iframeurl"><i class="icon-double-angle-right"></i>系统设置</a></li>  
                                <li class="home"><a href="javascript:void(0)" name="System_section.html" title="系统栏目管理" class="iframeurl"><i class="icon-double-angle-right"></i>系统栏目管理</a></li>  
                              
                                <li class="home"><a href="javascript:void(0)" name="System_Logs.html" title="系统日志" class="iframeurl"><i class="icon-double-angle-right"></i>系统日志</a></li>  
                            </ul>  
                        </li>  
                        <li><a href="http://www.erdangjiade.com" class="dropdown-toggle"><i class="icon-group"></i><span class="menu-text"> 管理员管理 </span><b class="arrow icon-angle-down"></b></a>  
                            <ul class="submenu">  
                              
                                <li class="home"><a href="javascript:void(0)" name="admin_Competence.html" title="权限管理"  class="iframeurl"><i class="icon-double-angle-right"></i>权限管理</a></li>  
                                <li class="home"><a href="javascript:void(0)" name="administrator.html" title="管理员列表" class="iframeurl"><i class="icon-double-angle-right"></i>管理员列表</a></li>  
                                  <li class="home"><a href="javascript:void(0)" name="admin_info.html" title="个人信息" class="iframeurl"><i class="icon-double-angle-right"></i>个人信息</a></li>  
                            </ul>  
                        </li>  
                    </ul>  
                    </div>  
                    <script type="text/javascript">  
           $("#menu_style").niceScroll({    
            cursorcolor:"#888888",    
            cursoropacitymax:1,    
            touchbehavior:false,    
            cursorwidth:"5px",    
            cursorborder:"0",    
            cursorborderradius:"5px"    
            });   
          </script>  
                    <div class="sidebar-collapse" id="sidebar-collapse">  
                        <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>  
                    </div>  
                    <script type="text/javascript">  
                        try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}  
                    </script>  
                </div>  
  
                <div class="main-content">  
                <script type="text/javascript">  
                            try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}  
                        </script>  
                    <div class="breadcrumbs" id="breadcrumbs">  
                        <ul class="breadcrumb">  
                            <li>  
                                <i class="icon-home home-icon"></i>  
                                <a href="index.html">首页</a>  
                            </li>  
                            <li class="active"><span class="Current_page iframeurl"></span></li>  
                            <li class="active" id="parentIframe"><span class="parentIframe iframeurl"></span></li>  
                            <li class="active" id="parentIfour"><span class="parentIfour iframeurl"></span></li>  
                        </ul>  
                    </div>  
                      
                 <iframe id="iframe" style="border:0; width:100%; background-color:#FFF;"name="iframe" frameborder="0" src="home.html">  </iframe>  
                   
  
<!-- /.page-content -->  
                </div><!-- /.main-content -->     
                  
                  <div class="ace-settings-container" id="ace-settings-container">  
                      <div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">  
                          <i class="icon-cog bigger-150"></i>  
                      </div>  
    
                      <div class="ace-settings-box" id="ace-settings-box">  
                          <div>  
                              <div class="pull-left">  
                                  <select id="skin-colorpicker" class="hide">  
                                      <option data-skin="default" value="#438EB9">#438EB9</option>  
                                      <option data-skin="skin-1" value="#222A2D">#222A2D</option>  
                                      <option data-skin="skin-2" value="#C6487E">#C6487E</option>  
                                      <option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>  
                                  </select>  
                              </div>  
                              <span>&nbsp; 选择皮肤</span>  
                          </div>  
    
                          <div>  
                              <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />  
                              <label class="lbl" for="ace-settings-sidebar"> 固定滑动条</label>  
                          </div>  
    
                          <div>  
                              <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />  
                              <label class="lbl" for="ace-settings-rtl">切换到左边</label>  
                          </div>  
    
                          <div>  
                              <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />  
                              <label class="lbl" for="ace-settings-add-container">  
                                  切换窄屏  
                                  <b></b>  
                              </label>  
                          </div>  
                      </div>  
                  </div><!-- /#ace-settings-container -->         
    </div><!-- /.main-container-inner -->  
              
        </div>  
         <!--底部样式-->  
         
         <div class="footer_style" id="footerstyle">    
         <script type="text/javascript">try{ace.settings.check('footerstyle' , 'fixed')}catch(e){}</script>  
          <p class="l_f">版权所有：二当家的  豫ICP备14018001号-1</p>  
          <p class="r_f">地址：上海松江区泽悦路211弄17号1104室  邮编：210011 技术支持：XXXX</p>  
         </div>  
         <!--修改密码样式-->  
         <div class="change_Pass_style" id="change_Pass">  
            <ul class="xg_style">  
             <li><label class="label_name">原&nbsp;&nbsp;密&nbsp;码</label><input name="原密码" type="password" class="" id="password"></li>  
             <li><label class="label_name">新&nbsp;&nbsp;密&nbsp;码</label><input name="新密码" type="password" class="" id="Nes_pas"></li>  
             <li><label class="label_name">确认密码</label><input name="再次确认密码" type="password" class="" id="c_mew_pas"></li>                
            </ul>            
         </div>  
        <!-- /.main-container -->  
        <!-- basic scripts -->  
          
</body>  
</html>
由于代码太多，就不全部发出来了，喜欢的同学可以自己下载下来研究一下；
一、源码特点
1、通用的生活类手机app商城网站模板（原创）内嵌h5包含个人中心所有的页面首页商品分类，商品详情，购物车，结算，地址，新增地址，所有相关的UI交互，以及登录注册页面，红包功能，分类，最新上架，团购，签到，订单管理。
2、无数据库，纯html编写。

二、注意事项
1、无数据库，使用HTML5开发。
分享到：