用相同jsp，js文件，同样的接口实现多页面构建

话不多说，先上代码
在Controller文件中这两个接口返回的都是同一个页面，但是通过给model加上一个属性，但赋予不同的值，用来区别两个不同页面

 @RequestMapping("/page.htm")public String page(Model model) {model.addAttribute("roleType", getRoleType());model.addAttribute("isSupportActivity",YesNoEnum.YES.getCode());return "activity/applyAuditPage";}@RequestMapping("/disSupportPage.htm")public String disSupportPage(Model model){model.addAttribute("roleType", getRoleType());model.addAttribute("isSupportActivity",YesNoEnum.NO.getCode());return "activity/applyAuditPage";}

在jsp文件中给页面加上这两个属性

<script type="text/javascript">var pageObj = {roleType: '${roleType}', isSupportActivity: '${isSupportActivity}'};
</script>

在js文件中

   search: function () {var condition = pageObj.getSearchForm().jqForm("getValue");condition.id = pageObj.applyId;condition.isApplySupport = pageObj.isSupportActivity;pageObj.getDataGrid().jqGrid("setRequestData", {condition: condition,pageInfo: {currentPage: 1    //指定查询页}}).jqGrid("reloadGrid");},

先将属性值加到condition中，再将condition放到requestData中，这样在网页请求中，请求的参数中就会有isApplySupport字段，在调用Controller中getByPage.json接口,接口通过
if ("1".equals(condition.getIsApplySupport()))
去分别两个页面

 @RequestMapping("/getByPage.json")@ResponseBodypublic Page getByPage(@JsonPathParam("$.pageInfo") Page page, @JsonPathParam("$.condition") ApplyVOExt condition) {if (getCurrentUser().getRoleType().equals(RoleTypeEnum.TYPE_3.getCode())) {if ("1".equals(condition.getIsApplySupport())){condition.setManageArea(getCurrentUser().getAreaCode());condition.setExpertScoreType(ExpertScoreTypeEnum.TYPE_1.getCode());condition.setIsApplySupport(YesNoEnum.YES.getCode());}else{condition.setManageArea(getCurrentUser().getAreaCode());condition.setExpertScoreType(ExpertScoreTypeEnum.TYPE_1.getCode());condition.setIsApplySupport(YesNoEnum.NO.getCode());}}if (getCurrentUser().getRoleType().equals(RoleTypeEnum.TYPE_4.getCode())) {condition.setExpertUserId(getCurrentUserId());condition.setExpertScoreType(ExpertScoreTypeEnum.TYPE_2.getCode());condition.setReportStatus(YesNoEnum.YES.getCode());}return applyService.getPage(null, page, condition);}

用相同jsp，js文件，同样的接口实现多页面构建相关推荐

ASP.NET 封装JS文件到DLL中并在页面中调用
通常在ASP.NET,我们常常会用到JS脚本来实现页面上的很多操作.在页面中引用JS的方法也是有好几种. 这里来介绍一下,如何将JS脚本内嵌到组件(Assembly)中,即DLL中.这样的做法最大的好 ...
封装JS文件到DLL中并在页面中调用
通常在ASP.NET,我们常常会用到JS脚本来实现页面上的很多操作.在页面中引用JS的方法也是有好几种. 这里来介绍一下,如何将JS脚本内嵌到组件(Assembly)中,即DLL中.这样的做法最大的好 ...
解决HTML加载时，外部js文件引用较多，影响页面打开速度问题
前言通常HTML文件在浏览器中加载时,浏览器都会按照<script>元素在页面中出现的先后顺序,对它们依次加载,一旦加载的js文件数量过多,就会导致页面展示延迟.那么,在开发的过程中,改 ...
【漏洞实战】某网站JS文件泄露导致拿到服务器权限
某站点JS文件泄露后台接口导致Get Shell 1.首页是这样子滴,爆破弱口令无果后. 技术资料 2.开始审计js代码:这一步我不知道新手会不会.一般右击网页->点击检查就会出现下面这种界面. ...
js后退页面不重新加载_快应用：支持加载单独JS文件的规范思考
当前快应用的项目中,支持加载其它JS文件(通过:require('./foo.js')),然后通过webpack工具处理依赖,最终完成页面JS的构建,其中页面JS包含了引入的所有JS内容: 本文讨论的 ...
asp.net使用httphandler打包多CSS或JS文件以加快页面加载速度
介绍使用许多小得JS.CSS文件代替一个庞大的JS或CSS文件来让代码获得更好的可维护性,这是一个很好的实践.但这样做反过来却损失了网站的性能.虽然你应该将你的Javascript代码写在小文件中并 ...
微信小程序中app.js文件、组件、api
app.js文件: 每个小程序都需要在app.js中调用 App 方法注册小程序实例. App({//App实例化,整个小程序只有一个App实例,全部页面共享onLaunch: function () ...
浏览器缓存文件导致js文件更改无效
20180509 前端时间进行web项目更改时,发现更改了js文件后怎么刷新页面都没有用.最后删除js文件,重启iis,刷新页面还是没用, 最后通过清楚IE11浏览器缓存解决了问题. 转载于:http ...
挖坑指南：如何在引用的外部js文件中获取vue页面实例？（独家）
原文链接前言在基于iView的后台项目中,表格组件是我们的老朋友了.实现如下的效果更是最基本的需求: 开始在iView早期1.x的版本(其实在~2.0.0-rc.7也能使用),想要渲染这样的效果 ...

用相同jsp，js文件，同样的接口实现多页面构建

用相同jsp，js文件，同样的接口实现多页面构建

用相同jsp，js文件，同样的接口实现多页面构建相关推荐

最新文章

热门文章