EasyUI实现工地领款单项目

• 环境搭建

引入jar、配置Spring MVC、web.xml、日志等

• 建表
• 自动生成MyBatis相关文件

mybatis-generator-core-1.3.2.jar

 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE generatorConfiguration
   PUBLIC "-//mybatis.org//DTD MyBatis Generator Configuration 1.0//EN"
   "http://mybatis.org/dtd/mybatis-generator-config_1_0.dtd">

 <generatorConfiguration>
     <context id="testTables" targetRuntime="MyBatis3">
         <commentGenerator>
             <!-- 是否去除自动生成的注释 true：是 ： false:否 -->
             <property name="suppressAllComments" value="true" />
         </commentGenerator>
         <!--数据库连接的信息：驱动类、连接地址、用户名、密码 -->
         <jdbcConnection driverClass="com.mysql.jdbc.Driver"
             connectionURL="jdbc:mysql://localhost:3306/consite?useSSL=false" userId="root"
             password="123456">
         </jdbcConnection>
         <!-- 默认false，把JDBC DECIMAL 和 NUMERIC 类型解析为 Integer，为 true时把JDBC DECIMAL 和
             NUMERIC 类型解析为java.math.BigDecimal -->
         <javaTypeResolver>
             <property name="forceBigDecimals" value="false" />
         </javaTypeResolver>

         <!-- targetProject:生成PO类的位置 -->
         <javaModelGenerator targetPackage="org.zln.consite.domain"
             targetProject="src/main/java">
             <!-- enableSubPackages:是否让schema作为包的后缀 -->
             <property name="enableSubPackages" value="false" />
             <!-- 从数据库返回的值被清理前后的空格 -->
             <property name="trimStrings" value="true" />
         </javaModelGenerator>
         <!-- targetProject:mapper映射文件生成的位置 -->
         <sqlMapGenerator targetPackage="org.zln.consite.mapper"
             targetProject="src/main/resources">
             <!-- enableSubPackages:是否让schema作为包的后缀 -->
             <property name="enableSubPackages" value="false" />
         </sqlMapGenerator>
         <!-- targetPackage：mapper接口生成的位置 -->
         <javaClientGenerator type="XMLMAPPER"
             targetPackage="org.zln.consite.mapper"
             targetProject="src/main/java">
             <!-- enableSubPackages:是否让schema作为包的后缀 -->
             <property name="enableSubPackages" value="false" />
         </javaClientGenerator>
         <!-- 指定数据库表 -->
         <table schema="" tableName="T00_Dict"></table>
         <table schema="" tableName="T00_User"></table>
         <table schema="" tableName="T01_LKD"></table>

     </context>
 </generatorConfiguration>

generatorConfig.xml

 import java.io.File;
 import java.util.ArrayList;
 import java.util.List;

 import org.mybatis.generator.api.MyBatisGenerator;
 import org.mybatis.generator.config.Configuration;
 import org.mybatis.generator.config.xml.ConfigurationParser;
 import org.mybatis.generator.internal.DefaultShellCallback;

 public class GeneratorSqlmap {

     public void generator() throws Exception{

         List<String> warnings = new ArrayList<>();
         boolean overwrite = true;
         //指定 逆向工程配置文件
         File configFile = new File("/Users/sherry/WorkPath/Git/lkd/consite/src/main/resources/generatorConfig.xml");
         System.out.println(configFile.getAbsolutePath());
         ConfigurationParser cp = new ConfigurationParser(warnings);
         Configuration config = cp.parseConfiguration(configFile);
         DefaultShellCallback callback = new DefaultShellCallback(overwrite);
         MyBatisGenerator myBatisGenerator = new MyBatisGenerator(config,callback, warnings);
         myBatisGenerator.generate(null);

     }
     public static void main(String[] args) throws Exception {
         try {
             GeneratorSqlmap generatorSqlmap = new GeneratorSqlmap();
             generatorSqlmap.generator();
         } catch (Exception e) {
             e.printStackTrace();
         }

     }

 }

GeneratorSqlmap

• 首页跳转

输入http://ip:port/consite后，默认根据web.xml的配置，去跳转到index.jsp文件的，我这里再做一次跳转

<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<%
    String homePage = request.getContextPath();
%>
<script type="text/javascript">
    var login = "<%=homePage%>/t00_CommonController/goPage.html?page=login";
    console.log("跳转到登录页:"+login);
    window.location.href = login;
</script>

相应的控制层代码如下

 package org.zln.consite.controller;

 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
 import org.springframework.stereotype.Controller;
 import org.springframework.web.bind.annotation.RequestMapping;
 import org.springframework.web.bind.annotation.RequestParam;

 /**
  * 通用控制器
  * Created by sherry on 17/1/4.
  */
 @Controller
 @RequestMapping("/t00_CommonController")
 public class T00_CommonController {
     /**
      * 日志
      */
     private Logger logger = LoggerFactory.getLogger(T00_CommonController.class);

     @RequestMapping(value = "/goPage.html", params = "page")
     public String goPage(@RequestParam String page) {
         logger.debug("跳转到：/WEB-INF/jsp/" + page + ".jsp");
         return page;
     }
 }

T00_CommonController

• 登陆界面

经过跳转后，首先进入登陆界面，如下

 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
 <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
 <%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
 <%
     String homePage = request.getContextPath();
 %>
 <!DOCTYPE HTML>
 <html>
 <head>
     <title>登陆</title>
     <meta charset="UTF-8"/>
     <link rel="stylesheet" type="text/css" href="<%=homePage%>/jslib/jquery-easyui-1.5/themes/default/easyui.css"
           charset="utf-8"/>
     <link rel="stylesheet" type="text/css" href="<%=homePage%>/jslib/jquery-easyui-1.5/themes/icon.css"
           charset="utf-8"/>
     <script type="text/javascript" src="<%=homePage%>/jslib/jquery-easyui-1.5/jquery.min.js" charset="utf-8"></script>
     <script type="text/javascript" src="<%=homePage%>/jslib/jquery-easyui-1.5/jquery.easyui.min.js"
             charset="utf-8"></script>
     <script type="text/javascript" src="<%=homePage%>/jslib/jquery-easyui-1.5/locale/easyui-lang-zh_CN.js"
             charset="utf-8"></script>
     <style type="text/css">
         <%--右对齐--%>
         td:first-of-type {
             text-align: right
         }
     </style>
     <script type="text/javascript">
         $(function () {
             $("#dd").dialog({
                 closable: false,
                 buttons: [
                     {
                         text: "登陆",
                         handler: function () {
                             console.log("登陆");
                         }
                     }, {
                         text: "重填",
                         handler: function () {
                             console.log("重填");
                         }
                     }
                 ]
             });
         })
     </script>
 </head>
 <body>
 <%--登陆表单--%>
 <form id="dd" class="easyui-dialog" title="登陆" style="width:250px;height:150px;"
       data-options="resizable:true,modal:true" method="post">
     <table>
         <tr>
             <td>用户名</td>
             <td>
                 <input type="text" name="username" class="easyui-validatebox" data-options="required:true"/>
             </td>
         </tr>
         <tr>
             <td>密码</td>
             <td>
                 <input type="password" name="password" class="easyui-validatebox" data-options="required:true">
             </td>
         </tr>
     </table>
 </form>

 </body>
 </html>

login.jsp

• 实现登陆与后台的交互

EasyUI登陆与表单重填

buttons: [
    {
        text: "登陆",
        handler: function () {
            console.log("登陆");
            $("#dd").form("submit", {
                url: "<%=homePage%>/t00_UserController/login.ajax"
                , success: function (data) {
                    data = JSON.parse(data);
                    if ("0" == data.st) {
                        console.log("登陆成功");
                        $.messager.show({
                            title: '提示',
                            msg: '登陆成功',
                            timeout: 5000,
                            showType: 'slide'
                        });
                        $("#dd").dialog("close");
                    } else {
                        console.log("登陆失败");
                        $.messager.alert('警告', "登陆失败", "warning");

                    }

                }
            })
        }
    }, {
        text: "重填",
        handler: function () {
            console.log("重填");
            $("#dd :input")
                .not(':button, :submit, :reset, :hidden')
                .val('')
                .removeAttr('checked')
                .removeAttr('selected');
        }
    }
]

后台代码

 package org.zln.consite.controller;

 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
 import org.springframework.stereotype.Controller;
 import org.springframework.web.bind.annotation.RequestMapping;
 import org.springframework.web.bind.annotation.RequestParam;
 import org.springframework.web.bind.annotation.ResponseBody;

 import java.util.HashMap;
 import java.util.Map;

 /**
  * Created by sherry on 17/1/4.
  */
 @Controller
 @RequestMapping("/t00_UserController")
 public class T00_UserController {

     /**
      * 日志
      */
     private Logger logger = LoggerFactory.getLogger(T00_UserController.class);

     @RequestMapping("/login.ajax")
     @ResponseBody
     public Map<String, String> login(@RequestParam Map<String, String> map) {
         Map<String, String> map1 = new HashMap<>();
         logger.debug("登陆参数："+map);
         if ("admin".equalsIgnoreCase(map.get("username"))){
             map1.put("st","0");
         }else {
             map1.put("st","-1");
         }
         logger.debug("返回："+map1);
         return map1;
     }
 }

T00_UserController

• 工作界面

接下去的更新，见

https://git.oschina.net/sherryBy/lkd.git