添加商品
/**
* 跳转到添加商品页面
* @return
*/
@RequestMapping("/toAddItem.do")
public String toAddItem() {
return "item/addItem";
}
我们发现添加商品页面是由4个选项卡组成：
基本信息 在基本信息的选项卡中，还是需要我们查询所有的品牌数据，在页面上给用户选择：
上传文件
我们在添加品牌的时候已经做过了上传文件的功能了，逻辑大致是一样的，我们拿过来修改一些东西即可!
在表单form标签中，记得要使用以下的数据类型进行表单提交！
enctype="multipart/form-data"
修改对应的name名称
请上传图片宽为120px，高为50px，大小不超过100K。
Jquery代码：
function submitUpload() {
var opt = {
//重新指定form的action的值
url: "${path}/upload/uploadPic.do",
type: "post",
dateType: "json",
success: function (responseText) {
var jsonObj = $.parseJSON(responseText.replace(/<.>/ig, ""));
$("#imgsImgSrc").attr("src", jsonObj.realPath);
$("#imgs").val(jsonObj.relativePath);
},
error: function () {
alert("系统错误");
}
};
$("#form111").ajaxSubmit(opt);
}
添加基本属性测试
到目前位置，我们的Controller可以拿到Item页面全部的基本属性：
商品基本属性中的隐藏属性
商品的id是使用oracle中的序列进行自动增长。
/*对于商品的id，我们是自增长的。*/
select seqitemid.nextval from dual
对于审核状态，默认设置为0【待审核】
对于上架状态，默认设置为1【下架】
对于销售量，默认设置为0【并没有人购买】
在Mapper中把对应的属性设置默认值。
(#{itemId,jdbcType=DECIMAL}, #{itemName,jdbcType=VARCHAR}, #{itemNo,jdbcType=VARCHAR},
#{brandId,jdbcType=DECIMAL}, #{catId,jdbcType=DECIMAL}, #{tagImgId,jdbcType=DECIMAL},
#{tagImg,jdbcType=DECIMAL}, #{isNew,jdbcType=DECIMAL}, #{isGood,jdbcType=DECIMAL},
#{isHot,jdbcType=DECIMAL}, #{promotion,jdbcType=VARCHAR}, 0,
1, #{imgs,jdbcType=VARCHAR}, #{keywords,jdbcType=VARCHAR},
#{pageDesc,jdbcType=VARCHAR}, #{itemRecycle,jdbcType=DECIMAL}, #{onSaleTime,jdbcType=TIMESTAMP},
#{checkTime,jdbcType=TIMESTAMP}, #{updateTime,jdbcType=TIMESTAMP}, #{updateUserId,jdbcType=DECIMAL},
sysdate, #{checkerUserId,jdbcType=DECIMAL}, #{fullPathDeploy,jdbcType=VARCHAR},
#{fullPathDeployOffer,jdbcType=VARCHAR}, #{originalItemId,jdbcType=DECIMAL}, #{lastStatus,jdbcType=DECIMAL},
#{merchantId,jdbcType=DECIMAL}, #{itemSort,jdbcType=DECIMAL}, 0,
#{createUserId,jdbcType=DECIMAL}, #{simLevel,jdbcType=DECIMAL}, #{giftDesc,jdbcType=VARCHAR},
#{giftImg,jdbcType=VARCHAR}, #{giftShowType,jdbcType=VARCHAR}, #{imgSize1,jdbcType=VARCHAR}
)
大字段数据 我们第二个选项卡的原型界面如下：
我们需要用到另外一张表：
因此我们需要逆向工程对应的表：
加载对应的映射文件：
Dao层
id是EbItemClob无法从页面上获取的，因此我们需要传递进去。
@Repository
public class EbItemClobDaoImpl extends SqlSessionDaoSupport implements EbItemClobDao {
String nameSpace = "com.rl.ecps.sqlMap.sqlMap.EbItemClobMapper.";
public void saveItemClob(EbItemClob ebItemClob, Long itemId) {
ebItemClob.setItemId(itemId);
this.getSqlSession().insert(nameSpace + "insert", ebItemClob);
}
}
fckEditor文本编辑器
其实就是一个文本域，而该文本域是能带有格式的。以前我们使用过“富文本编辑器”就是这么的一种，这次我们使用fckEditor文本编辑器
首先，把我们的下载下来的文档加入到web目录下。
引入核心的JS文件
创建出FCK对象，设置相关属性：
var fck = new FCKeditor("itemDesc");
fck.BasePath = "${path}/ecps/console/res/plugins/fckeditor/";
fck.Config["ImageUploadURL"] = "${path}/upload/uploadForFck.do?typeStr=Image";
fck.Height = 400;
fck.ToolbarSet = "Default";
fck.ReplaceTextarea();
itemDesc就是我们文档域的id值：
