配置编辑是单表,详情是主从表的功能
在本教程中,将演示如何实现编辑是单表而详情是主从表的功能。你将了解:
- 初步了解编辑是单表,详情是主从表的配置方法
步骤一:创建学生表和学校表、班级表,使用到的表结构如下:
- Mysql 版本
create table Student
(
student_id int(10) not null,
school_id int(10),
class_id int(10),
name varchar(64),
age tinyint(2),
sex char(2),
birthday datetime,
create_date datetime,
create_id int(10),
update_date datetime,
update_id int(10),
primary key (student_id)
);
create table School
(
school_id int(10) not null,
school_name varchar(128),
school_address varchar(128),
create_date datetime,
create_id int(10),
update_date datetime,
update_id int(10),
primary key (school_id)
);
create table Class
(
class_id int(10) not null,
class_name varchar(128),
school_id int(10) not null,
grade tinyint(1),
create_date datetime,
create_id int(10),
update_date datetime,
update_id int(10),
primary key (class_id)
);
- SQL Server 版本
create table Student (
student_id int not null,
school_id int null,
class_id int null,
name varchar(64) null,
age tinyint null,
sex char(2) null,
birthday datetime null,
create_date datetime null,
create_id int null,
update_date datetime null,
update_id int null,
constraint PK_STUDENT primary key (student_id)
)
create table School (
school_id int not null,
school_name varchar(128) null,
school_address varchar(128) null,
create_date datetime null,
create_id int null,
update_date datetime null,
update_id int null,
constraint PK_SCHOOL primary key (school_id)
)
create table Class (
class_id int not null,
class_name varchar(128) null,
school_id int not null,
grade tinyint null,
create_date datetime null,
create_id int null,
update_date datetime null,
update_id int null,
constraint PK_CLASS primary key (class_id)
)
步骤二:创建学生表和学校表、班级表的PDM 模型,并使用 ToolkitSuite 工具生成 DataXML 文件。
我们已为你准备好学生表和学校表、班级表的 PDM 模型,点击下载。
如果你还不了解如何使用 ToolkitSuite 工具生成 XML 配置文件,点此了解。
步骤三:创建 Web应用
创建 “Student-School-Class” Web应用,如下图:
如果你还不了解如何创建 TKCore 项目,点此了解。
步骤四:配置 DataXml 文件
在 Xml/Data
下,新建Student文件夹,School文件夹,Class文件夹,并复制步骤二生成的 student.xml,school.xml,class.xml到对应名字的文件夹下。
步骤五:配置 ModuleXml 文件
文件夹的路径,决定了该模块的路由,本示例路由是:~/c/xml/list/Student/Student_SingleDetailList
创建Xml/Module/Student/Student_SingleDetailList.xml
文件,复制以下内容到文件内。
<?xml version="1.0" encoding="UTF-8"?>
<tk:Toolkit version="5.0" xsi:schemaLocation="http://www.qdocuments.net ..\..\schema\v5\Module.xsd" xmlns:tk="http://www.qdocuments.net" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
<tk:Module>
<tk:Title>
<tk:Content>学生管理(编辑是单表,详情是主从表)</tk:Content>
</tk:Title>
<tk:MetaData>
<tk:SingleDetailListMetaData>
<tk:Main>
<tk:SingleXmlMetaData DataXml="Student/Student.xml"/>
</tk:Main>
<tk:Detail ListStyle="Normal">
<tk:SingleXmlMetaData DataXml="School/School.xml"/>
</tk:Detail>
<tk:Detail ListStyle="Normal">
<tk:SingleXmlMetaData DataXml="Class/Class.xml"/>
</tk:Detail>
</tk:SingleDetailListMetaData>
</tk:MetaData>
<tk:Source>
<tk:SingleDbDetailListSource>
<tk:Resolver>
<tk:MetaDataResolver>
<tk:Scheme>
<tk:Tk5DataXml FileName="Student/Student.xml"/>
</tk:Scheme>
</tk:MetaDataResolver>
</tk:Resolver>
<tk:ChildTable>
<tk:Resolver>
<tk:MetaDataResolver>
<tk:Scheme>
<tk:Tk5DataXml FileName="School/School.xml"/>
</tk:Scheme>
</tk:MetaDataResolver>
</tk:Resolver>
<tk:Relation>
<tk:MasterFields>SchoolId</tk:MasterFields>
<tk:DetailFields>SchoolId</tk:DetailFields>
</tk:Relation>
</tk:ChildTable>
<tk:ChildTable>
<tk:Resolver>
<tk:MetaDataResolver>
<tk:Scheme>
<tk:Tk5DataXml FileName="Class/Class.xml"/>
</tk:Scheme>
</tk:MetaDataResolver>
</tk:Resolver>
<tk:Relation>
<tk:MasterFields>ClassId</tk:MasterFields>
<tk:DetailFields>ClassId</tk:DetailFields>
</tk:Relation>
</tk:ChildTable>
</tk:SingleDbDetailListSource>
</tk:Source>
<tk:PageMaker>
<tk:RazorModuleTemplatePageMaker ModuleTemplate="SingleDetailList">
</tk:RazorModuleTemplatePageMaker>
</tk:PageMaker>
</tk:Module>
</tk:Toolkit>
步骤六:运行,查看效果
运行效果如下:
新建页面:
详情页面:
到这里,你可以点击【新建】、【导出 Excel】,【修改】,【删除】等按钮,体验下框架内置的功能了。
关于TKCore的更多信息请点击: http://www.tkcore.net关注微信公众号获取TKCore最新资讯: