SSH框架网上商城项目第9战之添加和更新商品类别功能实现

 上一节我们做完了查询和删除商品的功能,这一节我们做一下添加和更新商品的功能。
1. 添加商品类别
1.1 添加类别的UI设计
        我们先说一下思路:首先当用户点击“添加商品”时,我们应该弹出一个“添加商品”的UI窗口(注意这里不是跳转到新的jsp,EasyUI只有一个页面),弹出这个“添加商品”的窗口后,应该锁住它父类的所有窗口(即点击其他地方无效,只能操作添加商品的窗口),等用户填好了信息后,在新弹出来的窗口上点击“添加”后,将请求发送给struts2,然后struts2拿到请求你参数,从数据库中执行添加动作,这样后台操作完成,同时前台那边要刷新一下当前页面,重新显示所有商品。
        我们查看EasyUI的文档,发现新建一个窗口有两种方法,要么使用标签创建,要么使用js创建,我们这里使用js创建,但是需要一个

盒子,如下:

SSH框架网上商城项目第9战之添加和更新商品类别功能实现_第1张图片

        另外,我们创建的新的窗口不需要最小化,最大化,但是要锁屏。所以这些属性都在div中设置好,这里要注意的就是锁屏的功能,因为

放的地方不同,锁住的屏幕范围也不同,我们要锁住全屏,所以要把
放到aindex.jsp中,应为aindex.jsp中产生了query.jsp的内容(包括添加按钮),query.jsp中产生了save.jsp的内容(就是我们要显示的添加窗口UI),所以弹出窗口后,我们要把aindex.jsp的范围都锁住,所以
应该放到aindex.jsp中,具体实现如下:
        在aindex.jsp的中新添加一个

复制代码 代码如下:
   
        然后我们完善query.jsp中添加类别的部分:

{ 
 iconCls: 'icon-add', 
 text:'添加类别', 
 handler: function(){ 
 parent.$("#win").window({ //因为
放在了aindex.jsp中,所以这里创建窗口要先调用parent title:"添加类别", width:350, height:150, content:'