基于XML的网页设计

1XML网页设计的实现03091009黎晓燕XML是一种扩展标记语言，它使用有意义的标记、具有严格的语法控制、将网页的数据和显示分开来。这些特性使开发者可以建立自己的有意义的标记，来描述网络信息，实现网络信息的标准化。利用网页的数据和显示分开来的特性，可以把用XML描述的内容用各种不同的风格来显示，实现网页的个性化。第一节网站前台展示前台页面设计如下图：图3-1前台界面前台功能结构图：2图3-2前台功能结构图第二节网站后台页面后台页面设计如下图：图3-3后台界面首页美丽校园激情绿茵流行音乐七彩假日精彩图文信息导航进入论坛管理登陆填写用户信息网友留言管理登陆留言管理3后台功能结构图：图3-4后台功能结构图第三节数据库的设计表3-1新闻公告表表3-2创建投票表表3-3投票选项表后台栏目修改登陆密码用户管理投票管理信息管理添加修改删除添加修改删除4第四节子功能模块处理一、管理员登陆登陆要考虑到安全问题，本网站从结构设计上为安全提供第一位的保证。所有密码使用MD5不可逆加密，为整个系统的安全做好了充分有效的保障。同时系统设计了修改密码的功能，修改密码功能考虑了校验和安全性。比如说，原密码输入错误会弹出对话框，两密码输入不一致会弹出对话框等。如下图：图3-5管理员修改密码界面修改密码的代码实现：setrs=server.CreateObject(adodb.recordset)rs.Openselect*fromshop_adminwhereadmin='&session(admin)&',conn,1,3ifmd5(trim(request(password)))rs(password)thenresponse.Writescriptlanguage=javascriptalert('原密码错误，请返回重新输入');history.go(-1);/scriptresponse.Endelsers(password)=md5(trim(request(password2)))rs.Updaters.Closesetrs=nothingsession(admin)=session(flag)=response.Writescriptlanguage=javascriptalert('更改成功，请用新密码重新登陆！');history.go(-1);/scriptendifresponse.End5endif二、投票的添加修改与管理为了能够多角度的了解网站浏览者对该网站的意见及网站各种信息的看法，网站设置了投票功能。用户可以根据自己的意愿进行选择，投票方法方便快捷，并设置了查看按钮，投票结果一目了然，及时了解所有投票者的观点。投票包括单选和复选两种方式，投票信息将会保存在Access数据库中。管理员可通过后台对投票进行添加、修改和删除。如下图：图3-6投票的添加修改与管理代码如下：ifrequest(id)delthenerr=0title=request(title)iftitle=thenerr=1error=error+标题不能为空\nendifa=0fori=1torequest(xz).countifrequest(xz)(i)=thenexitforendifa=a+1nextifa=0then6err=1error=error+选择内容不能为空\nendififerr=1thenresponse.writescriptalert('&error&');/scriptresponse.writescripthistory.back(1);/scriptresponse.endendifendififrequest(id)=xgthenconn.execute(updateclasssettitle='&title&',style='&request(style)&'whereid=&request(classid))conn.execute(deletefromvotewhereclass=&request(classid))fori=1torequest(xz).countifrequest(xz)(i)thenconn.execute(insertintovote(vote,color,class)values('&request(xz)(i)&','&request(color)(i)&',&request(classid)&))elseexitforendifnextresponse.writescriptalert('修改投票成功');/scriptresponse.writescriptlocation.href='votelist.asp';/scriptelseifrequest(id)=delthenconn.execute(deletefromvotewhereclass=&request(classid))conn.execute(deletefromclasswhereid=&request(classid))response.writescriptalert('删除投票成功');/scriptresponse.writescriptlocation.href='votelist.asp';/scriptelseconn.execute(insertintoclass(title,style,ren)values('&title&','&request(style)&','&session(admin)&'))setrs=server.createobject(adodb.recordset)sql=selecttop1*fromclasswheretitle='&title&'orderbyiddescrs.opensql,conn,3,1classid=rs(id)7rs.closesetrs=nothingfori=1torequest(xz).countifrequest(xz)(i)thenconn.execute(insertintovote(vote,color,class)values('&request(xz)(i)&','&request(color)(i)&',&classid&))elseexitforendifnextresponse.writescriptalert('添加投票成功');/scriptresponse.writescriptlocation.href='step1.asp';/scriptendifconn.closesetconn=nothing三、新闻的添加与修改此功能可以实现管理员及时发布重要信息，让浏览者了解最新的新闻动态。如图所示：图3-7新闻的添加与修改显示新闻代码如下：dimii=0setrs=server.CreateObject(adodb.recordset)rs.openselecttop6newsname,adddate,newsidfromshop_newsorderbyadddatedesc,conn,1,1ifrs.eofandrs.bofthen8response.write目前还没有新闻！elsedowhilenotrs.eofi=i+1response.write·ahref=#onClick=javascript:window.open('news.asp?id=&rs(newsid)&','','width=432,height=288,toolbar=no,status=no,menubar=no,resizable=yes,scrollbars=yes');returnfalse;title=&year(rs(adddate))&年&month(rs(adddate))&月&day(rs(adddate))&日发布&trim(rs(newsname))&/abrifi=6thenexitdors.movenextloopendifrs.closesetrs=nothing四、论坛功能此功能为网友提供网上交流的服务，网友可以在此畅所欲言。其中论坛的所有信息，包括用户名、性别、邮箱、留言内容、留言时间、管理员回复等信息，将存储在XML文档中，使用DOM对文档进行遍历，增加、修改、删除元素。论坛页面设计如下：9图3-8论坛页面第五节网页中的XML应用本网站包含大学生所感兴趣的各类信息，如：校园信息、体育信息、娱乐信息、假日信息等，通过主页导航，如下图所示：图3-9主页导航便可浏览感兴趣的相关信息。现在点击七彩假日的链接，进入页面，如下图：10图3-10七彩假日页面这就是XML的网页，代码如下：XML文本内容：?xmlversion=1.0encoding=gb2312??XML:stylesheettype=text/xslhref=七彩假日.xsl?xmllinktitle圣诞起源/titleurl圣诞起源.xml/url/linklinktitle圣诞传说/titleurl圣诞传说.xml/url/linklinktitle圣诞情结/titleurl圣诞情结.xml/url/linklinktitle圣诞祝词/titleurl圣诞祝词.xml/url/linkwordpara一年一度的圣诞节即将到来了，就是每年的12月25日，是基督教徒纪念耶稣诞生的日子。您在这里将会对圣诞节这一节日有一个最全面的了解。/para/wordwordpara从12月24日于翌年1月6日为圣诞节节期。节日期间，各国基督教徒都举行隆重的纪念仪式。圣诞节本来是基督教徒的节日，由于人们格外重视，它便成为一个全民性的节日，是西方国家一年中最盛大的节日，可以和新年相提并论，类似我国过春节。/para/wordwordpara11西方人以红、绿、白三色为圣诞色，圣诞节来临时家家户户都要用圣诞色来装饰。红色的有圣诞花和圣诞蜡烛。绿色的是圣诞树。它是圣诞节的主要装饰品，用砍伐来的杉、柏一类呈塔形的常青树装饰而成。上面悬挂着五颜六色的彩灯、礼物和纸花，还点燃着圣诞蜡烛。/para/wordwordpara红色与白色相映成趣的是圣诞老人，他是圣诞节活动中最受欢迎的人物。西方儿童在圣诞夜临睡之前，要在壁炉前或枕头旁放上一只袜子，等候圣诞老人在他们入睡后把礼物放在袜子内。在西方，扮演圣诞老人也是一种习俗。/para/wordwordpara耶稣的出生是有一段故事的，耶稣是因着圣灵成孕，由童女马利亚所生的。神更派遣使者加伯列在梦中晓谕约瑟，叫他不要因为马利亚未婚怀孕而不要她，反而要与她成亲，把那孩子起名为“耶稣”，意思是要他把百姓从罪恶中救出來。/para/wordwordpara当马利亚快要临盆的时候，罗马政府下了命令，全部人民到伯利恒务必申报戶籍。约瑟和马利亚只好遵命。他们到达伯利恒时，天色已昏，无奈两人未能找到旅馆渡宿，只有一个马棚可以暫住。就在這时，耶稣要出生了！於是马利亚唯有在马槽上，生下耶稣。后人为纪念耶稣的诞生，便定十二月二十五为圣诞节，年年望弥撒，纪念耶稣的出世。/para/wordwordpara圣诞节便是於十二月二十五日纪念耶稣的诞生，但真实的诞生日就沒有人知道了。十九世紀，圣诞卡的流行、圣诞老人的出现，圣诞节也开始流行起來了。/para/word/xmlXSL文本内容：?xmlversion=1.0encoding=gb2312?xsl:stylesheetxmlns:xsl==1.0!--最上层样板--