网站的前台展示界面设计

《网站的前台展示界面设计》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、1.1网站的前台展示界面设计木网站的界面整体结构采用的左右结构，左边的部分主要是显示相关的信息，右边的部分显示的是网站的一些功能。前台的展示界面包括前台的主界面、用户注册、课程浏览、用户留言、课程申报、友情链接、后台登录。1.1.1网站的前台主界面我们能通过前台主界面来了解一些关于精品课程网站的信息，用户也必须通过前台主界面来进行登录和注册等操作。网站前台主界面如图5-1所示。图5-1网站前台主界面1丄2用户注册界面用户要使用该网站必须先注册成为该网站的用户，并且登录后才能对课程的课件、作业和实验进行下载

2、。网站的注册的信息包括用户的昵称、姓名、密码。用户注册界面如图5-2所示。图5・2用户注册界面1.实现目标用户通过填写相应的学牛信息，然后单击“保存”按钮学生信息就会相应的添加到数据库中用户信息表中。如果觉得添加有误的话，可以单击“返回”按钮,来实现填写信息的清除。如果添加的用户信息已经存在则有相应的提示。2.实现过程窗体名：UserRegist.aspx用户注册主要控件信息列表如表5-3所示。表5-3用户注册信息主要控件信息列表名称主要属性设置作用txtUserlD/显示用户编号txtUserName/

3、显示用户姓名txtUserPwd//显示用户密码1丄3课程浏览界面单击“课程浏览”按钮，进入到课程浏览的界面会浏览到一些精品课程。如图5-3所示。■”ft•0•<■€»•f・XJIO・•・Mr11.tw»o««ma・iww图5-3课程浏览界面1.实现目标单击每个课程会浏览到课程的详细信息，登录后会看到关于该课程的课件、作业和实验的下载。用户可以选择自己喜欢的课程进行相应的下载。1.1.4用户留言界面用户进入到网站的主页面就会看到“用户留言”按钮，用户留言的界面如图5-4所示。用户—■・a■■■■pw、■M

4、m•fH*.«BMiAllpuwI・・m■”VIIM：2W"2>Usnsromns图5-4用户留言界面1.实现目标单击“用户留言”按钮，可以查看留言的信息，提出自已的意见和建议。并且可以和老师进行交流。留言包括留言人、留言的内容、留言的时间。1.1.5友情链接界面进入到“友情链接”界面，用户可以浏览到一些有关精品课程的网站。友情链接界面如图5・5所示。4o

5、的网址和网站名称。用户可以通过链接进入到其它的精品课程网站。浏览其精品课程。1.2网站的后台管理界面1.2.1管理员修改密码界面管理员登還到后台首先显示的是修改管理员密码的界面。管理员修改密码界面如图5-6所示。东方大学楙品课程网站后台/xx«ue>onjivj«tiMMIMVMOtAflTla.r.・rvUm♦*TTtQliMWb”TW-WWTWS'・■・O・・□ULJXUafWtW6«a图5-6管理员修改密码界面1.实现目标管理员进入后台管理，管理员可以对自己的密码进行修改。包括原密码、新密码和确认密

6、码。管理员添加密码后按“保存“按钮，就会成功的保存管理员的信息。如果管理员添加的信息错误，可以单击“重置按钮进行修改。2.实现过程窗体名：PwdModify.aspx管理员修改密码主要控件信息列表如表5-4所示。表5-4管理员修改密码主要控件信息列表名称主要属性设置作用txtOldPwd/显示旧密码txtNwePwd/显示新密码txtConfirmPwd/确认密码122用户管理界面单击“用户管理”进入到用户管理界面，可以查询用户的信息、删除用户和垂置密码。用户管理界面如图5-7所示。东方大学楙品课租网站后

7、台•R^O-去：13Ml・C211□>»(Ml■□*wWOwwt“amm皿r・"•we存"MTW伽ne«BTW图5-7用户管理界面1•实现目标管理员可以对用户进行管理，可以查询用户的信息并且可以删除用户的信息。当管理员单击“查询”按钮时，会显示根据用户ID和用户姓名进行查询的控件。管理员可以先择任何一个对用户进行查询。管理员也可以删除用户的信息,用户选择想要删除的用户。单击“删除”按钮，就可以删除掉用户的信息。2.实现过程窗体名：UserManage.aspx用户管理主

8、要控件信息列表如表5-5所示。表5-5用户管理主要控件信息列表名称主要属性设置作用txtUserlD/显示用户IDtxtNwePwd/显示用户姓名TmageButtonQuery/用户查询IxtUserDelete/用户删除123角色管理界面进入到角色管理界面，在这个界面里可以添加角色。角色管理的界面如图5-8所示。I—一东方大学精品课程网站后台图5-8角色管理界面1•实现目标进入角色管理界面，管理员可以对角色进行添加，单击