第5章 应用程序界面设计
本章节主要对系统的UI进行设计,以求使用户方便,快捷的使用本系统的各种功能,以实现用户的最终的可见部分。
5.1 用户登录
在运行程序后,首先看到的是用户登录窗口。用户要填写他的用户名和密码,需要登陆的数据库的服务器名,服务器用户名和密码。这个窗口用来校验是否是合法用户,以及密码是否正确,选择需要登录的服务器以及数据库的登录名和密码。系统登录界面如图5-1所示:
图5-1 系统欢迎登录界面
______________________________________________________________________________
-27-
5.2 系统主操作界面
如果是管理员权限登录,主操作界面如下图所示,共有五个管理功能,其中用户账号管理有分为账户添加和密码修改,账户管理包括对普通账户的添加账户和消除账户的操作。其他的功能还有挂失管理,交易记录管理和数据库备份。主操作界面如图5-2所示:
图5-2 管理员主操作界面
______________________________________________________________________________
-28-
5.3 账户信息添加模块
账户信息添加界面如图5-3所示:
图5-3 账户添加功能界面
账户信息管理模块是针对账户基本信息的管理而设计的。需要设置账户的基本信息,包括账号、姓名、身份证、性别、电话、地址及籍贯等。其中*号为必需填写字段,身份证也必需按规定格式,此处用了一个JS脚本验证。具体代码请见附录3。
______________________________________________________________________________
-29-
5.4 帐户信息查询模块
账户信息操作界面如图5-4所示:
图5-4 账户信息操作界面
该模块主要是将上一模块中添加的所有账户信息以列表的形式列出,让人可以一目了然地看出所有已有数据,且还包括了查询、修改、删除、打印、统计和分页的各个功能。
其中查询包括了账号、姓名和身份证三个字段,三个字段均为模糊查询,即只需输入字段中的若干字符即可,不必要输入完全匹配的字段。三个条件间的关系为AND关系,如果两个条件都为空则表示查询所有数据。 实现本模块的主要代码请见附录3。
______________________________________________________________________________
-30-
5.5 找回密码模块
此模块为登陆模块中的公共服务部分,见面如下图:
图5-5 找回密码模块界面
该模块的主要功能是让用户找回自己的密码。该模块的操作流程为:用户输入自己的帐号及身份证,单击确定后系统给出密码信息。 实现本模块的主要代码请见附录3。
______________________________________________________________________________
-31-
百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读,免费范文网,提供经典小说综合文库网上银行的设计与实现论文(7)在线全文阅读。
相关推荐: