Struts2 crud功能实现+高级查询+分页查询

简介: 后台功能的实现:1.创建员工表:t_employee2.根据表结构创建实体类:Employee3.定义DAO接口:IEmployeeDAO4.定义DAO的实现类:EmployeeDAOImpl(暂不实现, 测试先行)5.

后台功能的实现:

1.创建员工表:t_employee
2.根据表结构创建实体类:Employee
3.定义DAO接口:IEmployeeDAO
4.定义DAO的实现类:EmployeeDAOImpl(暂不实现, 测试先行)
5.定义对应的测试类:EmployeeDAOTest(编写对每个dao方法的测试代码)
6:使用druid连接池抽取JdbcUtil和db.properties文件.
7:编写通用的DAO操作模板JdbcTemplate.
8:编写通用的结果集处理器:BeanHander/BeanListHandler.

前台功能的实现:

01.集成Struts2框架
02.编写EmployeeAction代码和JSP代码
03.网页基本的CRUD测试通过
04.完成高级查询操作(前台)
05.完成分页查询操作(前台)

高级查询+分页查询

1.查询对象的封装(EmployeeQueryObject,QueryObject)
该对象是用户提交的数据的封装,将高级查询和分页数据都封装到该对象中,方便数据的传递
在该对象中提供sql条件字符串的拼接,和sql参数的存放
2.分页结果对象的封装(PageResult)
该对象是对页面中需要显示数据的封装(结果集数据和分页条相关的数据)
3.高级查询+分页查询方法设计
思考用户需要什么数据(返回值的类型)和用户应该要提供什么数据(方法的参数列表的定义)

项目结构划分

img_d85cf8a291432b8d1d7bf95511619432.png

DAO暂时不进行叙述了我们把重点放在Struts2上

我们想对下面表格使用struts2进行CRUD+高级查询+分页查询

img_ece16ad70559b4ea24f13b8c66187ec6.png

先把struts2引入项目中

<filter>
<filter-name>Struts2</filter-name>
<filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>Struts2</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
  • 首先我们创建一个Action类

    public class EmployeeAction extends ActionSupport {
    private static final long serialVersionUID = 1L;
    private IEmployeeDAO dao = new EmployeeDAOImp();
    @Setter@Getter
    private Employee e;
    @Setter@Getter
    private EmployeeQueryObject qo =new EmployeeQueryObject();
     @Override
     public String execute() throws Exception {
     PageResult result = dao.pageQuery(qo);
     ActionContext.getContext().put("result", result);
    //跳转逻辑视图
     return "list";
     }
     //执行用户的删除操作
     public String delete(){
     dao.delete(e.getId());
     return SUCCESS;
     }
     //编辑页面的跳转操作
     public String input(){
     if(e!=null){
         e=dao.get(e.getId());
     }
     return "input";
     }
    //执行保存更新操作
     public String saveOrUpdate(){
     if(e.getId()!=null){
         dao.update(e);
     }else{
         dao.save(e);
     }
     return SUCCESS;
     }
     }
    

domain模型

img_5558b77ddf7944fa18965621659c8ed5.png

struts.xml

<struts>
<!--开发者模式 -->
<constant name="struts.devMode" value="true"></constant>
<constant name="struts.ui.theme" value="simple" />
<package name="empPkg" extends="struts-default" namespace="/">
    <action name="emp_*" class="com.jd.pss.web.action.EmployeeAction"
        method="{1}">
        <result name="list" type="dispatcher">
            /WEB-INF/views/employee/list.jsp
        </result>
        <result name="success" type="redirectAction">
            emp
        </result>
        <result name="input">
            /WEB-INF/views/employee/input.jsp
        </result>
    </action>
</package>
</struts>

list.jsp

<s:form class="form-inline" role="form">
            <s:hidden name="qo.currentPage" id="currentPage"></s:hidden>
            <div class="form-group">
                <label class="sr-only" for="exampleInputEmail2"></label>
                <s:textfield name="qo.username" class="form-control"
                    id="exampleInputEmail2" placeholder="姓名" />
            </div>
            <div class="form-group">
                <label class="sr-only" for="exampleInputEmail2"></label>
                <s:textfield name="qo.email" class="form-control"
                    id="exampleInputEmail2" placeholder="邮箱" />
            </div>

input.jsp

<s:form id="account_register" name="account_register" namespace="/"
                    action="emp_saveOrUpdate" class="form-horizontal">

                    <s:hidden name="e.id"></s:hidden>

                    <div class="form-group">
                        <label for="account_register_account_username"
                            class="col-sm-2 control-label">用户名</label>
                        <div class="col-sm-4">
                            <s:textfield name="e.username"
                                id="account_register_account_username" class="form-control"
                                placeholder="请输入用户名" />
                        </div>
                        <div class="col-sm-6"></div>
                    </div>
                    <div class="form-group">
                        <label for="account.password" class="col-sm-2 control-label">密码</label>
                        <div class="col-sm-4">
                            <s:password name="e.password" showPassword="true"
                                id="account_register_account_password" class="form-control"
                                placeholder="请输入密码" />
                        </div>

我们需要理解的是以下逻辑:

  • http://localhost:8080/emp发送请求时获取查询数据存储在值栈中,跳转到逻辑视图 在list.jsp中通过迭代获取所有数据显示到界面上

      <s:iterator value="#result.listData" var="emp">
                      <tr>
                          <td>
                              <s:property value="#emp.id" />
                          </td>
                          <td>
                              <s:property value="#emp.headImg" />
                          </td>
                          <td>
                              <s:property value="#emp.username" />
                          </td>
                          <td>
                              <s:property value="#emp.password" />
                          </td>
                          <td>
                              <s:property value="#emp.email" />
                          </td>
                          <td>
                              <s:date format="yyyy-MM-dd" name="#emp.hiredate" />
                          </td>
                          <td>
                              <s:property value="#emp.salary" />
                          </td>
                          <td>
                              <s:a namespace="/" action="emp_input">
                                  <s:param name="e.id" value="#emp.id"></s:param>
                              编辑</s:a>
                              |
                              <s:a namespace="/" action="emp_delete">
                                  <s:param name="e.id" value="#emp.id"></s:param>
                          删除</s:a>
                          </td>
                      </tr>
                  </s:iterator>
    

这就是我们需要现实的界面前提是DAO的crud正常

img_ece16ad70559b4ea24f13b8c66187ec6.png
  • 删除操作:先获取要删除的数据的id值 通过getter方法拿到对象e并且调用对象属性的setter方法将id值赋值给对象的id属性 再调用delete()方法把id传递进来调用dao的删除方法从数据库删除数据,返回SUCCESS跳转到主见面进行重新发送请求进行更新数据
img_b7104f0de22999744c835f1cec7dcbe2.png
第一步

img_a7bef80a4c2b2ed8c1242238d3166f8c.png
第二步
img_63b09c2f737011787aa4f4e26f5f9a4b.png
第三步
img_d5ea33759eb2294ffea513c87be7342e.png
第四部
img_467b05b4ae6530baa21c892c1370958c.png
第五步
img_d3a7e10fe2cc47a13ab9295eb9cdc79f.png
第六步
img_ff6188ebbb9e2620f5d53e05a58b7dd3.png
第七步
  • 添加操作:当点击注册时会调用input()方法这时id为空返回"input"进入input的罗技视图界面通过struts.xml配置文件进入input.jsp(username为例)这时通过getter方法找到e对象再调用e属性username的setter方法将表格数据赋值;此时e对象的属性就有值了,提交表单后执行saveOrUpdate()方法,此时会调用dao的save()方法把对象保存


    img_53934cbf7af8cf2fb7b3a02d1e9bb90d.png
    第一步
img_1f951aea34cb690795527b0de5ba9b86.png
第二步

到action类中找到对应的input()方法

img_08e5d7ecf6361b990b5fef8ed5cef729.png
第三步
img_321198bb50db6a64fcb18e6c0fc721fe.png
第四步

跳转到input.jsp界面

img_53731d90bf839ada3e02ec58fafc61bb.png
第五步

e.id做了那些事?这是我们必须要知道的
提交表单会操作action

img_4e72f620dba444a45c391e8c7bede2b1.png
第六步
img_e06122a5f4105b2291da97fa80664c04.png
第七步
img_5d875a9db601de0a82e1c1d992c6c617.png
第八步
img_865b477628bedb2bf31477dc82fda24f.png
第九步

更新数据请求转发跳转到list.jsp界面

  • 编辑操作:当点击编辑操作时会获取对象的id,通过getter方法获取对象,再通过对象属性的setter方法将表格的值赋值给对象的属性 然后调用input()方法,因为id有值.再调用dao的update()方法
img_9a3f54e803ae6a204c598bc2479ca259.png
第一步
img_77da1b14e75f7c53c21971f3403d7792.png
第二步
img_5b1b960ba76e0122ad44bc198242e2f2.png
第三步
img_e6d25bd4eccc8cd8ffc5a10b90243f98.png
第四部
img_355dd4158842f3e39a27938c6aa705c6.png
第五步
img_39b4f68e5a32957215ded97dd516f922.png
第六步

最后更新数据请求转发跳转到list.jsp界面

img_36d25b2601182cb085a6871ab183247c.png
第七步
  • 高级查询:查询请求发送时会调用getter方法拿到qo对象,再将请求的值通过setter方法赋值给qo对象的属性.封装成对象
    同时在表单中设置一个隐藏域currentPage属性,提交表单跳转到当前界面执行execute()方法, 通过dao.pageQuery(qo); 获取结果集,将结果集保存到值栈中,跳转到"list"的逻辑视图


    img_e5a47e72c73fb97d3611d65d7de22745.png
img_3bcaea74239951d41fafb2ff7a0149b6.png

查询结果

img_175be990d330d7045fff8fcf69cb5d52.png
查询结果

常见的type值(结果类型):
dispatcher: 表示从Action请求转发到页面(JSP).缺省值
redirect: 表示从Action重定向到页面(JSP).
chain: 表示从Action请求转发到另一个Action.
redirectAction: 表示从Action重定向到另一个Action.

目录
相关文章
|
23天前
|
数据库 JavaScript SQL
❤Nodejs 第八章(操作本地数据库优化查询为分页查询方式)
【4月更文挑战第8天】在Node.js中,本章讲述了如何优化本地数据库查询以实现分页。首先,添加了前端分页参数`pageNum`(页码)和`pageSize`(每页条数)。接着,通过打印`req.query`来验证参数是否正确传递。初始查询示例为`SELECT * FROM user WHERE age = 18 LIMIT 0, 10`。当改变分页参数时,查询能相应更新。在实现动态偏移量`offset`时,起初因误添加`' AND' : ' WHERE'`导致错误,修正后使用`LIMIT`和计算出的`offset`进行分页。
52 5
❤Nodejs 第八章(操作本地数据库优化查询为分页查询方式)
|
5天前
|
SQL 关系型数据库 MySQL
MySQL数据库的约束+进阶版新增与查询-2
MySQL数据库的约束+进阶版新增与查询
12 1
|
5天前
|
关系型数据库 MySQL 测试技术
MySQL数据库的约束+进阶版新增与查询-1
MySQL数据库的约束+进阶版新增与查询
16 1
|
8天前
|
SQL 数据库
SQL数据库基础语法-查询语句
SQL数据库基础语法-查询语句
|
8天前
|
存储 监控 Apache
查询提速11倍、资源节省70%,阿里云数据库内核版 Apache Doris 在网易日志和时序场景的实践
网易的灵犀办公和云信利用 Apache Doris 改进了大规模日志和时序数据处理,取代了 Elasticsearch 和 InfluxDB。Doris 实现了更低的服务器资源消耗和更高的查询性能,相比 Elasticsearch,查询速度提升至少 11 倍,存储资源节省达 70%。Doris 的列式存储、高压缩比和倒排索引等功能,优化了日志和时序数据的存储与分析,降低了存储成本并提高了查询效率。在灵犀办公和云信的实际应用中,Doris 显示出显著的性能优势,成功应对了数据增长带来的挑战。
查询提速11倍、资源节省70%,阿里云数据库内核版 Apache Doris 在网易日志和时序场景的实践
|
13天前
|
SQL 关系型数据库 MySQL
【MySQL-5】DDL的数据库操作:查询&创建&删除&使用(可cv代码+演示图)
【MySQL-5】DDL的数据库操作:查询&创建&删除&使用(可cv代码+演示图)
|
14天前
|
存储 SQL 缓存
构建高效的矢量数据库查询:查询语言与优化策略
【4月更文挑战第30天】本文探讨了构建高效矢量数据库查询的关键点,包括设计简洁、表达性强的查询语言,支持空间操作、函数及索引。查询优化策略涉及查询重写、索引优化、并行处理和缓存机制,以提升查询效率和准确性。这些方法对处理高维空间数据的应用至关重要,随着技术进步,矢量数据库查询系统将在更多领域得到应用。
|
14天前
|
SQL 缓存 监控
如何在数据库查询中使用参数化查询?
【4月更文挑战第30天】如何在数据库查询中使用参数化查询?
22 1
|
14天前
|
存储 SQL 关系型数据库
mysql查询数据库表大小怎么操作
mysql查询数据库表大小怎么操作
|
15天前
|
缓存 关系型数据库 MySQL
研优化数据库查询性能
研优化数据库查询性能
24 0