開發第一個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屬性

注意這邊都是數據庫字段和表的名稱或屬性，不是業務實體的名稱或屬性

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。