上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
2.3 设计页面结构
在用户执行登录、退出和注册时分别需要各自的显示页面供用户输入信息。首先需要进入的是登录页面,登录后跳转到欢迎页面,在欢迎页面又可以退出到登录页面,从登录页面跳转到注册页面进行注册,注册成功后即可返回登录页面进行登录。页面流程图如图2-4所示。
图2-4 页面流程图
下面就来设计3个页面的显示元素。
2.3.1 登录界面
该界面是系统的主界面,用以进行用户登录,包括:
● 用户名和密码的输入框。
● 提供【登录】按钮进行登录。
● 【注册】按钮,用以跳转到注册页面。
该界面的窗口如图2-5所示。
图2-5 登录界面
该页面将是系统的默认首页面,任何未登录的用户访问该系统时,都将跳转到该页面。
2.3.2 登录后的欢迎界面
当用户登录成功后,会跳转到欢迎页面。该页面包括:
● 显示登录时用户输入的用户名,用以标志当前登录用户的身份,并输出欢迎信息。
● 【退出】按钮,单击该按钮可以退出系统,并返回到登录界面。
该界面的窗口如图2-6所示。
图2-6 欢迎界面
该欢迎页面表示的是系统登录后的首页面,因此除了显示欢迎信息外,还需要提供页面导航列表,用以扩展其他的管理模块。并在页面的上方增加LOGO的图片栏,这样就形成了一个完整的登录成功后的主界面了。
在后面的企业信息管理系统的开发中,我们也将在该导航栏中增加新的模块,进行扩展开发。
2.3.3 注册界面
注册页面用以输入用户注册时需要的信息,内容如下。
● 用户名输入框:该用户名不能够与已有的用户名重复。
● 密码框和密码确认框:用户第一次注册时,需要提供一个新的密码,并同时要求输入确认密码,保证两次输入的密码相同,以确保用户没有输错密码。
● E-mail地址框:让用户输入个人的E-mail地址。
● 【注册】按钮:单击该按钮进行注册。
● 【返回】按钮:单击该按钮返回到登录页面。
该界面的窗口如图2-7所示。
图2-7 注册界面