毕业设计网站前台设计.doc
上传人:sy****28 上传时间:2024-09-13 格式:DOC 页数:5 大小:26KB 金币:16 举报 版权申诉
预览加载中,请您耐心等待几秒...

毕业设计网站前台设计.doc

毕业设计网站前台设计.doc

预览

在线预览结束,喜欢就下载吧,查找使用更方便

16 金币

下载此文档

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

第五章系统的实现模块化程序设计的优点在于各个模块功能开发的相对独立性,对于每个页面都相同的页眉和页脚来说,如果在每个页面里都分别包含,这样每个页面里都包含一样的代码,如果需要进行某一部分的更新,则需要更新所有页面,这样的工作不仅容易出错,而且效率极低,所以一个折衷的方法就是将页眉和页脚制作成一个独立的页面(通用模板),然后每个页面都基于这个页面,这样制作的页面不仅结构清晰,而且更有利于维护。5.1首页实现5.1.1首页模板实现为了减轻工作量,保持各个页面之间的一致性,在这里首先设计了整个站点的通用模板model1.dwt.asp,如图5-1所示。图5-1model1模块设计(1)选中【插入】|【模板对像】|【创建模板】命名为model1。(2)设计页面插入表格,页眉区插入flash:../images/banner.swf。(3)在设计导行栏时,为了便于从后台更改菜单,这里利用代码读取数据库中menu表的内容,引用如下代码:<%sqlt="selecttop7*frommenuorderbyM_id"setrst=server.createobject("ADODB.Recordset")rst.opensqlt,conn,1,1dowhilenotrst.eof%><tdheight="100%"align="center"bgColor=#FF0000><ahref="../menushow.asp?M_type=<%=rst("M_type")%>&M_title=<%=rst("M_title")%>"class="dht"><%=rst("M_title")%></a><spanclass="STYLE8">|</span></td><%rst.movenextlooprst.Closesetrst=nothing%>(4)中间插入了可编辑区域EditRegion1。(5)友情链接:1、部门链接,链接到校内其他部门的网站,如宣党委办公室、传部等;2、推荐链接,链接到校外其他大型的网站,如苏州党建、江苏党建等;3、设为首页,将本站首页,代码如下:<ahref='#'onClick=this.style.behavior='url(#default#homepage)';this.setHomePage('http://zbb.jssvc.edu.cn/index.asp');><fontcolor='#ffffff'>设为首页</font></a>4、收藏本站,将本站加入收藏夹,代码如下:<ahref=javascript:window.external.addFavorite('http://zzb.jssvc.edu.cn/index.asp','苏州市职业大学党委组织部')><fontcolor='#ffffff'>收藏本站</font></a>5、管理登录,链接到登录界面“../admin/login.asp”。(6)页脚部分显示版权所有Copyright?2008苏州市职业大学-党委组织部苏州市职业大学。(7)最终运行结果,如图5-2所示。图5-2model1.dwt.asp5.1.2首页具体实现下面就跟据图示作具体介绍,所有工作都是在可编辑区域实现的。根据开发前讨论,我们划分了五个功能版块,设计首页主体布局,如图5-3所示。图5-3index.asp模块设计(1)公示、通知、工作动态版块功能实现1、分别建立公示、通知、工作动态各自的记录集,从【绑定】面板中拖动记录集字段,绑定到相应单元格中;2、分别选中记录集字段所在行,单击【服务器行为】面板中的【添加】按钮,在弹出的菜单中选择【重复区域】命令,设置相应的显示条数;3、分别在重复区域下插入一行一列表格,在单元格中输入文字“暂无信息”,分别选中表格,单击【服务器行为】面板中的【添加】按钮,在弹出的菜单中选择【显示区域】中的【如果记录集为空则显示区域】命令,打开【如果记录集为空则显示区域】对话框,选择相应的记录集,单击【确定】按钮,完成设置。4、以公示为例设置信息的详细