shop--8.商品类别--批量操作--添加（前端）

shop--8.商品类别--批量操作--添加（后端）

productcategorymanegement.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/productcategorymanegement.css">
</head>
<body>
<header class="bar bar-nav"><h1 class="title">商品分类管理</h1>
</header>
<div class="content"><div class="content-block"><div class="row row-product-category"><div class="col-40">商店名称</div><div class="col-40">状态</div><div class="col-20">操作</div></div><div class="category-wrap"></div></div><div class="content-block"><div class="row"><div class="col-50"><a href="#"class="button button-big button-fill button-danger" id="new">新增</a></div><div class="col-50"><a href="#"class="button button-big button-fill button-success" id="submit">提交</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/productcategorymanegement.js' charset="utf-8"></script>
</body>
</html>

productcategorymanegement.js

.row-product-category {border: 1px solid #999;padding: .5rem;border-bottom: none;
}
.row-product-category:last-child {border-bottom: 1px solid #999;
}
.category-input {border: none;background-color: #eee;
}
.product-category-name {white-space: nowrap;overflow-x: scroll;
}

转载于:https://www.cnblogs.com/SkyeAngel/p/8918934.html

shop--8.商品类别--批量操作--添加（前端）相关推荐

创建商品类java_SSH框架网上商城项目第9战之添加和更新商品类别功能实现
上一节我们做完了查询和删除商品的功能,这一节我们做一下添加和更新商品的功能. 1. 添加商品类别1.1 添加类别的UI设计我们先说一下思路:首先当用户点击"添加商品" ...
校园O2O商铺平台-商品类别模块
商品类别列表展示从后到前正在更新商品类别批量添加后端开发正在更新商品类别批量添加的前端开发正在更新商品类别删除的后端开发正在更新商品类别删除的前端开发正在更新
实战SSM_O2O商铺_26【商品类别】批量新增商品类别从Dao到View层的开发
文章目录概述 Dao层 ProductCategoryDao接口 ProductCategoryDao SQL映射文件单元测试 Service层 ProductCategoryExecution ...
实战SSM_O2O商铺_27【商品类别】删除商品类别从Dao到View层的开发
文章目录概述 Dao层 ProductCategoryDao接口增加接口方法 ProductCategoryDao SQL映射文件闭环的单元测试 Servie层接口接口实现单元测试 Cont ...
实战SSM_O2O商铺_25【商品类别】商品类别列表展示从Dao到View层的开发
文章目录概述 Dao层 ProductCategoryDao接口 ProductCategoryDao Mapper配置文件单元测试 Service层 ProductCategoryService ...
7- vue django restful framework 打造生鲜超市 -商品类别数据展示(上)
Vue+Django REST framework实战搭建一个前后端分离的生鲜超市网站 Django rtf 完成商品列表页并没有将列表页的数据json 与前端的页面展示结合起来讲解如果将dr ...
01-创建项目创建数据表-类别管理--添加类别--持久层
文章目录 1. 关于此项目 2. 关于项目的开发流程 3. 创建数据库与数据表 4. 关于Project与Module 5. 创建Project 6. 商品管理模块项目 7. 关于编写代码 8. 类别 ...
SAP零售商品类别层次：为什么（业务视角）？
SAP零售商品类别层次:为什么(业务视角)? 商品类别(Merchandise Categories)对产品进行分类,但在SAP Retail中,这只是其中的一小部分. 作为上下文,首先让我们区分SA ...
实战SSM_O2O商铺_38【商品类别】解除商品与商品类别的关联
文章目录概述 Dao层 ProductDao.java ProductDao.xml 单元测试 Service层完善 ProductCategoryServiceImpl#deleteProduct ...
40-网上商城数据库-商品类别数据操作(一)
40-网上商城数据库-商品类别数据操作(一) 项目描述在电子商务兴起的大环境下,建立利用互联网开拓销售渠道,帮助企业及时调整商品结构,协助经销商打开货源的信息门户成为解决信息流通不畅的有效方案,电子 ...

shop--8.商品类别--批量操作--添加（前端）

shop--8.商品类别--批量操作--添加（前端）相关推荐

最新文章

热门文章