《界面设计规范》word版

合集下载

相关主题

界面设计规范

1界面命名规范

1.1页面命名

●功能说明书中每一大章对应界面设计中的一个目录，每一小节，对应一个子

●在每个目录中，首页名字都为Default.aspx。其余为Details.aspx，

Operation.aspx，OperationConfirm.aspx，等等。请自行甄别，有不能对好入座的情况请提出。在界面中用到的JS脚本（非公用），也放在该目录中。●公用的内容放在Common目录中。Common目录又分为章节的和小节的。

Common中可能包括的目录有：CSS, Image, JS, UserControl。

2界面要素使用规范

2.1显示

●单个要素：

⏹有自定义的控件（例如：MyTextBox）则不使用默认的。

⏹日期控件使用MyTextBox，并添加相应的属性。

⏹界面的样式和风格目前全部采用默认的，以后统一修改。

●组合数据：

⏹单条记录的显示：使用MyDetails控件。需要对字典值进行转换的要采用

统一的方式（参见SampleSolution中的做法）。

⏹多条记录的显示：使用MyGridView控件。

◆行操作按钮原则上一律放在左边，以便用户操作。

◆查看详细不另外使用按钮，而是将记录的主键字段做成超链接形式

(TBD)

◆在源代码中，要将缩进对齐，以便查看修改

◆请注意何时需要使用分页，何时不需要分页

2.2更改

原则上，行记录中都需要有新添、修改和删除按钮，这些按钮应该位于记录的右边。

●新建：

⏹使用现有的JavaScript控件实现，使用时注意规定的样式

⏹新建时原则上不跳出新的窗口，而是在原有的界面中做。

⏹提交时跳出messageBox提示成功或失败，再进行相应的页面流转，例如

转到上一页面或下一页面。（暂定的做法，以后将改成不需干预的提交）。

●修改：

⏹类似新建做法

●删除

⏹删除后需要有确认消息，暂时采用MessageBox实现

3界面layout规范

●所有的WEB窗体须继承PageBase,所有的用户控件须继承ModuleBase

●凡公用页面中提供的方法，不可直接采用.Net实现，或另行实现。

●所有的CSS，JS文件须放在页面的和之间

●每个页面须引用公用CSS

href="../../../Common/css/index.css" />

●所有的控件，表格等，开始不要自己添加样式，默认即可，最后美化统一加

样式，否则加不了

●页面中需要加必要的注释如：

style="height:100%">，要对齐，尽量保证每个标签都是有用的