jsp课程项目（一）·后台管理系统设计与实现

1、功能设计

       后台系统作为管理人员控制web后台的重要手段之一，最主要的功能（相对于较简陋的后台管理系统而言）即是实现与数据库的交互。作为模板的手机商城有一库四表，其中比较重要的是user（用户表）、mobileForm（商品表）和outForm（订单表）这三个表，在反复斟酌之后我的设计思路如下：

1. 用户管理：增删改查，以及用户权限的设置，比如用户禁用、启用等。
2. 商品管理：增删改查。
3. 订单管理：增删改查，以及编号（优先级）变动等。

       对于用户、商品和订单管理，实质上就是对表的操作，由于临近考试，还需抽出时间复习，因此我只实现了三种增删改查的功能，见谅！

 

2、功能实现

1. 使用什么方式实现，其实这之前我使用过ssh做过类似的功能实现，但考虑到不允许使用框架以及时间限制，我选择使用jsp实现。
2. 首先建立一个后台管理主界面home.html，主页面使用框架分成三个部分（头部标题、左部目录，右部操作），树形目录部分使用操作简单的dtree实现，在d.add（）的第六个参数部分给定节点链接所打开的目标framename指定右部实现页面跳转。

   

   树形目录实现：

   <div class="dtree">
       <!--<div style="z-index: 1;position: absolute;left: 1px;top: 1px"><img src="left.png" style="width: 100%;height: 100%;"><img/></div>-->
       <p>
           <a href="javascript:d.openAll();">全部打开</a>
           or
           <a href="javascript:d.closeAll();">关闭</a>
       </p>
       <script language="JavaScript">
           d=new dTree('d');
           //添加根节点
           d.add(01,-1,'后台管理系统','','_(:зゝ∠)_','','home.png');
   
           d.add(011,01,'用户管理','','_(:зゝ∠)_','','user.png');
           d.add(0111,011,'查看','../m/look_user.jsp','查看user表','right','look.png');
           d.add(0112,011,'修改','../m/updata_user.jsp','修改user表','right','updata.png');
           d.add(0113,011,'添加','../m/add_user.jsp','向user表添加信息','right','add.png');
           d.add(0114,011,'删除','../m/delete_user.jsp','删除user表中的信息','right','delete.png');
   
           d.add(012,01,'商品管理','','','','shangping.png');
           d.add(0121,012,'查看','../m/look_phone.jsp','查看mobileForm表','ri