武哥聊编程

        上一节我们做完了查询和删除商品的功能，这一节我们做一下添加和更新商品的功能。1. 添加商品类别1.1 添加类别的UI设计        我们先说一下思路：首先当用户点击“添加商品”时，我们应该弹出一个“添加商品”的UI窗口（注意这里不是跳转到新的jsp，EasyUI只有一个页面），弹出这个“添加商品”的窗口后，应该锁住它父类的所有窗口（即点击其他地方无效，只能操作添加商...

        上一节我们完成了使用DataGrid显示所有商品信息，这节我们开始添加几个功能：添加、更新、删除和查询。首先我们实现下前台的显示，然后再做后台获取数据。1. 添加、更新、删除和查询功能的前台实现        DataGrid控件里有个toolbar属性，是添加工具栏的，我们可以在toolbar属性中添加这些按钮来实现相应的功能。先看一下官方文档对toolbar的定义：...

        EasyUI中DataGrid以表格形式展示数据，并提供了丰富的选择、排序、分组和编辑数据的功能支持。DataGrid的设计用于缩短开发时间，并且使开发人员不需要具备特定的知识。它是轻量级的且功能丰富。单元格合并、多列标题、冻结列和页脚只是其中的一小部分功能。1. 回顾一下第4节内容        在第4节中，我们使用EasyUI搭建好了左侧菜单栏，并且通过点击菜单选项在右...

        前面两节，我们整合了SSH并且抽取了service和action部分的接口，可以说基本开发环境已经搭建好了，这一节我们搭建一下后台的页面。我们讨论一下两种搭建方式：基于frameset和基于easyUI。最后我们会使用easyUI来开发。1. 抽取公共JSP页面        我们先来看一下当前的jsp页面： <%@ page language="java"...

        上一节我们使用EasyUI搭建了后台页面的框架，这一节我们主要使用EasyUI技术简单实现后台菜单，先将简单功能做出来，后期再继续丰富。（EasyUI下载地址）1. 实现左侧菜单        首先看一下效果图：        我们可以点击“基本操作”和“其他操作”来切换菜单选项，在具体的选项内，点击不同的连接，会在右侧显示出来。我们先把左边的菜单做出来。   ...