第一步:在jsp中引入KindEditor的css和js代码。
第二步:在表单中添加一个textarea控件。是一个富文本编辑器的载体。类似数据源。
第三步:初始化富文本编辑器。使用官方提供的方法初始化。
common.js
第四步:取富文本编辑器的内容。
表单提交之前,把富文本编辑器的内容同步到textarea控件中。 即将编辑器中的数据放到textarea中,最终提交数据是textarea提交到后台。 9、新增商品功能实现 9.1、功能分析
前端分析:
表单:
提交表单:
业务逻辑:
请求的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()
向tb_item, tb_item_desc表中插入数据,可以使用逆向工程生成的代码。
9.2.2、Service层