(六)模仿学习-后台管理页面添加
- 我们想要完成一个删除的操作
首先要在页面上出现一个删除的按钮
![](https://img.xiumi.us/xmi/ua/rSJP/i/d12983b8f71decc2833f0268cb01e94a-sz_123816.png)
在view.jsp中更改
![](https://img.xiumi.us/xmi/ua/rSJP/i/9060c77af8445d0db32613f5d9cdf108-sz_51369.png)
改完删除之后,需要在页面上点击删除后向后台服务器查询数据,所以第一时间我们就想到了超链接。
![](https://img.xiumi.us/xmi/ua/rSJP/i/16c08be55e67b0017c4bbda47c17b5de-sz_37371.png)
其中href中需要添加一个请求地址,那么我们先空下,然后我们去后台完成这个地址,准备接收删除的请求。
首先还去对应的Action中编写方法。老样子先模仿已经有的Action
![](https://img.xiumi.us/xmi/ua/rSJP/i/ebc6af3daa70aa1f95ec4dab287e5696-sz_60358.png)
我们把这一段拿出来,放到我们自己的action中,进行修改。
先改Sql语句,其中delete from 是sql语句,pid的来源是在action的成员变量中接收到的。但是表名用的TZztl,为什么不是t_zztl,因为我们使用的框架Hibernate会帮我们进行转换。
![](https://img.xiumi.us/xmi/ua/rSJP/i/b1cb2aa9518b507de71daab5770d55a8-sz_17977.png)
这一句是Hibernate提供的操作,不需要我们自己写JDBC。
![](https://img.xiumi.us/xmi/ua/rSJP/i/29f7b4fc05e4920c7501f3e259b8ab4d-sz_21261.png)
在topicAction中有两个变量,我们此时也选择复制过来,生成get/set方法
![](https://img.xiumi.us/xmi/ua/rSJP/i/5f4ae8b70823359a3d4883018e20f317-sz_49804.png)
复制到我们的Action中
![](https://img.xiumi.us/xmi/ua/rSJP/i/6def5ae5b6c55bb74f01884a83153ba6-sz_31163.png)
通过Message这个单词和括号里的“操作成功”意思,我们可以知道这是一个信息提示,可以直接模仿
![](https://img.xiumi.us/xmi/ua/rSJP/i/9a0da311fc71b2ec9fef530889d2fb9b-sz_64261.png)
而下面这种写法,我们能猜测到,这是删除之后,页面要重新请求的一个地址,可以看到topicAction中存在topicMana的方法。所以这是删除后请求的地址,我们可以在我们自己的action中请求之前的查看所有的方法。
![](https://img.xiumi.us/xmi/ua/rSJP/i/57e8c813bec4bdd96cc60087388d34d0-sz_53179.png)
最后一句看返回单词succeed是表示成功的意思
![](https://img.xiumi.us/xmi/ua/rSJP/i/bff5ef72010482a4e25b70bb0f2ce8cd-sz_55627.png)
我们对我们的Action进行更改
![](https://img.xiumi.us/xmi/ua/rSJP/i/79fc29a62f82c6634f0eebd0a31cb76f-sz_53848.png)
接下来我们需要去struts.xml中进行配置
这是topicAction的,我们进行模仿
![](https://img.xiumi.us/xmi/ua/rSJP/i/26846a772943a5a830be98b1d54acce0-sz_67919.png)
我们模仿写法
![](https://img.xiumi.us/xmi/ua/rSJP/i/9f91b7a8a458070e4c43106a40985bba-sz_41237.png)
目前后台的地址有了,我们来看topic中的删除超链接我们也进行模仿
![](https://img.xiumi.us/xmi/ua/rSJP/i/fb4b758d0a3fc694f38b18a6d305ba93-sz_171264.png)
这里面有超链接和表格,我们都复制过去进行更改
我们将中的部分都拿到我们的页面中,我们之前写的交不用了。
![](https://img.xiumi.us/xmi/ua/rSJP/i/942fe6e99033c90ad480d910cc20b000-sz_182925.png)
Head半部分也做一下更改
![](https://img.xiumi.us/xmi/ua/rSJP/i/1703d5701d292a13a04e05c817193120-sz_79988.png)
头部引入的部分也做一下更改
![](https://img.xiumi.us/xmi/ua/rSJP/i/1da334ff777f190de46228100e6ba009-sz_46960.png)
我们启动测试看一下。
![](https://img.xiumi.us/xmi/ua/rSJP/i/e0db5d9b6d91febfa53d6b3c5f0d84be-sz_34599.png)
我们点击删除看一下
![](https://img.xiumi.us/xmi/ua/rSJP/i/9e1196ca61a60788b602de1a1c73b39d-sz_37767.png)
确认删除
![](https://img.xiumi.us/xmi/ua/rSJP/i/76233107cc72f477dbaa243bc1effca9-sz_15558.png)
点击确定,数据变少了
![](https://img.xiumi.us/xmi/ua/rSJP/i/d56d3a69602e2dd3d747f74788210452-sz_22494.png)
查看数据库也确实变少了
![](https://img.xiumi.us/xmi/ua/rSJP/i/84f57fe9c1ae56346a858a4de7d5f217-sz_29813.png)
表名我们模仿成功了
我们继续完成添加的部分
首先我们看目前系统是不是给提供了添加的流程。
先看Action里面有没有和添加有关的方法名,经过搜索发现forumsAction有一个方法表示添加。
Add肯定有添加的意思。
![](https://img.xiumi.us/xmi/ua/rSJP/i/dfe5a4d810862597b212eeaaec32bc53-sz_37445.png)
然后查询这个方法在struts.xml中的关联
![](https://img.xiumi.us/xmi/ua/rSJP/i/ac60b4c580e313851bd77cf44ada3863-sz_46663.png)
这样我们就找到了一个页面forumsAdd.jsp,找打了里面使用表单提交的方式,我们可以模仿了。
![](https://img.xiumi.us/xmi/ua/rSJP/i/11ced5f5d6525bec7f99f66fd7778e7d-sz_171388.png)
我们先模仿这个页面,把添加页面做出来。复制forumsAdd.jsp改为zztlAdd.jsp,将文件放到我们自己的目录里,方便管理。
![](https://img.xiumi.us/xmi/ua/rSJP/i/1e01dc0145037ade35f814546d46b287-sz_54076.png)
我们主要改动表单的部分,这些配置内容暂时不变
![](https://img.xiumi.us/xmi/ua/rSJP/i/9767e50a0cc804e66edddc0228c967bf-sz_174168.png)
这里面我们目前分析只要提交按钮和输入框就可以了
![](https://img.xiumi.us/xmi/ua/rSJP/i/36b059b6549ac9506d8f13a9c0e65107-sz_198762.png)
经过删减,重点已经标注出来了,代码如下。主要是对table中的内容更改,只保留了两个输入框,其它暂时不做保留,后面运行遇到问题可以回来微调。
![](https://img.xiumi.us/xmi/ua/rSJP/i/ba4c8cdd1712c8be764b70b7a72d6889-sz_167599.png)
然后我们在之前的页面view.jsp里添加一个添加的跳转按钮,能够进入这个页面。
![](https://img.xiumi.us/xmi/ua/rSJP/i/acbdfd10b0960adf01bcd44107080622-sz_86244.png)
上面的action是一个删除的action我们需要写一个添加跳转的方法。
![](https://img.xiumi.us/xmi/ua/rSJP/i/40b73d42294e29b7090ea3dfbd2066eb-sz_79941.png)
在struts.xml中进行配置
![](https://img.xiumi.us/xmi/ua/rSJP/i/d558b88c8126ec85322bc9422617461d-sz_52218.png)
把view.jsp中的跳转Action改动一下
![](https://img.xiumi.us/xmi/ua/rSJP/i/354f9d3dea448248d23244f061763c5e-sz_66671.png)
然后我们运行一下
可以看到添加按钮
![](https://img.xiumi.us/xmi/ua/rSJP/i/cb4652a29377f49b39d97cb79ebb383c-sz_18096.png)
点击添加,虽然丑了点,但是功能具备,页面也已经跳转。
![](https://img.xiumi.us/xmi/ua/rSJP/i/eaeb180ab592222176935ec2a0a543ce-sz_21896.png)
然后我们开始准备提交后接收的数据。在action准备添加的方法。
先添加两个属性,生成get/set方法
![](https://img.xiumi.us/xmi/ua/rSJP/i/a4ffd791a480047360b2f00d13109813-sz_49325.png)
然后我们完成添加的方法
![](https://img.xiumi.us/xmi/ua/rSJP/i/f883f560e3af26b53c2dc27cab5d3c2f-sz_142161.png)
接下来在struts.xml中配置
![](https://img.xiumi.us/xmi/ua/rSJP/i/3459695723001cdb161cef3cbbdbafb4-sz_70104.png)
在zztlAdd.jsp中修改路径
![](https://img.xiumi.us/xmi/ua/rSJP/i/a5f05f2a17834596f9fe82256adbe75d-sz_113936.png)
我们运行一下
![](https://img.xiumi.us/xmi/ua/rSJP/i/8fc0c46f7496c2ed803c47a5922194aa-sz_16858.png)
数据进来了
![](https://img.xiumi.us/xmi/ua/rSJP/i/7402c5e94df79a8a509cd5ecba8fdc85-sz_23227.png)
数据库查看一下
![](https://img.xiumi.us/xmi/ua/rSJP/i/de9b5a7012295f9228b2ca8b87faafa9-sz_31652.png)
完成了模仿