系列文章: 1、环境搭建及测试- - -附免费视频教程
专栏14篇,参看:http://tyronblog.com/tags/school-o2o
GitHub地址:https://github.com/tyronczt/imooc-o2o
线上演示地址:http://o2o.tyronblog.com:8090/o2o/front/index
先上效果图:
1、商品类别展示后端到前端
1.1、后端实现逻辑
entity层(ProductCategor.java)定义实体类
--> dao层 (ProductCategoryDao.java)定义数据访问接口,queryProductCategoryList 方法
--> mapper(ProductCategoryDao.xml)具体实现sql逻辑,queryProductCategoryList 方法
--> service层(ProductCategoryService.java)定义业务接口及实现类,getProductCategoryList 方法及实现方法
--> web层(ProductCategoryController.java)定义控制类,返回商品类别列表。
具体代码参考github,实现效果如下:
1.2 前端实现逻辑
html(productcategorymanagement.html)
--> js(productcategorymanage.js)
--> css (productcategorymanage.css)
实现效果:
2、商品类别批量添加功能前后端开发
2.1、后端实现逻辑
dao层 (ProductCategoryDao.java)中添加 batchInsertProductCategory 方法, --> mapper(ProductCategoryDao.xml)添加 batchInsertProductCategory 方法实现sql逻辑, --> dto层 新建 ProductCategoryExecution 用于封装操作ProductCategory的返回结果, --> service 层 (ProductCategoryService.java)增加batchAddProductCategory 方法及实现类, --> web层(ProductCategoryController.java)增加addProductCategorys 方法,接收前端信息并处理业务逻辑。
2.2、前端实现逻辑
主要新增添加按钮的实现逻辑,效果如下图:
3、商品类别删除功能前后端开发
3.1、后端实现逻辑
dao层 (ProductCategoryDao.java)中添加 deleteProductCategory 方法, --> mapper(ProductCategoryDao.xml)添加 deleteProductCategory 方法 --> service 层 (ProductCategoryService.java)增加deleteProductCategory 方法及实现类, --> web层(ProductCategoryController.java)增加removeProductCategory 方法,接收前端信息并处理业务逻辑。
3.2、前端实现逻辑
页面添加删除逻辑,成功后提示“删除成功”。
4、开发中的小技巧
4.1 返回按钮
<a class="button button-link button-nav pull-left back"
href="javascript:history.back(-1)"> <span class="icon icon-left"></span> 返回
</a>
着重说明 href标签
back() 方法可加载历史列表中的前一个 URL(如果存在)。 调用该方法的效果等价于点击后退按钮或调用 history.go(-1)。
延伸学习:history.back(-1)和history.go(-1)的区别
4.2 Junit的多个测试方法排序
此处使用MethodSorters.NAME_ASCENDING 按照方法名字母顺序执行 具体说明可参考:JUnit4:在测试用例中用FixMethodOrder指定测试方法的执行顺序
本文由 tyron 创作,采用 知识共享署名4.0
国际许可协议进行许可
本站文章除注明转载/出处外,均为本站原创或翻译,转载前请务必署名
最后编辑时间为: Sep 18,2019