day70_淘淘商城项目_03_商品类目选择 + 图片上传 + 图片服务器FastDFS + 富文本编辑器KindEditor + 新增商品_匠心笔记 (10)

第一步:在jsp中引入KindEditor的css和js代码。

day70_淘淘商城项目_03_商品类目选择 + 图片上传 + 图片服务器FastDFS + 富文本编辑器KindEditor + 新增商品_匠心笔记

第二步:在表单中添加一个textarea控件。是一个富文本编辑器的载体。类似数据源。

day70_淘淘商城项目_03_商品类目选择 + 图片上传 + 图片服务器FastDFS + 富文本编辑器KindEditor + 新增商品_匠心笔记

第三步:初始化富文本编辑器。使用官方提供的方法初始化。

day70_淘淘商城项目_03_商品类目选择 + 图片上传 + 图片服务器FastDFS + 富文本编辑器KindEditor + 新增商品_匠心笔记


common.js

day70_淘淘商城项目_03_商品类目选择 + 图片上传 + 图片服务器FastDFS + 富文本编辑器KindEditor + 新增商品_匠心笔记

第四步:取富文本编辑器的内容。

day70_淘淘商城项目_03_商品类目选择 + 图片上传 + 图片服务器FastDFS + 富文本编辑器KindEditor + 新增商品_匠心笔记


表单提交之前,把富文本编辑器的内容同步到textarea控件中。 即将编辑器中的数据放到textarea中,最终提交数据是textarea提交到后台。

9、新增商品功能实现 9.1、功能分析

前端分析:
表单:

day70_淘淘商城项目_03_商品类目选择 + 图片上传 + 图片服务器FastDFS + 富文本编辑器KindEditor + 新增商品_匠心笔记


提交表单:

day70_淘淘商城项目_03_商品类目选择 + 图片上传 + 图片服务器FastDFS + 富文本编辑器KindEditor + 新增商品_匠心笔记

业务逻辑:
请求的url:/item/save
参数:表单的数据。可以使用表单的pojo接收表单的数据,要求pojo的属性名称和input的name属性值要一致。
  使用TbItem对象接收表单的商品基本数据,使用字符串接收表单中的商品描述的数据。
参数如下:TbItem item, String desc
返回值:json格式的数据。应该包含一个status的属性。`一般而言,我们响应的json格式数据都是通过一个对象转化而来!`
  我们可以使用提供的工具类TaotaoResult。

将工具类TaotaoResult代码拷贝放入taotao-common中,。安装到本地仓库。(注意:该工具类TaotaoResult需要实现序列化接口)

业务逻辑:
1、生成商品id
实现方案:
  a) UUID,生成的是字符串,不推荐使用。
  b) 数值类型,不重复。日期+时间+随机数20160402151333123123
  c) 时间戳,可以直接取毫秒值+随机数。可以使用。(本例使用)
  d) 使用Redis。Incr命令。推荐使用。暂时还没用到。
  可以使用工具类IDUtils生成商品id。安装到本地仓库。
2、补全TbItem对象的属性
3、向商品表插入数据
4、创建一个TbItemDesc对象
5、补全TbItemDesc的属性
6、向商品描述表插入数据
7、TaotaoResult.ok()

9.2、服务层功能开发 9.2.1、Dao层

  向tb_item, tb_item_desc表中插入数据,可以使用逆向工程生成的代码。

9.2.2、Service层

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwwsgw.html