改造DWZ框架(2)

本文涉及的产品
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
云数据库 RDS MySQL,集群系列 2核4GB
推荐场景:
搭建个人博客
云数据库 RDS MySQL,高可用系列 2核4GB
简介: 改造DWZ框架

同时该文件的靠底部的代码中显示了欢迎信息,而关联的数据库是sys_user表中。



然后还需要注意对URL进行安全验证,可以查看下图中选中的文件内容,该文件中写了很多注释进行说明,该权限验证通过另外一位同仁的demo中改造而来,非常感谢!


image.png

以上就是登录验证的整个过程。



2.数据库从mysql改造到postgre,当然首先先安装好postgre就好了,然后把sql文件导入,由于整个项目比较大,我会放在CSDN的资源库中供大家下载,不过会收取一部分下载积分,为了赚积分获取别人的资源,呵呵。



postgre 写道

src\mybatis-configuration.xml

以上文件中需要改造成postgre支持


<property name="dialectClass" value="dwz.dal.mybatis.dialect.PostgreSQLDialect"/>

然后改造jdbc.properties文件,里面使用以下内容


#postgre
jdbc.driverClassName=org.postgresql.Driver
jdbc.url=jdbc:postgresql://127.0.0.1:5432/starxxxx?useUnicode=true&characterEncoding=UTF-8
jdbc.username=
jdbc.password=
#mysql
#jdbc.driverClassName=com.mysql.jdbc.Driver
#jdbc.url=jdbc:mysql://127.0.0.1:3306/starxxxx?useUnicode=true&characterEncoding=UTF-8
#jdbc.username=
#jdbc.password=
dbcp.maxActive=50
dbcp.maxIdle=200

 另外postgre的表字段需要时小写



数据库改造到此为止。



3.列表的增删改查和分页,DWZ中原有的增删改查和分页有问题,我已经做了修改,下面列出一些注意点,如果你还需要再改造,请注意


路径 写道

WEB-INF\jsp\management\steelstandard\thickness\platelist.jsp

以上文件中写了一个列表的demo,我把需要注意的代码列在下面,混在了一起,请注意区分


<!-- 该处为分页的form提交单,必须 -->
<form id="pagerForm" method="post" action="<c:url value='/management/steelstandard/thickness/platelist/'/>">
  <input type="hidden" name="pageNum" value="1" />
  <input type="hidden" name="pageSize" value="${numPerPage}" />
  <input type="hidden" name="orderField" value="${param.orderField}" />
  <input type="hidden" name="orderDirection" value="${param.orderDirection}" />
</form>
<!-- 字段排序必须 -->
    <th width="120px" orderField="mill_no" class="${param.orderField eq 'mill_no' ? param.orderDirection : ''}">钢厂</th>
    <th width="100px" orderField="prod_no" class="${param.orderField eq 'prod_no' ? param.orderDirection : ''}">品种</th>
<!-- 分页必须 -->
  <c:set var="targetType" value="${empty param.targetType ? 'navTab' : param.targetType}"/>
  <div class="panelBar">
  <div class="pages">
    <span>显示</span>
    <select name="pageSize" οnchange="dwzPageBreak({targetType:'${targetType}',data:{numPerPage:this.value}})">
    <option value="1" selected>20</option>
    <option value="2">50</option>
    <option value="3">100</option>
    <option value="4">200</option>
    </select>
    <span>条,共  ${vo.totalCount} 条</span>
  </div>
  <div class="pagination" targetType="${targetType}" totalCount="${vo.totalCount}" numPerPage="${vo.pageSize}" currentPage="${vo.pageNum}"></div>


路径 写道

src\dwz\web\management\SteelstandardController.java

该文件中需要注意


/**
  * 列表查询.
  * 
  * @param vo 列表分页必须对象
  * @param model
  * @return
  */
  @RequestMapping("/thickness/platelist")
  public String thicknessplatelist(BaseConditionVO vo, Model model) {
  // 查询列表结果
  List<Steelstandard> steelstandards = steelstandardMgr.getSteelstandards(vo);
  // 总条数,不能直接从steelstandards取size
  int totalCount = steelstandardMgr.searchSteelstandardsNum(vo);
  vo.setTotalCount(totalCount);
  model.addAttribute("tbpd04s", steelstandards);
  model.addAttribute("vo", vo);
  return "/management/steelstandard/thickness/platelist";
  }


4.其他的注意点,不知道这个过程中有遗漏了什么内容,有需要的话可以联系



以上文件中国际化了一些web信息和弹出框之类的一些信息,有需要的可以改造成自己的。


application-context.xml文件加载安全验证 写道
<context:component-scan base-package="dwz.business.security"/> 
<!-- 隐式地向 Spring 容器注册 --> 
<context:annotation-config/>
WebContent\include.inc.jsp加入了web端的根路径 写道
<c:set var="ctx" value="${pageContext.request.contextPath}" />
 这样就可以在一些路径下通过
WEB-INF\jsp\layout\template2\header.jsp 写道
<div id="logo"><img class="logobg" src="${ctx}/styles/website/${param.template}/themes/${param.theme}/images/sp.gif" width="250" height="60" /></div>

总结:改造DWZ是个痛苦的过程,当然还是必须感谢DWZ的开源,给我们带来一些便利,希望通过本篇文章的介绍,在以后的DWZ开发过程中,大家可以有一些借鉴的过程,项目的资源文件我会附在CSND的资源库中http://download.csdn.net/download/qing_gee/7969111

相关实践学习
如何在云端创建MySQL数据库
开始实验后,系统会自动创建一台自建MySQL的 源数据库 ECS 实例和一台 目标数据库 RDS。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心,利用清洁计算为万物互联的新世界提供源源不断的能源动力,目前开服的区域包括中国(华北、华东、华南、香港)、新加坡、美国(美东、美西)、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程,来了解阿里云能够为你的业务带来哪些帮助 &nbsp; &nbsp; 相关的阿里云产品:云服务器ECS 云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
相关文章
|
1月前
|
前端开发 JavaScript
掌握微前端架构:构建现代Web应用的新方法
本文介绍了微前端架构的概念及其在现代Web应用开发中的优势与实施方法。微前端架构通过将应用拆分成独立模块,提升了开发效率和灵活性。其核心优势包括技术栈灵活性、独立部署、团队协作及易于维护。文章详细阐述了定义边界、选择框架、管理状态和通信等关键步骤,并讨论了状态同步、样式隔离及安全性等挑战。微前端架构有望成为未来Web开发的重要趋势。
|
1月前
|
前端开发 JavaScript
轻松上手:基于single-spa构建qiankun微前端项目完整教程
轻松上手:基于single-spa构建qiankun微前端项目完整教程
41 0
|
JSON 前端开发 安全
vue-element-admin实战 | 第一篇: 移除mock接入微服务接口,搭建SpringCloud+Vue前后端分离管理平台
vue-element-admin实战 | 第一篇: 移除mock接入微服务接口,搭建SpringCloud+Vue前后端分离管理平台
|
JavaScript 前端开发 Go
微前端之qiankun 介绍和简单使用
微前端之qiankun 介绍和简单使用
5921 0
|
前端开发 开发工具 容器
基于qiankun的前端可组装应用开发实践
模块化可组装是云巧组件的核心理念之一。本文以某门户后台管理系统的前端为例(由N个模块组装而成),介绍一种前端模块化、可组装的开发实践。
|
前端开发 JavaScript 算法
ivx杨帆启航React/Pixi.js/FaaS、Krpano及微服务架构
ivx杨帆启航React/Pixi.js/FaaS、Krpano及微服务架构
304 0
ivx杨帆启航React/Pixi.js/FaaS、Krpano及微服务架构
|
监控 JavaScript 前端开发
Qiankun框架对于微前端的解耦和沙盒与实战探索心得
Qiankun框架对于微前端的解耦和沙盒与实战探索心得
Qiankun框架对于微前端的解耦和沙盒与实战探索心得
|
设计模式 存储 测试技术
实战 | UI 自动化测试框架设计与 PageObject 改造
![](https://ceshiren.com/uploads/default/original/3X/e/f/efd4f6ab53cc4a449657509b655cf5e6499878e5.jpeg) 在 UI 自动化测试过程中,面对复杂的业务场景,经常会遇到这样的挑战: - 简单的录制/回放速度快,但无法适应复杂场景; - 编写自动化测试脚本比较灵活,但工作量大且可维护性差; - 以往的
|
设计模式 存储 测试技术
实战 | UI 自动化测试框架设计与 PageObject 改造
实战 | UI 自动化测试框架设计与 PageObject 改造
|
开发框架 安全 前端开发