自我规范：模版页面规格要求备注

最新推荐文章于 2025-08-31 02:28:07 发布
最新推荐文章于 2025-08-31 02:28:07 发布 · 181 阅读 · 0

本文介绍了一个包含详细表格展示、按钮权限设置及导出功能的系统界面设计案例。具体包括表格的列配置、筛选条件设置、分页展示以及导出功能等关键特性。

确保唯一性之外，按钮权限要求：

btn_entityName_add

btn_entityName_update

btn_entityName_del

如：

btn_user_add

btn_user_update

btn_user_del

btn_user_export

 

  • 展示主体表格：

id必须为：entityModelGrid

 

（数据区域）

 

 

	<columns sizable="true" menupopup="auto" sclass="z-column-sort">
		<column width="35px;"  zclass="XX" style="padding-left:5px;border: 1px solid;border-top:none;border-color: #8FB9D0 #8FB9D0 #8FB9D0 white;">
			<hbox>
				<checkbox tooltiptext="全选/取消全选" id="mainCheckbox" forward="main.onChooseAllOrNot"/>
			</hbox>
		</column>
		
		<column value="labNum" label="${$composer.module}编号" align="left" tooltiptext="${self.label }" sclass="entityModelGridHeader" hflex="1" >
			<hbox  pack="start" >
			<image src="/img/common/funnel.png" />
			<textbox id="labNum" placeholder="${$composer.module}编号${FILTER_PART}" onMouseOver="self.select()" instant="true" hflex="1"></textbox>
			</hbox>
		</column>
		<column width="10%" label="操作列" align="center" zclass="XX" style="border: 1px solid;border-top:none;border-color: #8FB9D0 #8FB9D0 #8FB9D0 white;color:#00547A;font-size:12px;">
		</column>			
	</columns>

 

 

 

	<template name="model">
          <row value="${each }" style="cursor:pointer" id="row_${each.sid }" forward="onDoubleClick=main.onShowEntityDetailInfoByDoubleClick,onClick=main.onChooseOrNot">
              
              <div >
								<checkbox name="checkbox" onClick="if (self.isChecked()){
									self.setChecked(false);
									}else{
									self.setChecked(true);
									}
								" />
              </div>              
              <div >
               <label visible="true" value="${each.labNum}"  sclass="entityModelGridData" maxlength="${defaultMaxLength}" onCreate="((Div)self.getParent()).setTooltiptext(self.getValue())"/>
              </div>
			  <div>
					<a label="详情" forward="main.onShowEntityDetailWithLink" style="color:#00547A;font-weight:normal;" image="/img/common/search.gif"/>
					<a label="删除" forward="main.onDelEntityDetailWithLink" style="color:#00547A;font-weight:normal;" image="/img/common/delete.gif" if="${sec:isAnyGranted('XXX')}"/>
			  </div>              
          </row>
	</template>

 

（分页条）：

 

 

 

<grid style="background-repeat: repeat-x;
		background-image: url(${desktop.webApp.servletContext.contextPath }/img/zkau/column-bg.png);border-top:none;">		
		<rows>
			<row sclass="pgInfoLine" style="background-repeat: repeat-x;
		background-image:url(${desktop.webApp.servletContext.contextPath }/img/zkau/column-bg.png);padding-top:0px;padding-bottom:0px;">
				<cell width="50%" style="background-repeat: repeat-x;border: 1px solid #E8F6FD;border-right:none;
		background-image:url(${desktop.webApp.servletContext.contextPath }/img/zkau/column-bg.png);">
					<paging id="paging" style="padding-top:3px;padding-bottom:3px;background-repeat: repeat-x;
		background-image:url(${desktop.webApp.servletContext.contextPath }/img/zkau/column-bg.png);"/>
				</cell>
				<cell width="50%" align="right" style="border:1px solid #E8F6FD;">
					<div >
						<label style="color: #00547A;" id="pageDetailInfo"/>
						<image id="exportGridToExcel_win" src="/img/report/excel.gif" align="center" style="cursor:pointer" tooltiptext="点击下载Excel" if="${sec:isAnyGranted('XXX')}"/>&#160;
						<image id="exportGridToPdf" src="/img/report/pdf.gif" align="center" style="cursor:pointer" tooltiptext="点击下载PDF" if="${sec:isAnyGranted('XXX')}"/>
						<label value="每页显示:" style="color:#00547A;"/>
						<intbox inplace="true" id="pagingIntbox" style="border:1px solid #6BA6BF" width="22px" forward="onOk=main.onSetPageSize,onBlur=main.onSetPageSize"  onMouseOver="self.select()" constraint="no empty,no negative, no zero"/>
					</div>
				</cell>
			</row>				 
		</rows>
</grid>

 

 

(详情展示)：

 

 

<popup id="entity_detail_popup">
    <include id="entity_detail_include" />
</popup>

 

（弹出Excel导出框）：

 

 

<include id="include_excel_export"></include>

 

 

  • 表单区域：

 

 

<south title="   " autoscroll="true" id="operateSouth" size="50%" height="40%" vflex="1" collapsible="true" splittable="true" open="false" if="${sec:isAnyGranted('XXX,XXX')}">
	<div hflex="1" vflex="1" width="98%" style="margin-left:auto;margin-right:auto;padding-top:5px;overflow: auto;">
		<grid>
		</grid>
	</div>
</south>

 

 

<row id ="formRow1" style="background:white;">
					
					<cell align="right" width="9%">
						${$composer.module}编号
						<n:span style="color:red">
							*
						</n:span>
							: 
					</cell>
					<cell>
						<textbox maxlength="15" width="80%" value="@{main$composer.viewModel.labNum }" id="${NOT_REPEAT}labNum" onMouseOver ="self.focus()"/> 
					</cell>
</row>

 

 

				
<row style="background:white;">
	<cell align="right">
		<button label="上一条" image="/img/operateSouth-arrow-left.png" id="pre" if="false"/>
	</cell>
	<cell colspan="6" align="center">
		<button style="margin-right:10px;" label=" 重 置 " id="reset"/>
		<button style="margin-right:10px;margin-left:10px;" label=" 确定新增 " id="add" visible="false" if="${sec:isAnyGranted('XXX')}"/>
		<button style="margin-right:10px;margin-left:10px;" label=" 保存修改 " id="update" if="${sec:isAnyGranted('XXX')}"/>
		<button style="margin-left:10px;" label=" 关 闭 " forward="main.onCloseTheEntityForm"/>
		<label style="margin-left:15px; color:red; font-size:14px; width:100px;" id="promptInfo" />
	</cell>
	<cell align="right">
		<button label="下一条" image="/img/operateSouth-arrow-right.png" id="next" if="false"/>
	</cell>
</row>

 

  • 导出部分：

 

<window  id="main2"  apply="${z:ctrl('XXX')}" border="normal" title="请从左侧筛选要导出的内容" width="80%" minwidth="500" mode="modal" position="center,top" sizable="true" minheight="300" closable="true" style="min-height:500px;">
<vlayout vflex="1" hflex="1"  style="min-height:500px;">
<columnlayout vflex="1" height="80%">
	<columnchildren width="40%" style="margin:2% 0 1% 4% ">
            <panel title="可选择：">
                <panelchildren>
<grid id="entityModelGrid"  autopaging="true" emptyMessage="${emptyMessage }" >
    
	<!-- 筛选条件行 -->	
	
	<columns height="1px;" menupopup="auto" value="iCorporationService">
		<column label="${$composer.module}编号" align="left" tooltiptext="${self.label }" sclass="entityModelGridHeader" hflex="1" visible="true">
			<hbox  pack="center" style="">
			<checkbox id="mainCheckbox" forward="onChooseAllOrNot"/>
			<image src="/img/common/funnel.png" />
			<textbox id="labNum" placeholder="${$composer.module}编号${FILTER_PART}" onMouseOver="self.select()" instant="true" hflex="1"></textbox>
			</hbox>
		</column>

	</columns>   
	
	<!--END 筛选条件行 -->

	<!-- 分页展示数据 -->

		<template name="model">
          <row   style="cursor:pointer" id="row_${each.sid }" forward="onDoubleClick=onShowEntityDetailInfoByDoubleClick,onClick=onChooseOrNot">
              <div >
				<checkbox name="checkbox" onClick="if (self.isChecked()){
					self.setChecked(false);
					}else{
					self.setChecked(true);
					}
				" value="${each }"/>
               <label visible="true" value="${each.XXXNum}"  sclass="entityModelGridData" maxlength="${defaultMaxLength}" onCreate="((Div)self.getParent()).setTooltiptext(self.getValue())"/>
              </div>
          </row>
	</template>

	<!--END 分页展示数据 -->



</grid>
<!-- 查看详情弹出框 -->
<popup id="entity_detail_popup">
    <include id="entity_detail_include" />
</popup>

<!-- 分页行 --> 	

<grid sclass="pgInfoGrid" style="background-repeat: repeat-x;
		background-image: url(${desktop.webApp.servletContext.contextPath }/img/zkau/column-bg.png);border-top:none;">		
		<rows>
			<row  style="background-repeat: repeat-x;
		background-image: url(${desktop.webApp.servletContext.contextPath }/img/zkau/column-bg.png);padding-top:0px;padding-bottom:0px;">
				<cell width="50%" style="background-repeat: repeat-x;border: 1px solid #E8F6FD;border-right:none;
		background-image: url(${desktop.webApp.servletContext.contextPath }/img/zkau/column-bg.png);">
					<paging id="paging" style="padding-top:3px;padding-bottom:3px;background-repeat: repeat-x;
		background-image: url(${desktop.webApp.servletContext.contextPath }/img/zkau/column-bg.png);"/>
				</cell>
				<cell width="50%" align="right" style="border:1px solid #E8F6FD;">
					<div >
						<label style="color: #00547A;" id="pageDetailInfo"/>
						<label value="每页显示:" style="color:#00547A;"/>
						<intbox inplace="true" id="pagingIntbox" style="border:1px solid #6BA6BF" width="22px" forward="onOk=onSetPageSize,onBlur=onSetPageSize"  onMouseOver="self.select()" constraint="no empty,no negative, no zero"/>
					</div>
				</cell>
			</row>				 
		</rows>
</grid>

<!-- END 分页行 -->
			
			</panelchildren>
		</panel>
	</columnchildren>
<columnchildren width="10%" height="100%">
            <panel vflex="1">
                <panelchildren>
                	<vlayout vflex="1">
                	<hlayout vflex="1">
                	<grid oddRowSclass="non-odd" style="border:0px;" vflex="1" hflex="1">
                		<rows vflex="1">
	                    	<row align="center" height="200px" style="background:white;border:0px;" >
	                    	</row>
                			<row align="center"  style="background:white;border:0px;">
                    <image style="cursor:pointer;" tooltiptext="添加导出选项" id="addProject" forward="onAddProject"
                        src="/img/common/ButtonArrowRight32.png">
                    </image>
                    		</row>
	                    	<row align="center" style="background:white;border:0px;">
                    <separator height="10px"/>
	                    	</row>
                		</rows>
                	</grid>
                	</hlayout>
                		</vlayout>
                </panelchildren>
            </panel>
</columnchildren>
<columnchildren width="40%" style="margin:2% 0 1% 0 ">
            <panel title="已选择：" >
                <panelchildren >
<grid id="entityModelGrid2"  emptyMessage="${emptyMessage }"  autopaging="true" height="60%" >
    
               
	<!-- 筛选条件行 -->	
	
	<columns height="1px;" menupopup="auto" value="iCorporationService" >
		<column label="${$composer.module}编号" align="left" tooltiptext="${self.label }" sclass="entityModelGridHeader" hflex="1" visible="true">
		</column>
	</columns>   
	
	<!--END 筛选条件行 -->

	<!-- 分页展示数据 -->

		<template name="model">
          <row  id="row2_${each.sid }" style="cursor:pointer"  forward="onDoubleClick=onShowEntityDetailInfoByDoubleClick">
              <div >
				<image src="/img/common/delete.gif" style="cursor:pointer;" id="${each.sid }" forward="onDel"></image>
               <label visible="true" value="${each.labNum}"  sclass="entityModelGridData" maxlength="${defaultMaxLength}" onCreate="((Div)self.getParent()).setTooltiptext(self.getValue())"/>
              </div>
          </row>
	</template>

	<!--END 分页展示数据 -->


</grid>

<!-- 分页行 --> 	



<!-- END 分页行 -->

<!-- 查看详情弹出框 -->

			                             
                </panelchildren>
            </panel>
</columnchildren>

</columnlayout>
<hbox pack="center" hflex="1" style="margin-bottom:5px;padding-bottom:5px;">
	<button label="导出已选择内容" id="exportChooseData" image="/img/report/excel.gif" tooltiptext="${self.label}" style="color: #00547A;"/>&#160;&#160;
	<button label="导出所有内容" id="exportAllData" image="/img/report/excel.gif" tooltiptext="${self.label}" style="color: #00547A;"/>
</hbox>
</vlayout>
</window>
<!-- END 查看详情弹出框 -->

 

 

 其他注意点：

 

 

		
value="iCorporationService"；




               <column label="XXX编号" align="left" tooltiptext="${self.label }" sclass="entityModelGridHeader" hflex="1" visible="true">
			<hbox  pack="center" style="">
			<checkbox id="mainCheckbox" forward="onChooseAllOrNot"/>
			<image src="/img/common/funnel.png" />
			<textbox id="XXX" placeholder="XXX编号${FILTER_PART}" onMouseOver="self.select()" instant="true" hflex="1"></textbox>
			</hbox>
		</column>


              <div >
				<checkbox name="checkbox" onClick="if (self.isChecked()){
					self.setChecked(false);
					}else{
					self.setChecked(true);
					}
				" value="${each }"/>
               <label visible="true" value="${each.labNum}"  sclass="entityModelGridData" maxlength="${defaultMaxLength}" onCreate="((Div)self.getParent()).setTooltiptext(self.getValue())"/>
              </div>

 

 

 

 

测试用例编写规范说明及概述
1、测试博主技术知识分享 2、pos行业知识技术分享 3、java后端技术知识分享 4、嵌入式技术知识分享 5、运维部署相关知识分享
01-02 45
即建议执行的测试用例，也就是说该级别的测试用例不是不重要，而是该级别的用例在整个项目的生命周期内不是常常被运行，包括：GUI、界面显示、错误信息提示不统一、可用性、压力和性能测试等。
(一)软件测试规范
jylee的博客
08-02 1394
正确回答通过率：39.0%[ 详情 ] 推荐指数： ★★★★ 试题难度： 高难兼容测试主要是检查软件在不同的硬件平台、软件平台上是否可以正常的运行，即是通常说的软件的可移植性。兼容的类型，如果细分的话，有平台的兼容，网络兼容，数据库兼容，以及数据格式的兼容。兼容测试的重点是，对兼容环境的分析。通常，是在运行软件的环境不是很确定的情况下，才需要做兼容。根据软件运行的需要，或者根据需求文档，一般都能够得出用户会在什么环境下使用该软件，把这些环境整理成表单，就得出做兼容测试的兼容环境了。
需求规格说明书和原型设计
dhfsfs14572的专栏
05-10 2155
1引言 1.1目的 　　此开题报告编制目的是明确本项目的详细需求，供用户确认项目的功能和性能，和用户形成一致的理解和确认，作为进一步详细设计软件的基础。 　　本文档供迪丽瑟斯团队与老师、助教进行参考。 1.2背景 　　随着信息技术和移动设备的成熟与发展，网上服务与交易等业务越来越普及，大量的信息被聚集起来引发了数据的爆炸式增长，以至于用户每当想在一个网站上找到自己想要的信...
第七次作业——需求规格说明书
weixin_33800593的博客
05-10 746
真德秀团队成员： 　　WoLykos（3005）　　　hIrokuh（3023） 　　DoraMike（3026）　　　JanzKing（3007） 　　JtvDeemo（3044） 1引言 1.1目的 　　此开题报告编制目的是明确本项目的详细需求，供用户确认项目的功能和性能，和用户形成一致的理解和确认，作为进一步详细设计软件的基础。 　　本文档供迪丽瑟斯团队与老师、助教进行参...
第七次之二——需求规格说明书
weixin_30924087的博客
05-10 905
真德秀团队成员： 　　WoLykos（3005）　　　hIrokuh（3023） 　　DoraMike（3026）　　　JanzKing（3007） 　　JtvDeemo（3044） 1引言 1.1目的 　　此开题报告编制目的是明确本项目的详细需求，供用户确认项目的功能和性能，和用户形成一致的理解和确认，作为进一步详细设计软件的基础。 　　本文档供迪丽瑟斯团队与老师、助教进行参...
独家揭秘：提示工程架构师的提示系统设计之道
小白菜的博客
08-31 339
在人工智能飞速发展的今天，一个新兴职业正在崛起——提示工程架构师。他们不是普通的提示词编写者，而是AI系统与人类需求之间的"翻译官"和"桥梁设计师"。本文将带你深入探索提示工程架构师的核心工作——提示系统设计，从基础概念到高级架构，从技术原理到实战案例，全面揭秘如何构建稳定、高效、可扩展的提示系统。无论你是AI应用开发者、产品经理，还是希望深入了解AI交互本质的技术爱好者，这篇文章都将为你打开一扇通往提示工程架构师思维世界的大门，让你掌握从零散提示到系统化设计的完整方法论。
在线技术项目交易平台总体需求
leijmdas的专栏
05-28 1333
目录 更改记录 版本V0.3 版本V0.2 A增加内容 2.9.7.甲方评估计划和费用 1.14.1.项目列表框 M修改内容 D删除内容 10.6.涉足过的行业类别 1. 首页 1.1. 注册 1.1.1. 个人用户注册 1.1.2. 用户名 1.1.3. 公司用户注册 1.2. 登录 1.2.1. 个人用户登录 1.2.2. 公司用户登录 1.2.3. 第三方登录 1.2.4. 短信登录 1.3. 如何使用 1.4. 联系客
迪丽瑟斯特产网——需求规格说明书（团队）
05-10 289
真德秀团队成员： 　　WoLykos（3005）　　　hIrokuh（3023） 　　DoraMike（3026）　　　JanzKing（3007） 　　JtvDeemo（3044） 1引言 1.1目的 　　此开题报告编制目的是明确本项目的详细需求，供用户确认项目的功能和性能，和用户形成一致的理解和确认，作为进一步详细设计软件的基础。 　　本文档供迪丽瑟斯团队与老师、...
福大软工1816：需求分析（团队作业四）
weixin_30466953的博客
11-04 192
福大软工 · 第七次作业 - 需求分析报告 "Jarvis For Chat"需求分析报告 组长博客链接 本次作业链接 团队项目的整体计划安排 项目logo及思维导图 项目logo 思维导图 点此查看大图 个人贡献分分配 本着多干多得的原则，我们尽可能地降低基础绩效的占比，目的在于鼓励大家多参与软件开发的过程。不作为的队员在我们队伍里是得不到高分的。 定期分析团队成员的贡献情况，届时每个成...
【Web测试自动化】：确保质量的测试策略详解
随着互联网技术的迅速发展，Web应用变得日益复杂，对测试的质量和效率提出了更高要求。Web测试自动化成为确保软件质量的重要手段。本文首先介绍了Web测试自动化的基本知识，包括其定义和重要性。随后，详细探讨了...
VisualIdentity多模型智能识别平台.zip
01-07
VisualIdentity多模型智能识别平台.zip
64QAM调制软解调+扩频解扩通信系统matlab误码率仿真【包括程序，中文注释，程序操作视频】
最新发布
01-07
1.版本：matlab2024b。 2.包含：程序，中文注释，程序操作视频。 3.领域：64QAM+软解调+扩频解扩 4.仿真效果：仿真效果可以参考博客同名文章《64QAM调制软解调+扩频解扩通信系统matlab误码率仿真》 5.内容：64QAM调制软解调+扩频解扩通信系统matlab误码率仿真。生成随机的二进制信息序列，首先进行扩频，然后对扩频的数据进行64QAM调制，得到调制信号，然后加入相位偏差和频偏，将调制信号通过AWGN信道，添加高斯白噪声。对接收到的信号，先进行64QAM软解调，恢复出二进制数据，然后进行解扩，最后统计误码比特数，计算误码率。 6.注意事项：注意MATLAB左侧当前文件夹路径，必须是程序所在文件夹位置，具体可以参考视频录。
基于Nginx的Redis公网访问方案：通过Stream模块代理实现单机与集群的远程连接配置
01-07
内容概要：本文介绍了如何通过Nginx反向代理实现公网安全访问Redis服务，涵盖Nginx的安装、stream模块配置、代理转发设置及实际连接验证。通过配置Nginx的stream块，将公网请求转发至内网Redis实例（如主从或集群架构），实现对多个Redis节点的统一代理访问，并通过开放安全组端口确保网络可达性。同时提供了完整的操作命令示例，包括安装Nginx及其流模块、修改配置文件、重启服务、端口监听验证以及使用redis-cli通过代理连接Redis并执行基本操作。
基于YOLO的人群计数实现.zip
01-07
基于YOLO的人群计数实现.zip
地震输入影响单自由度研究(matlab开发)
01-07
代码转载自：https://pan.quark.cn/s/35ac461ab1fd 运动方程可通过以下前提得以求解：在阶跃过程中加速度表现出线性增长。 当计算过程告一段落时，会呈现出一幅视觉效果极佳的动态演示。 用户有权挑选三种不同的本构模型： - 线性弹性模型 - 弹性模型 - 完全塑性模型，具体为阿姆斯特朗-弗雷德里克循环硬化可塑性模型。 可供选择的意大利地震案例多达20种。 推荐采用的一种特定组合是：阿姆斯特朗-弗雷德里克模型与地震编号16的案例。
GenYOLO-Leaf叶片分割框架.zip
01-07
GenYOLO-Leaf叶片分割框架.zip
Supervisely转YOLOv8格式工具.zip
01-07
Supervisely转YOLOv8格式工具.zip
文件路径，属性，大小，权限，所有者查询
01-07
文件路径，属性，大小，权限，所有者查询
HTML购物网站开发：精美页面模板设计
一个典型的网上购物网站包含多种页面类型，如主页、商品列表页、商品详情页、购物车页面、结算页面、用户登录/注册页面等。这些页面共同构成用户在网上购物时能够体验到的全部流程。 #### 页面设计原则 文件描述中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值