亳州职业技术学院毕业论文（设计）
4 详细设计
4．1 系统后台管理模块设计
4.1.1后台管理模块的体系结构设计 （1）后台管理模块功能简介：
后台管理模块是网站管理员使用管理员身份登录后进入音乐网站后台管理界面。本系统的功能有：
一、登录，网站设计的时候由系统数据库进行最原始的管理员的添加。系统管理员输入帐号和密码后对其身份进行验证，验证合格的管理员可以不进入系统数据库而在后台系统中直接添加新的管理员。
二、管理员进行歌曲与专辑的管理：例如添加、删除、更新歌手、歌曲、专辑、歌词等信息；
三、管理员进行前后台用户管理：管理员登陆可以管理编辑和删除注册用户信息以及增添修改删除管理员信息；
四、管理员进行栏目分类管理：包括编辑修改总类、添加编辑分类、添加编辑歌手等内容；
五、管理员修改内容之后生成静态页面，以保证用户使用的稳定性； （2）后台管理模块功能图如4-1-1所示：
图4-1-1系统后台模块功能图
4.1.2系统管理模块的详细设计
在整体设计之前先设计好数据库，建立关系表，把设计中常用的数据库操作语句写成相对应的存储过程，再把要用到的方法写在对应的类放在一个包里，用的时候直接调用该类的方法即可,例如将数据库连接和相关操作的函数放到一个文件里面，然后在.cs文件里引用。 （1）登录界面设计
此界面的主要功能是对使用本后台系统的管理员进行用户帐号、密码的验证，只有合法的管理员才能使用本系统，该模块代码编写多用代码分离模式，在登录输入帐号和密码时使用event对象的keyCode属性判断输入的键值，验证输入字符是否满足要求： onkeypress=\((event.keyCode < 48 || event.keyCode >57) &&(event.keyCode < 65 || event.keyCode >123)) event.returnValue = false;
亳州职业技术学院毕业论文（设计）
按照上述语句要求输入字符只能是0-9的数字和26英文字母（大小写均可） System.Web.Security.FormsAuthentication为提供form提供身份验证服务，调用controls.GetText方法获取text的值，调用UserInfo.ValidAdmin方法验证帐号密码的有效性，若帐号密码正确，用Response.Redirect(\跳转到后台首页，用response.redirect()方法，直接用ASP来请求另一个页面，在服务器跳转，不受浏览器安全设置的限制。 （2）后台首页设计
后台因为有大量的重用部分所以用框架设计，框架是网页中经常使用的页面设计方式，框架的作用就是把网页在一个浏览器窗口下分割成几个不同的区域，实现在一个浏览器窗口中显示多个HTML页面。使用框架可以非常方便的完成导航工作，让网站的结构更加清晰，而且各个框架之间决不存在干扰问题。利用框架最大的特点就是使网站的风格一致。把一个网站中页面相同的部分单独制作成一个页面，作为框架结构的一个子框架的内容给整个网站公用。框架结构有两部分网页文件构成：
框架Frame：框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余部分中所显示内容无关的网页文件。
框架集Frameset：框架集也是一个网页文件，它将一个窗口通过行和列的方式分割成多个框架，框架的多少根据具体有多少网页来决定，每个框架中要显示的就是不同的网页文件。
采用框架技术进行软件开发的主要特点包括： 领域内的软件结构一致性好； 建立更加开放的系统； 重用代码大大增加，软件生产效率和质量也得到了提高； 软件设计人员要专注于对领域的了解，使需求分析更充分； 存储了经验，可以让那些经验丰富的人员去设计框架和领域构件，而不必限于低层编程； 允许采用快速原型技术； 有利于在一个项目内多人协同工作； 大粒度的重用使得平均开发费用降低，开发速度加快，开发人员减少，维护费用降低，而参数化框架使得适应性、灵活性增强。
在该音乐网站的后台设计中，用name属性来设定框窗的名称，这样才能指定框架来作连结，name=\对应Le84_admin_top.aspx文件，name=\对应Le84_left.aspx文件，name=\对应Le84_welcome.aspx文件，name=\对应bottom.aspx文件，分别作为后台的头部、左侧、主要区域以及底部框架。再把所有要实现的功能页面的标题排列在left部分做成菜单项，用链接来显示对应的网页，用target=\来指定打开的窗口在主窗口打开。具体框架结构如下图所示：分别对应top、left、bottom、main四个部分。用admin.aspx文件来保存框架集，具体的设计页面如图4-1-2所示：
亳州职业技术学院毕业论文（设计）
图4-1-2 后台管理首页
（3）框架top部分设计——后台搜索功能
在top部分的设计首先定义一个函数用于控制left部分所有菜单是否显示，使得管理员能更好的控制页面： function Show_Hide_Menu(){
if(window.parent.lkoamenu_frame.cols==\
document.getElementById(\document.getElementById(\隐藏菜单\window.parent.lkoamenu_frame.cols=\} else{
document.getElementById(\document.getElementById(\显示菜单\window.parent.lkoamenu_frame.cols=\}
alt=\隐藏菜单\点击“隐藏菜单”或“显示菜单”的时候触发事件；
并且有刷新按钮用
亳州职业技术学院毕业论文（设计）
还有前进、后退、帮助、以及推出按钮。
搜索功能分按歌手搜索和按专辑搜索，用一个DropDownList按钮来实现，分类别搜索，调用GetDdlValue获取搜索内容，获取搜索到的值之后跳转到显示搜索结果页面，搜索的逻辑代码如下：
private void ibtnSearch_Click(object sender, System.Web.UI.ImageClickEventArgs e)
{
string strContent = ctrl.GetText(txtName); if(ddlType.SelectedValue == \
Response.Redirect(\Response.Redirect(\else
}
（4）框架left部分设计——与主要后台管理员功能的链接
用javascript控制菜单显示方式，初始化之后若已经有显示则点击不出发事件，若无显示则点击出发显示菜单下的子菜单项，具体代码如下：
temp=obj.id.substring(0,6);
if (temp== \
用图片链接直接调用函数
亳州职业技术学院毕业论文（设计）
（5）框架bottom部分设计
该部分为后台网页的底部，仅仅是为了美观，保证界面的和谐，没有实际具体功能，在工具箱里拖一个table进行设计即可，做到设计合理，界面和谐即可。 （6）歌曲与专辑管理模块设计
管理所有专辑（le84_managespecial.aspx）
用DataGrid控件来实现所有专辑的管理，包括专辑名称、所属歌手、批量添歌、推荐是否、修改和删除。可以用属性生成器直接编辑控件属性，具体设计过程如图4-1-3所示：
4-1-3用DataGrid控件来实现所有专辑的管理
这部分内容也可以自己编写代码。例如用HyperlinkColumn以超级链接来显示资料源中的一个字段内容，并可以指定使用者点选该项目时所要开启的地址。用DataNavigateUrlFormatString=\给datagrid的字段加链接，用TemplateColumn自订字段所要显示的样版，用 LinkButton 控件在网页上创建超链接样式的按钮，将 JavaScript 呈现给客户端浏览器。客户端浏览器必须启用 JavaScript 才能使该控件正常工作。调用BindGrid()方法绑定数据，使用QueryString属性来实现页面传值。Text= '<%# DataBinder.Eval(Container, \用DataBinder:数据绑定管理器 ，Eval：求值 ，Container：被绑定到的容器，比如GridView,DataList等，DataItem：容器的数据项,包括项、交替模板行，shipname：绑定到容器的字段（来自数据库表字段），Eval( \和Bind( \ 这两种一个单向绑定，一个双向绑定，bind是双向绑定,但需数据源可更改才能用。
ASP.NET 2.0改善了模板中的数据绑定操作，把v1.x中的数据绑定语法DataBinder.Eval(Container.DataItem, fieldname)简化为Eval(fieldname)。Eval方法与DataBinder.Eval一样可以接受一个可选的格式化字符串参数。缩短的Eval语法与DataBinder.Eval的不同点在于，Eval会根据最近的容器对象（例如DataListItem）的DataItem属性来自动地解析字段，而DataBinder.Eval需要使用参数来指定容器。由于这个原因，Eval只能在数据绑定控件的模板中使用，而不能用于Page（页面）层。不过ASP.NET 2.0页面中仍然支持DataBinder.Eval，可以在不支持简化的Eval语法的环境中使用它。
为了方便在设计的过程中我一般使用最多的就是DataBinder类的Eval方法了.不过这样对于同时要绑定大量的数据效率要低一些。在绑定数据时经常会用到这个句程序
：
<%#
DataBinder.Eval(Container.DataItem,\
或
者
<%#
DataBinder.Eval(Container,\，在设计具体实现的过程中又学到一种，