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>

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();
        }
        
    }

}

• 首页跳转

输入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;
    }
}

• 登陆界面

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

<%@ 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="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>

• 实现登陆与后台的交互

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;
    }
}

• 工作界面

接下去的更新，见

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