搜索
《Web系统与开发技术》结课论文《后台信息维护》说明书学生姓名学号所属学院专业计算机科学与技术班级信息工程学院塔里木大学信息工程学院第1页共15页后台信息维护【学习目的】·熟悉三层架构下，web应用程序的开发。·完成后台信息维护功能。·掌握第三方控件文字编辑及分页控件的使用。后台管理部分主要是验证的管理员登录，管理产品，文章，订单，会员，投诉等信息。1.搭建后台环境(1)添加一个Manager文件夹，在web层上右击，弹出如图12-2所示的菜单，选择“新建文件夹”命令，如图12-3所示，重命名新文件夹，设计其名称为Manager,此文件夹将作为后台管理的项目记录，如图12-4。图12-2新建文件夹塔里木大学信息工程学院第2页共15页12-3重命名文件夹图12-4重命名为Manager用同样的方法，在Manager下建立Article,css,GuestBook,images,javascript,Manager,Mamber,Oember,Order和Product文件夹，如图12-5所示。塔里木大学信息工程学院第3页共15页12-5后台文件夹与功能划分2.添加引用添加对BLL,DAL,model层的引用，如图，12-6所示，选择‘“添加引用”命令。在如图12-7所示的“添加引用”对话框中的“项目”选项卡下选择这三项，然后单击“确定”按钮即可完成添加。图12-6添加引用塔里木大学信息工程学院第4页共15页选择BLL,DAL,Model项目3.添加主题塔里木大学信息工程学院第5页共15页在web层上右击，选择“添加asp.net文件夹”|”主题”命令，如图10所示。之后将新建的主题文件夹重命名为default文件夹上右击，如图11所示选择“添加新项”命令，在单出的“添加新项”对话框中选择“外观文件”选项，在“名称”一栏中输入default.skin，单击“添加”按钮，如图12所示。（图10添加主题）（图12添加主题文件）（图11添加新项）塔里木大学信息工程学院第6页共15页4、添加配置文件在web层上右击，选择“添加新项”命令，在“添加新项”对话框中选择“web配置文件”选项，“名称”一栏中的值保持web.config的值不变，最后单击“添加”按钮，结果图13和图14所示。（图13添加新项）（图14添加web配置文件）塔里木大学信息工程学院第7页共15页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：管理员的登录的第一个页面，可放置一些需及时处理的信息提示。塔里木大学信息工程学院第8页共15页6.登录与注销管理员后台登录页面主要用来验证管理用户名和密码是否正确，如图20所示，并利用Session或Cookies保存相应的信息，一便拥有后台操作的权限。塔里木大学信息工程学院第9页共15页图20运行效果图塔里木大学信息工程学院第10页共15页添加Login.aspx，Logout.aspx页面，如图21所示。图21添加登录页面和注销页面（1）实现Login.aspx登录页面（2）Login.aspx.cs后台代码如下所示。（3）实现Logout.aspx注销页面。（4）在Logout.aspx.cs中添加后台代码。7.添加管理员一个好的网站通常业务量大，需要多个人管理来发挥其性能与优势。“添加管理员”界面（如图22所示）分为左右两列，左列提示用户输入的信息，右列为输入信息的文本框，用于为空，比较是否相同，格式校验等。另外，当用户单击“保存”按钮时，成功添加则直接返回到列表，否则提示“添加失败”信息。图22添加管理员界面在Manager文件夹下添加ManagerAdd.Aspx页面，在塔里木大学信息工程学院第11页共15页head标记之间加载css样式表；将title改为“添加管理员”；在form和/form中添加一个div标记；将class设置为title；再添加一个9行2列的表格，将第1列的td的class都设置为tableadd_Add；根据数据库中Manage表的字段加入新建管理员时所需要的表单域。根据管理员的功能，添加管理员“添加”，“编辑”，“管理列表”，如图23所时。如图23添加管理员管理模块所需页面8.对管理员进行编辑在管理员管理页，单击一个需要编辑的管理员将进入管理员编辑页。其中，登录名不可编辑，密码框默认为空，如果未输入，那么将不能修改密码。如果不为空，则可修改该管理员登录密码。电子邮箱，联系电话，联系地址等信息均可编塔里木大学信息工程学院第12页共15页辑。编辑完成后可点击“保存”按钮，成功将直接返回到管理员列表页面，否则提示“编辑失败”信息。按要求在ManagerEdit.aspx管理员编辑前台代码显示：图ManagerEdit.aspx.cs后台代码显示：如图塔里木大学信息工程学院第13页共15页8.1FCKEditor可视化编辑组件的使用FCKEditor是一个“所见即所得”的web内容编辑器，在文章发布，产品介绍时经常会用到，下面介绍使用它的方法：复制FredCK.FCKEditorV2.dll到Bin目录下，复制Fckeditor目录到Manage目录下，如图：在使用此组件的Page塔里木大学信息工程学院第14页共15页指令下添加%@RegisterAssembly=”FredCK.FCKeditorV2Namespace=”FredCK.FCKeditorV2”TagPrefix=”FCKeditor”%代码，如图：如图所示，添加FCKeditorV2:FCKeditorID=”txtContent”runat=”serwer”Enable-XHTML=”true”EnableSourceXHTML=”true”BasePath=”../FCKeditor/”Height=”258px”/FCKeditor-V2:CKeditor代码。通过Fckeditor的Value属性可获得取编辑器里的内容，如图。。。。。。。和图。。。。所示。