开发第一个jeecg单表的例子

时间 2019-11-20

标签开发第一个 jeecg 例子繁體版

原文原文链接

表结构以下：
html

其中merchants_name为商家名称，balance为余额，其它三个字雄姿英发id是主键，create_date,updaet_date是建立时间和修改时间不涉及到业务逻揖，jeecg会自动处理这些字段java

使用jeecg的代码生成器生成的页面代码以下：jquery

列表页面：ajax

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<div class="easyui-layout" fit="true">
  <div region="center" style="padding:1px;">
  <t:datagrid name="merchantsList" title="商家信息" actionUrl="merchantsController.do?datagrid" idField="id" fit="true">
   <t:dgCol title="编号" field="id" hidden="false"></t:dgCol>
   <t:dgCol title="商家名称" field="merchantsName" ></t:dgCol>
   <t:dgCol title="余额" field="balance" ></t:dgCol>
   <t:dgCol title="操做" field="opt" width="100"></t:dgCol>
   <t:dgDelOpt title="删除" url="merchantsController.do?del&id={id}" />
   <t:dgToolBar title="录入" icon="icon-add" url="merchantsController.do?addorupdate" funname="add"></t:dgToolBar>
   <t:dgToolBar title="编辑" icon="icon-edit" url="merchantsController.do?addorupdate" funname="update"></t:dgToolBar>
   <t:dgToolBar title="查看" icon="icon-search" url="merchantsController.do?addorupdate" funname="detail"></t:dgToolBar>
  </t:datagrid>
  </div>
 </div>

新增修改页：数据库

<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<!DOCTYPE html>
<html>
 <head>
  <title>商家信息</title>
  <t:base type="jquery,easyui,tools,DatePicker"></t:base>
 </head>
 <body style="overflow-y: hidden" scroll="no">
  <t:formvalid formid="formobj" dialog="true" usePlugin="password" layout="div" action="merchantsController.do?save">
		<input id="id" name="id" type="hidden" value="${merchantsPage.id }">
		<fieldset class="step">
			<div class="form">
		      <label class="Validform_label">商家名称:</label>
		      <input class="inputxt" id="merchantsName" name="merchantsName" ignore="ignore"
					   value="${merchantsPage.merchantsName}">
		      <span class="Validform_checktip"></span>
		    </div>
			<div class="form">
		      <label class="Validform_label">余额:</label>
		      <input class="inputxt" id="balance" name="balance" ignore="ignore"
					   value="${merchantsPage.balance}" datatype="d">
		      <span class="Validform_checktip"></span>
		    </div>
	    </fieldset>
  </t:formvalid>
 </body>

主要记录一下表单录入的界面jsp

字段验证：ui
默认全部字段都不验证的好象（今天发现是根据设计数据库表时对应字段是否容许为空来肯定的，若是设计表时容许该字段为空，则默认不进行非空的验证,若是不容许为空则默认进行非空的验证），就是生成的字段属性都会有ignore="ignore"这个属性了，若是去掉这个属性，默认会不容许为空，因此若是要设置某个字段不容许为空，直接把这个属性去掉就行了，固然jeecg还提供了很是丰富的字段验证的规则，好比这边balance为double型，这时生成的输入框的代码中会有一个datatype="d"的属性，表示只容许属入数字，固然还有其它许多的规则，能够参考官方的文档或张代浩的博客url
重名验证spa
这边商家名称是不容许重名的，原来觉得须要写一个ajax的调用来验证，结果发现jeecg提供了一个很是贴心的属性：validType，只要在生成的代码的对应属性中增长如下属性就能够了：设计

validType="logistics_merchants,MERCHANTS_NAME,id"

格式为：数据表名称、对应的数据库字段、业务实体的隐藏域主键的Id属性

注意这边都是数据库字段和表的名称或属性，不是业务实体的名称或属性