Web系统和开发技术 后台管理.docVIP

《Web系统与开发技术》结课论文 《后台信息维护》 说明书 学生姓名 学 号 所属学院 专 业 计算机科学与技术 班 级 信息工程学院 后台信息维护 【学习目的】 ·熟悉三层架构下，web应用程序的开发。 ·完成后台信息维护功能。 ·掌握第三方控件文字编辑及分页控件的使用。 后台管理部分主要是验证的管理员登录，管理产品，文章，订单，会员，投诉等信息。 搭建后台环境 添加一个Manager文件夹，在web层上右击，弹出如图12-2所示的菜单，选择“新建文件夹”命令，如图12-3所示，重命名新文件夹，设计其名称为Manager,此文件夹将作为后台管理的项目记录，如图12-4。 图12-2新建文件夹 12-3重命名文件夹 图12-4重命名为Manager 用同样的方法，在Manager下建立Article,css,GuestBook,images, javascript,Manager,Mamber, Oember,Order和Product 文件夹，如图12-5所示。 12-5后台文件夹与功能划分 添加引用 添加对BLL,DAL,model层的引用，如图，12-6所示，选择‘“添加引用”命令。在如图12-7所示的“添加引用”对话框中的“项目”选项卡下选择这三项，然后单击“确定”按钮即可完成添加。 图12-6 添加引用 选择BLL,DAL,Model项目 添加主题 在web层上右击，选择“添加asp.net文件夹”|”主题”命令，如图10所示。之后将新建的主题文件夹重命名为default文件夹上右击，如图11所示选择“添加新项”命令，在单出的“添加新项”对话框中选择“外观文件”选项，在“名称”一栏中输入default.skin，单击“添加”按钮，如图12所示。 （图10添加主题） （图12添加主题文件） （图11添加新项） 4、添加配置文件 在web层上右击，选择“添加新项”命令，在“添加新项”对话框中选择“web配置文件”选项，“名称”一栏中的值保持web.config的值不变，最后单击“添加”按钮，结果图13和图14所示。 （图13添加新项） （图14添加web配置文件） 5、后台框架 （1）添加页面。添加5个页面，分别为control.aspx，control2.aspx，left.aspx，top.aspx和welcome.Aspx，如图18所示。 这5个页面作用和下所示。 Control.aspx：页面总框架，包括上边下边。 Top.aspx：头部页面，显示商城logo，当前登录操作人等其他信息。 Control2.aspx：页面下面的总框架，包括右边与左边，左边是菜单。右边是其他功能操作页面。 Left.aspx：左边菜单页面，分为主菜单与子菜单，主菜单上下收缩，单击后子菜单会显示在右边，将覆盖原显示页面。 Welcome.aspx：管理员的登录的第一个页面，可放置一些需及时处理的信息提示。 6.登录与注销 管理员后台登录页面主要用来验证管理用户名和密码是否正确，如图20所示，并利用Session或Cookies 保存相应的信息，一便拥有后台操作的权限。 图20 运行效果图 添加Login.aspx，Logout.aspx页面，如图21 所示。 图21 添加登录页面和注销页面 实现Login.aspx登录页面 Login.aspx.cs 后台代码如下所示。 实现Logout.aspx注销页面。 在Logout.aspx.cs中添加后台代码。 7.添加管理员 一个好的网站通常业务量大，需要多个人管理来发挥其性能与优势。“添加管理员”界面（如图22所示）分为左右两列，左列提示用户输入的信息，右列为输入信息的文本框，用于为空，比较是否相同，格式校验等。另外，当用户单击“保存”按钮时，成功添加则直接返回到列表，否则提示“添加失败”信息。 图22添加管理员界面 在Manager 文件夹下添加ManagerAdd.Aspx 页面，在head标记之间加载css样式表；将title改为“添加管理员”；在form和/form中添加一个div标记；将class设置为title； 再添加一个9行2列的表格，将第1列的td的class都设置为tableadd_Add；根据数据库中Manage表的字段加入新建管理员时所需要的表单域。根据管理员的功能，添加管理员“添加”，“编辑”，“管理列表”，如图23所时。 如图23 添加管理员管理模块所需页面 8.对管理员进行编辑 在管理员管理页，单击一个需要编辑的管理员将进入管理员编辑页。其中，登录名不可编辑，密码框默认为空，如果未输入，那么将不能修改密码。如果不为空，则可修改该