关于jeesite框架的传统模式主从表功能开发

关于jeesite框架的传统模式主从表功能开发

开心一笑

公交车上,一女的拖了一条狗坐在我旁边。我看了一眼那狗,它也看我一眼,再看,它还看我。我就一直盯着它看,它也盯着我看。持续了一段时间后,那女的看看她的狗,又看看我,问:你们认识? ===========================================================

使用工具为:IDEA 2017

开发环境为WIN,JDK1.8,Tomcat8,Maven 3.3.9,mysql5.7

场景说明:商品类别和商品,且商品类别为树形结构。

具体步骤如下:项目搭建及启动可以自行百度

首先,我们创建商品类别表zntb_item_cat:和商品表:zntb_item

1.    表结构如下:红色部分参考说明文档为必填字段。

关于jeesite框架的传统模式主从表功能开发

 关于jeesite框架的传统模式主从表功能开发

2.    表结构建好之后,

修改jeesite配置文件中的数据源信息,为你刚创建表的jeesite项目的数据库。另外在该文件的底部有生成代码工具生成代码的放置路径,根据自己的喜好设置。

关于jeesite框架的传统模式主从表功能开发

上图设置为:D盘根目录。

3.    启动动我们搭建好的项目工程。登录后台界面:http://localhost:8088/a

关于jeesite框架的传统模式主从表功能开发

4.    首先点击代码生成工具,点击业务表添加

    关于jeesite框架的传统模式主从表功能开发

5.    然后选择zntb_item_cat表名,

关于jeesite框架的传统模式主从表功能开发

然后点击下一步,如下图:

关于jeesite框架的传统模式主从表功能开发

主要注意:红色部分thisObj,为自身对象。Sort字段改为Integer。其他的不做说明,可采用默认,也可以参考说明文档自行了解。然后点击保存。

6.    点击生成方案

关于jeesite框架的传统模式主从表功能开发

关于jeesite框架的传统模式主从表功能开发

关于jeesite框架的传统模式主从表功能开发

关于jeesite框架的传统模式主从表功能开发

商品操作相同:

关于jeesite框架的传统模式主从表功能开发

保存并生成代码后,在D盘根目录会产生代码文件。

关于jeesite框架的传统模式主从表功能开发

然后将文件拷贝到,项目中,一般如果不支持热部署,需要重启项目。

7.    配置菜单

关于jeesite框架的传统模式主从表功能开发

在点击第2步之后,点击菜单添加,输入信息后,点击保存。

关于jeesite框架的传统模式主从表功能开发

然后,点击

关于jeesite框架的传统模式主从表功能开发

关于jeesite框架的传统模式主从表功能开发

直接保存,继续点击添加

关于jeesite框架的传统模式主从表功能开发

关于jeesite框架的传统模式主从表功能开发

注意:如果代码中没有手动删除权限注解,此处不添加

关于jeesite框架的传统模式主从表功能开发

配置菜单后,会出现无权限提示。商品操作同商品类型,填写如下:

关于jeesite框架的传统模式主从表功能开发

配置完成的效果为:

关于jeesite框架的传统模式主从表功能开发

然后授权:

点击角色管理,我们以系统管理员为例,点击修改,将我没添加的菜单勾选保存。

关于jeesite框架的传统模式主从表功能开发

 

保存成功后,刷新页面或清空cookie,还不行就重编译,重启IDEA。重新登录如下:

关于jeesite框架的传统模式主从表功能开发

商品类型效果:

关于jeesite框架的传统模式主从表功能开发

关于jeesite框架的传统模式主从表功能开发

 

8.    改造父子关系

将商品类型添加功能中的上级父级编号组件直接拿过来使用。

关于jeesite框架的传统模式主从表功能开发

找到zntbItemCatForm.jsp文件,

关于jeesite框架的传统模式主从表功能开发

<div class="controls">
   <
sys:treeselect id="parent" name="parent.id" value="${zntbItemCat.parent.id}" labelName="parent.name" labelValue="${zntbItemCat.parent.name}"
     
title="父级编号" url="/itemcat/zntbItemCat/treeData"extId="${
zntbItemCat.id}" cssClass="" allowClear="true"/>
</
div>

改为:

<sys:treeselect id="zntbItemCat" name="cid" value="${cid}" labelName="zntbItemCat.name"
             labelValue="${zntbItemCat.name}" title="商品类型" url="/itemcat/zntbItemCat/treeData" cssClass="input-small"
             allowClear="true" notAllowSelectParent="true"/>

 

备注:id:为树实体对象实例,name为提交实体对象对应的属性(即zntbItemcid),value实体对象的值…..

 

 

9.    测试