XJawa:: 2、极端体验：初学者10分钟实现完整的单表增删改查功能

当前位置：首页

7wxAop开发框架

教程

目前：0 鲜花 0 牛粪我要：献鲜花扔牛粪

2、极端体验：初学者10分钟实现完整的单表增删改查功能

【关闭】

本站发布时间：2008年05月06日 09:10

概述：对于数据库应用来说，单表的增删改查功能可以揭示应用框架对业务系统开发的基本支持。7wxAop中实现这一功能非常简单，所有代码都可由系统工具生成，而且代码量很小，易于阅读分析。

下面的例子，后台程序都要访问数据库。在7wxAop中，绝大部分的业务过程(Action)都是通过AutoSQL实现的，AutoSQL类似于iBatis，与iBatis一样用SQL表示持久接口，用SQL中的占位符号表示持久接口的输入参数；不同的是AutoSQL中输入参数充分考虑了Web开发下的实际情况，同时，还在SQL中指定了符合Ajax要求的标准数据输出。一个或多个AutoSQL够成AutoAction，形式上AutoAction类似于存储过程，但输入输出方式都是以Web下的Ajax开发为基础开发，所以用于Ajax应用时，可实现最简洁的代码。

我们现在实验如何在10分钟内，从建表开始，开发一个完整的单数据表应用--图书管理，该应用含图书的增、删、改、查（可翻页、单击表头排序的列表）、表单输入校验等功能。

在7wxAop中，数据库应用程序前后端的基本代码都可以在系统工具DBView中生成。实际上，无需任何代码，DBView本身就可以实现任意数据库、任意数据表的增删改查功能；但在实际应用中，我们需要生成代码，以便程序员后期定制不同的功能。

注意：

代码生成器最近更新，早于 07-04-16 19:00 下载xjawa.zip的用户，需下载更新以下文件：

{xjawa}/www/commonjs/sys_list.js

{xjawa}/www/system/dbview/createlist.html （按右键另存为） {xjawa}/www/system/dbview/createform.html （按右键另存为）

1、建表

在Eclipse中启动MiniServer后，打开后台管理界面（http://localhost/admin/），进DBView，左边导航树显示的是系统默认业务数据库WebApp的表和视图，点〈Execute SQL〉，右边出现SQL执行控制台界面：

在SQL输入框中，粘贴入以下建表代码：

CREATE TABLE book(
     ID BIGINT NOT NULL,
    TITLE VARCHAR(40) NOT NULL,
     AUTHOR VARCHAR(10) ,
     PUBLISHER VARCHAR(20),
     PUBLISHDATE DATE,
     CONTENT VARCHAR(1000),
     PRICE DECIMAL(4,2) NOT NULL,
     NUMBER INT NOT NULL,
     PRIMARY KEY(ID)
);

按<Run>，执行建表操作。然后按左侧导航界面上的刷新图标，在Tables列表中就可以看到新建的BOOK表，点击BOOK，右侧出现该表的元数据定义Definition页及数据Data页，在Data页中，我们可以直接增删改查，但我们现在要产生自己的代码。

2、产生后台代码

在Definition页，按<AutoSQL>按钮可以产生后台程序代码AutoAction及AutoSQL：

按〈Action Servlet Template〉，进入Action Servlet Template对话框,我们可以产生一个7wxAop应用（即WebActions 子类，如HelloWorld教程中的aop.Test类）的代码模板，由于我们打算这个例子与HelloWorld例子共用WebActions子类aop.Test，因此不用复制整个模板，只需把其中的方法defineAutoActions() 复制并插入到aop.Test即可。然后，我们退出Action Servlet Template对话框，从上图界面中复制“Normal SQL”之上的所有行，插入到defineAutoActions() 方法的actions变量赋值语句中，最后形成的aop.Test代码为：

package aop; import org.xjawa.system.WebActions; import javax.servlet.http.HttpServletRequest; public class Test extends WebActions { public String[][] defineAutoActions() throws Exception { String[][] actions = { // 取 BOOK 列表 {"@getBooks","", "books(start,len):=SELECT_NOMETA ID,TITLE,AUTHOR,PUBLISHER,PUBLISHDATE,CONTENT,PRICE,NUMBER" +" FROM BOOK where {_where} order by {_orderby}", }, // 取一条 BOOK {"@getBook","", "book:=SELECT ID,TITLE,AUTHOR,PUBLISHER,PUBLISHDATE,CONTENT,PRICE,NUMBER" +" FROM BOOK" +" WHERE ID={_id}", }, // 插入一条 BOOK {"@addBook","", "INSERT INTO BOOK " +"(ID,TITLE,AUTHOR,PUBLISHER,PUBLISHDATE,CONTENT,PRICE,NUMBER) VALUES" +"({fieldmax(SELECT MAX(ID) FROM BOOK)_id},'{_title}','{_author}','{_publisher}','{_publishdate(NULL)}','{_content}',{_price},{_number})", "id:=requestvalue_id", }, // 更新一条 BOOK {"@updateBook","", "UPDATE BOOK SET " +"TITLE='{_title}'" +",AUTHOR='{_author}'" +",PUBLISHER='{_publisher}'" +",PUBLISHDATE='{_publishdate(NULL)}'" +",CONTENT='{_content}'" +",PRICE={_price}" +",NUMBER={_number}" +" WHERE ID={_id}", }, // 删除一条 BOOK {"@delBook","", "DELETE FROM BOOK " +" WHERE ID IN ({array_id})", }, }; return actions; } public void _helloServer(HttpServletRequest request)throws Exception { sendPrimary(request,"info","Hello, " + request.getParameter("myname") + "! This's Aop Server :" + request.getServerName()); } }

这就是本例子的唯一的后台代码，含5个AutoAction，没有XML，也没有业务Bean、DAO、实体Bean等等繁琐的东西。

后端代码完成后，停止MiniServer并重新启动。

3、产生前端代码

注意：

7wxAop框架前后台都基于unicode设计，因此前台代码（html，js，jsp）必须存储为utf-8文件格式，否则显示可能出现乱码。

列表页生成：在BOOK表的Definition页，按<ListView>按钮进入ListView生成界面，顶部的代码生成选项我们分别选择：

当程序提示输入后台“应用程序名”时，输入“aop.Test”。在WWW下的7wx文件夹中创建空的books.html文件，将产生的代码复制到该文件中，books.html文件代码如下（注意以utf-8格式保存）：

<HTML> <HEAD> <TITLE> Book List </TITLE> <META NAME="Generator" CONTENT="7WX/AOP Framework"> <META http-equiv="content-type" content="text/html; charset=utf-8">  <SCRIPT src="/commonjs/7wx.js"></SCRIPT> </HEAD>  <BODY leftmargin=0 topmargin=0> <table class=layout cellpadding=0 cellspacing=0>  <tr class=toolbar><td> <table cellpadding=0 cellspacing=0 width=100% ><tr> <td> <button id=buttonAdd onclick="addBook();" >新建</button> <button id=buttonMod onclick="modBook();" >修改</button> <button id=buttonDel onclick="delBook();" >删除</button>  </td> <td align=right> <select id=smartSearch onchange="smartSearchChange();"> <option value="1=1" selected>快速查找</option>  <option value="findtitle">2.查找标题</option>  </select> </td> </tr></table> </td></tr>  <tr><td><div class=listviewcontainer>  <TABLE id=booklist width=100% class=clistview> <TR align=center class=clistviewhead> <TD width=20 nowrap><input type="checkbox" value="全选" onclick="XsetAllTableLinesChecked(booklist,this.checked);"></TD> <TD nowrap width=20 style='cursor:hand' onclick="reOrder('ID')" >ID</TD> <TD nowrap width=130 style='cursor:hand' onclick="reOrder('TITLE')" >TITLE</TD> <TD nowrap width=40 style='cursor:hand' onclick="reOrder('AUTHOR')" >AUTHOR</TD> <TD nowrap width=70 style='cursor:hand' onclick="reOrder('PUBLISHER')" >PUBLISHER</TD> <TD nowrap width=40 style='cursor:hand' onclick="reOrder('PUBLISHDATE')" >PUBLISHDATE</TD> <TD nowrap width=160 style='cursor:hand' onclick="reOrder('CONTENT')" >CONTENT</TD> <TD nowrap width=22 style='cursor:hand' onclick="reOrder('PRICE')" >PRICE</TD> <TD nowrap width=43 style='cursor:hand' onclick="reOrder('NUMBER')" >NUMBER</TD> </TR> <TR style='display:none;'> <TD><INPUT type=checkbox XobjectID={books_ID} XhelpValue={books_ID}></TD> <TD nowrap align='right' style='color:blue;'>{books_ID}</TD> <TD nowrap>{books_TITLE}</TD> <TD nowrap>{books_AUTHOR}</TD> <TD nowrap>{books_PUBLISHER}</TD> <TD nowrap>{books_PUBLISHDATE}</TD> <TD nowrap>{books_CONTENT}</TD> <TD nowrap align='right' style='color:blue;'>{books_PRICE}</TD> <TD nowrap align='right' style='color:blue;'>{books_NUMBER}</TD> </TR> </TABLE>  </div></td></tr>  <tr class=pagebar><td> <SCRIPT>XinsertPageControl(15)</SCRIPT> </td></tr> </table> </BODY>  <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HTML>

表单页生成：在BOOK表的Definition页，按<FormView>按钮进入FormView生成界面，顶部的代码生成选项我们分别选择：

输入域排成列

当程序提示输入后台“应用程序名”时，输入“aop.Test”。在WWW下的7wx文件夹中创建空的book.html文件(在7wxAop中，默认表单页文件名为数据表名，列表页文件名为表名的复数形式)，将产生的代码复制到该文件中，book.html文件代码如下（注意以utf-8格式保存）：

<HTML> <HEAD> <TITLE> Book </TITLE> <META NAME="Generator" CONTENT="7WX/AOP Framework"> <META http-equiv="content-type" content="text/html; charset=utf-8">  <SCRIPT src="/commonjs/7wx.js"></SCRIPT> </HEAD>  <BODY leftmargin=0 topmargin=0> <table class=layout cellpadding=0 cellspacing=0>  <tr class=formtitle><td> Book属性 </td></tr>  <tr><td class=formcontainer>  <form id="bookform"> <table border=0 cellpadding=2 cellspacing=0 width=100% class=formalltable> <tr> <td><input type='hidden' name='id' ></td> </tr> <tr> <td align=right><span id='xcLabel_title'></span>:</td> <td><input type='text' name='title' ></td> </tr> <tr> <td align=right><span id='xcLabel_author'></span>:</td> <td><input type='text' name='author' ></td> </tr> <tr> <td align=right><span id='xcLabel_publisher'></span>:</td> <td><input type='text' name='publisher' ></td> </tr> <tr> <td align=right><span id='xcLabel_publishdate'></span>:</td> <td><input type='text' name='publishdate' readonly> <a onclick='XselectDateFor(bookform.publishdate)' style='cursor:hand'>选择</a></td> </tr> <tr> <td align=right><span id='xcLabel_content'></span>:</td> <td><input type='text' name='content' ></td> </tr> <tr> <td align=right><span id='xcLabel_price'></span>:</td> <td><input type='text' name='price' ></td> </tr> <tr> <td align=right><span id='xcLabel_number'></span>:</td> <td><input type='text' name='number' ></td> </tr> </table> </form>   </td></tr>  <tr class=buttonbar><td> <div id=xeditbar> <button onclick="okClick('save');" accesskey="s"> 保存(S) </button> <button id=nextbtn onclick="okClick('saveAndNext');" style="display:none;" accesskey="n"> 保存并输入写下一条(N) </button> <button onclick="okClick('saveAndExit');" accesskey="o"> 保存并退出(O) </button> <button onclick="window.close();" accesskey="c"> 取消(C) </button> </div> <div id=xviewbar style="display:none;"> <button onclick="window.close();" accesskey="x"> 关闭窗口(X) </button> </div> </td></tr> </table> </BODY>  <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HTML>