纳税服务系统【条件查询数据回显、分页】

蔚落 2021-09-17 07:02 364阅读 0赞

# 前言 #

前面我们已经完成了条件查询的功能，可以根据用户给出的条件进行查询数据。但是呢，还是有一些小毛病的。我们来看看：

![这里写图片描述][SouthEast]

当我们查询数据时候，对查询出来的数据进行操作。操作完毕后**，它回到的不是我们查询后的数据，而是我们的初始化数据。**这明显是不合适的，当用户操作完后，我们应该**返回的还是条件查询出来的数据**。

还有一点的就是：我们的分页还没写……因此，本文主要解决这两个问题。

# 数据回显 #

首先，我们来分析一下为什么我们操作完毕后，得到的是初始化的数据。我们按照用户的操作来看看到底哪里出了问题。

1.  **用户按条件查询数据，显示查询后的数据**
2.  **用户点击编辑/删除对查询后的数据操作，交给Action处理**
3.  **Action返回给显示页面jsp**
4.  **JSP页面提交请求到Action中，Action进行处理**
5.  **最后Action重定向到listUI**

那么在这个过程，我们遇到什么问题呢？？？

![这里写图片描述][SouthEast 1]

--------------------

## 处理1.0 ##

在Action中使用一个变量封装着查询条件

/************获取查询条件的值*************************/
        private String selectCondition;
        public String getSelectCondition() {
            return selectCondition;
        }
        public void setSelectCondition(String selectCondition) {
            this.selectCondition = selectCondition;
        }

**当请求到Action时，我们将查询条件的值取出来，发给对应的JSP页面**

public String editUI() {
    
            //得到所有的信息类型
            ActionContext.getContext().getContextMap().put("infoTypeMap", Info.INFO_TYPE_MAP);
            //外边已经传了id过来了，我们要找到id对应的Info
            if (info != null && info.getInfoId() != null) {
    
                //把查询条件发给JSP页面
                ActionContext.getContext().getContextMap().put("selectCondition", info.getTitle());
    
                //直接获取出来，后面JSP会根据Info有getter就能读取对应的信息！
                info = infoServiceImpl.findObjectById(info.getInfoId());
    
            }
            return "editUI";
        }

**JSP页面把发送过来的值存储好，通过隐藏域发送给Action**

<%--把查询条件带过去给Action--%> <s:hidden name="selectCondition"/>

**重新抵达到Action的时候，由于Struts2有自动封装的功能，所以可以把查询条件封装到selectCondition变量中。最后操作完重定向到listUI界面**

由于是重定向，所以我们需要在struts配置文件中把我们的查询条件带过去：

<result name="list" type="redirectAction">
            <param name="actionName">info_listUI</param>
    
            
            <param name="info.title">${selectCondition}</param>
        </result>

当然啦，在删除的时候，把查询条件记录下来就行了。

//删除
        public String delete() {
            selectCondition = info.getTitle();
            String id = info.getInfoId();
            infoServiceImpl.delete(id);
            return "list";
        }

*  效果：

![这里写图片描述][SouthEast 2]

## 处理2.0 ##

上面我们的确解决了查询后数据回显的情况，但是如果我们的查询条件是中文的话，会怎么样？？

![这里写图片描述][SouthEast 3]

变成了乱码了…..**在解决它之前，我们又来分析一下为什么出现乱码了**….

*  我们知道**Struts2使用post提交表单的数据，内部会自动帮我们转化编码的**。也就是说，我们的乱码肯定不是在表单传输的过程中搞乱的。
 *  **那就是在重定向的时候，中文参数的数据搞乱了。**
 *  我们在配置文件上，要传递参数的时候，设置编码：

<param name="encode">true</param>

*  在Action中读取这个数据的时候，我们解码就行了.

if (info != null) {
            if (StringUtils.isNotBlank(info.getTitle())) {
                selectCondition =  URLDecoder.decode(info.getTitle(),"UTF-8");
                info.setTitle(selectCondition);
    
                queryHelper.addCondition(" i.title like ? ", "%" + info.getTitle() + "%");
            }
        }

--------------------

# 分页 #

分页对我们来说也不是陌生的事情了，我曾经在写JDBC博文的时候就讲解过分页了：[http://blog.csdn.net/hon\_3y/article/details/53790092][http_blog.csdn.net_hon_3y_article_details_53790092]

分页的复用代码[http://blog.csdn.net/hon\_3y/article/details/70051541][http_blog.csdn.net_hon_3y_article_details_70051541]

我们这一次还是使用回我们的分页复用代码，具体不同的需求，在上面修改即可了。

## 在dao和daoImpl中添加方法 ##

*  dao方法

/** * * @param queryHelper 查询助手，条件查询都交给查询助手来干 * @param currentPage 当前页数 * @return */
        PageResult getPageResult(QueryHelper queryHelper, int currentPage);

*  **在查询助手queryHelper中添加一个查询总记录数的sql语句**

/** * * @return 返回查询总记录数的sql语句 */
        public String getTotalRecordSql() {
            return "SELECT COUNT(*) " + fromClause + whereClause;
        }

*  daoImpl实现：
 *  **先查询总记录数**
 *  **初始化Page对象**
 *  **查询分页数据，将分页数据设置到Page对象中**
 *  **返回Page对象**

public PageResult getPageResult(QueryHelper queryHelper, int currentPage) {
    
            //查询总记录数
            Query queryCount = getSession().createQuery(queryHelper.getTotalRecordSql());
            if (queryHelper.getObjectList() != null) {
                int i =0;
                for (Object o : queryHelper.getObjectList()) {
                    queryCount.setParameter(i, o);
                    i++;
                }
            }
            Long totalRecord = (Long) queryCount.uniqueResult();
    
            //初始化PageResult对象
            PageResult pageResult = new PageResult(currentPage, totalRecord);
    
            //查询具体模块的数据【有查询条件的也可以处理】
            Query query = getSession().createQuery(queryHelper.returnHQL());
            if (queryHelper.getObjectList() != null) {
                int i =0;
                for (Object o : queryHelper.getObjectList()) {
                    query.setParameter(i, o);
                    i++;
                }
            }
    
    
            //设置分页开始和末尾
            query.setFirstResult(pageResult.getStartIndex());
            query.setMaxResults(pageResult.getLineSize());
            List dataList = query.list();
    
            //将条件查询出来的数据设置到Page对象中
            pageResult.setList(dataList);
            return pageResult;
        }

## 在service和serviceImpl中添加方法 ##

*  baseService

PageResult getPageResult(QueryHelper queryHelper, int currentPage);

*  baseServiceImpl

public PageResult getPageResult(QueryHelper queryHelper, int currentPage) {
            return baseDao.getPageResult(queryHelper, currentPage);
        }

## 在Action中调用service的方法 ##

**设置我们需要用到的分页属性。**

private int currentPageCount;
        private PageResult pageResult;
        public int getCurrentPageCount() {
            return currentPageCount;
        }
        public void setCurrentPageCount(int currentPageCount) {
            this.currentPageCount = currentPageCount;
        }
        public PageResult getPageResult() {
            return pageResult;
        }
        public void setPageResult(PageResult pageResult) {
            this.pageResult = pageResult;
        }

判断我们的当前页是否为0【如果为0，就代表着刚初始化值，我们设置为1】，调用service的方法得到分页对象

//当前页数没有值，那么赋值为1
        if (currentPageCount == 0) {
            currentPageCount = 1;
        }
        pageResult = infoServiceImpl.getPageResult(queryHelper,currentPageCount);

在JSP页面中，我们遍历分页对象的集合就可以获取分页的数据了。

<s:iterator value="pageResult.list" status="st">

## 效果： ##

![这里写图片描述][SouthEast 4]

--------------------

## 抽取属性 ##

我们的分页属性和查询条件数据不单单只有Info模块用的，于是我们将分页数据抽取到BaseAction中

/************分页属性*************************/
        protected int currentPageCount;
        protected PageResult pageResult;
        public int getCurrentPageCount() {
            return currentPageCount;
        }
        public void setCurrentPageCount(int currentPageCount) {
            this.currentPageCount = currentPageCount;
        }
        public PageResult getPageResult() {
            return pageResult;
        }
        public void setPageResult(PageResult pageResult) {
            this.pageResult = pageResult;
        }
    
        /************获取查询条件的值*************************/
        protected String selectCondition;
        public String getSelectCondition() {
            return selectCondition;
        }
        public void setSelectCondition(String selectCondition) {
            this.selectCondition = selectCondition;
        }

修改其他的模块，也能够拥有条件查询和分页查询这两个功能：**以用户模块为例。**

*  **将查询的对象设置为User,根据用户名的名字来进行条件查询。**

//抛出Action异常
        public String listUI() throws ServiceException, UnsupportedEncodingException {
            QueryHelper queryHelper = new QueryHelper(User.class, "u");
            //根据info是否为null来判断是否是条件查询。如果info为空，那么是查询所有。
            if (user != null) {
                if (org.apache.commons.lang.StringUtils.isNotBlank(user.getName())) {
                    selectCondition =  URLDecoder.decode(user.getName(),"UTF-8");
                    user.setName(selectCondition);
                    queryHelper.addCondition(" u.name like ? ", "%" + user.getName() + "%");
                }
            }
            //当前页数没有值，那么赋值为1
            if (currentPageCount == 0) {
                currentPageCount = 1;
            }
            pageResult = userServiceImpl.getPageResult(queryHelper,currentPageCount);
            return "listUI";
        }

*  **在JSP页面遍历的是分页对象，导入我们的分页下标下表JSP**

<s:iterator value="pageResult.list">
            <jsp:include page="/common/pageNavigator.jsp"/>

处理查询后数据回显的问题：

*  在跳转到编辑页面之前，把查询条件记录下来。不然就会被覆盖掉了。

public String editUI() {
    
            //把所有的角色查询出来，带过去给JSP页面显示
            ActionContext.getContext().getContextMap().put("roleList", roleServiceImpl.findObjects());
    
            //外边已经传了id过来了，我们要找到id对应的User
            if (user != null &&user.getId() != null  ) {
    
                //得到查询条件
                selectCondition = user.getName();
    
                //直接获取出来，后面JSP会根据User有getter就能读取对应的信息！
                user = userServiceImpl.findObjectById(user.getId());
    
                //通过用户的id得到所拥有UserRole
                List<UserRole> roles = userServiceImpl.findRoleById(user.getId());
                //把用户拥有角色的id填充到数组中，数组最后回显到JSP页面
                int i=0;
                userRoleIds =  new String[roles.size()];
                for (UserRole role : roles) {
                    userRoleIds[i++] = role.getUserRoleId().getRole().getRoleId();
                }
    
            }
            return "editUI";
        }

*  在显示编辑页面的JSP上，把查询条件带过去给Action

<%--把查询条件通过隐藏域带过去给Action--%>
        <s:hidden name="selectCondition"></s:hidden>

*  最后，当编辑完，重定向的时候，也要将查询条件带过去。预防着中文的问题，我们对其进行编码

<action name="user_*" class="zhongfucheng.user.action.UserAction" method="{1}">
                <result name="{1}" >/WEB-INF/jsp/user/{1}.jsp</result>
    
                
                <result name="list" type="redirectAction">
                    <param name="actionName">user_listUI</param>
                    <param name="user.name">${selectCondition}</param>
                    <param name="encode">true</param>
                </result>
            </action>

*  在删除的时候，也要把查询条件记录下来。

//删除
        public String delete() { if (user != null && user.getId() != null) { //记载着查询条件 selectCondition = user.getName();
    
                userServiceImpl.delete(user.getId());
            }
            return "list";
        }

[SouthEast]: /images/20210827/60c55c787f9745b3b4c46c19516d7494.png
[SouthEast 1]: /images/20210827/f684c28c10b2433298ed3f0c7e78cece.png
[SouthEast 2]: /images/20210827/b9c8a2ac733d4b34a5c118f0a5cbfd8d.png
[SouthEast 3]: /images/20210827/1d16938758774e2780f1617c275ca57f.png
[http_blog.csdn.net_hon_3y_article_details_53790092]: http://blog.csdn.net/hon_3y/article/details/53790092
[http_blog.csdn.net_hon_3y_article_details_70051541]: http://blog.csdn.net/hon_3y/article/details/70051541
[SouthEast 4]: /images/20210827/982923d3880c4d1585fc9d575ad344c7.png