系列文章:
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指定测试方法的执行顺序