1、企业网站系统 企业网站系统姓 名: 邱文宾 班 级: 10211118 学 号: 1021111818 专 业: 嵌入式软件开发 学 院: 软件学院 指导老师: 杨 勇 2012年3月07日 目 录1网站需求分析 22网站总体设计 32.1网站层次概况图 32.2系统模块设计 32.3数据库设计 42.4详细设计 62.4.1网站整体设计 62.4.2新闻发布系统设计 72.4.3在线报名系统设计 102.4.4在线留言系统设计 123.关键代码 144.实验心得 171网站需求分析要建立的网站是给客户提供一个了解公司的平台,客户可以与公司及时地交换意见,产生互动,公司也可以及时对网站进行更新
2、维护。因此,该系统要分为前台客户系统和后台管理系统两个子系统。前台客户系统功能:(1) 用户可以浏览公司的一些基本的信息。(2) 用户可以浏览公司的新闻。(3) 用户可以查看公司的联系方式。(4) 用户可以浏览留言板的帖子。(5) 用户可以随时发表自己的言论。后台管理系统功能:(1) 增加、修改、删除公司的新闻。(2) 修改、删除留言板帖子。(3) 浏览、删除最新产品信息。2网站总体设计2.1网站层次概况图公司网站系统分为两个子系统:客户系统和后台系统,其功能如图-1所示。图1企业网站系统功能模块划分图2.2系统模块设计1、用户模块(1) 浏览模块。包括浏览公司首页、公司简介、资格认证、公司新
3、闻、留言板等内容。(2) 发表留言。为用户提供发表留言的功能。(3) 浏览新闻。为用户提供浏览信息新闻的功能。2、管理模块(1) 管理员登录。管理员要进行管理操作,必须先进行登录。(2) 新闻管理。对新闻进行增加、删除、修改操作。(3) 留言管理。对留言进行删除、修改操作。(4) 产品管理。对产品进行查看、删除操作。2.3数据库设计根据系统功能设计的要求以及功能模块的划分,对于系统用户信息数据库,可以列出以下数据项和数据结构。(1)名称:管理员数据表标识:admin.如表1所示,管理员数据表包括id 、name和passwd3个字段。表1名称字段名称类型主键非空数据长度管理员编号ID自动编号y
4、esyes4管理员登录名name文本noyes10管理员密码passwd文本noyes10(2)名称:新闻发布数据表标识:news如表2所示,新闻数据包括id、title、cont和time 4个字段。表2名称字段名称类型主键数据长度非空新闻编号id自动编号yes4yes新闻标题 title文本no50yes新闻内容cont注释no10000yes发布时间time日期时间no4yes(3)名称:留言板数据表标识:bbs如表3所示,留言板数据包括id、name、cont、tell、email、time、recont和homepage 8 个字段。表3名称字段类型主键数据长度非空留言编号id自动编
5、号yes4yes留言者姓名name文本no4yes留言内容cont注释no1000yes留言者电话tell文本no11yes留言时间time日期时间no4yes留言者主页homepage文本no20yes留言回复内容recont注释no1000yes留言者Emaiemai文本no20yes(4)名称:报名数据表标识:baoming如表4所示,报名数据表包括id、name、zhuanye、add、tell和yixiang6个字段。表4名称字段类型主键非空报名编号id自动编号yesyes报名者姓名name文本noyes所报专业zhuanye文本noyes报名者家庭住址add文本noyes报名者电话
6、tel文本noyes学习意向yixiang文本noyes2.4详细设计2.4.1网站整体设计图2网站整体框架设计要点:(1) 由于网站是在1024*768 分辨率环境下做出的,为了适应800*600分辨率,左右部分都留出了适当的距离。(2)网站banner条和导航条是由Flash效果,是由Macromedia Flash MX 2004做出的。(3)网页布局进行整体规划,即使用HTML中的table标签(4)背景颜色设置:2.4.2新闻发布系统设计1、 新闻发布系统流程图图3新闻发布系统数据流程图2、news表设计图4new表设计图(1)cont 设计成备注类型的这样最多可以容纳65535个字
7、符。(2)time默认值要设成date(),如图:图5设置字段time3、 后台新闻页面设计(1)addnews.asp图6新闻发布页面此页面用来添加新闻,当管理员登录后,点击导航栏中的发布新闻,就可以显示本页。这里用到了超链接和框架: 发布新闻;a.是超链接标签,target=mainframe表示所链接的网页在框架中显示。当管理员添加完新闻后,单击确定,通过数据库驱动程序新闻就添加到数据库中,并在显示页面中显示。(2) editnews.asp图7编辑新闻页面本页是用来确定对哪条新闻进行哪种操作。首先读取所有新闻,然后根据需要向删除(modify.asp)或修改(dellnews.asp)
8、页面传递需要编辑的新闻的编号。(3)modify.asp图8修改新闻页面通过editnews.asp传递来的新闻编号,显示需要修改的新闻内容。管理员可以对新闻标题和内容进行修改。(4) dellnews.asp图9删除新闻页面通过editnews.asp传递来的新闻编号,显示需要删除的新闻内容。单击确定实现新闻的删除。4、显示页面设计 (1) index.asp为了保证首页的风格,新闻在首页的显示条目为8条,并且是以时间到续方式来读取的:SELECT * FROM news ORDER BY 编号 DESC单击新闻进入详细新闻界面:A HREF=news/viewnews.asp? 向view
9、news.asp页面传递新闻编号。(2)allnews.asp显示公司的全部新闻标题用到了分页功能,根据页面的布局设置每页为18条向viewnews.asp页面传递新闻编号。(3)viewnews.asp图10详细新闻显示页面接收来自index和allnews页面传递来的新闻编号,显示具体新闻的详细内容。2.4.3在线报名系统设计1、 报名系统数据流程图查看产品页面图11产品添加系统数据流程图2、 报名系统表设计图12在线报名系统数据表3、 产品添加系统前台页面(zxjs.asp)图13产品添加页面想通过网站报名的用户用此页面来填写自己的基本资料,填写好的数据将写入数据库。并在后页面(jieg
10、uo.asp)中显示供管理员来查看。4、 产品添加系统后台管理页面(1)查看产品页面(jieguo.asp)图14前台查看页面1 分页显示报名者的记录2 向jieguodell.asp页面传递要删除的报名记录的编号(2)删除报名页面2.4.4在线留言系统设计1、 留言系统数据流程图2、留言系统数据表设计图18留言系统数据表3、显示留言页面(chat/index.asp)图16留言系统留言显示页面分页显示用户的留言链接其它页面此页面是用户用来发表留言的,在用户填写好留言后,数据将会写入数据库,并在chat/index.asp中显示。3关键代码1、数据库连接使用ODBC驱动程序对数据库创建连接2、
11、登录检验代码:管理员登录后建立session变量Session(admin)=username权限的合法验证%Function checkPermission()If Session(admin) thencheckPermission=TRUEElsecheckPermission=FALSEEnd ifEnd Functiontmpadmin=checkPermission()If tmpadminTRUE thenresponse.redirect login.asp? /如果不能通过验证,转到页面longin.aspEnd if%3、添加代码:Recordset1.addnewReco
12、rdset1 (title)=titleRecordset1 (content)=contentRecordset1.update更新代码:sql=update from Vote where ID=传递来的参数conn.Execute sql删除代码:sql=delete from Vote where ID=传递来的参数conn.Execute sql4、关闭记录集5、分页显示代码:暂时没有提交信息!% While (Repeat1_numRows 0) AND (NOT Recordset1.EOF) %要显示的内容部分目前共有条记录从第条到第条A HREF=第一页A HREF=前一页A
13、 HREF=后一页A HREF=最后一页6、包含文件代码:通过包含文件可以方便的对网页进行管理操作:7、空格输出问题的解决在中加入代码:function DoWhiteSpace(str)DoWhiteSpace = Replace(Replace(str, vbCrlf, ), chr(32)&chr(32), )End Function然后在要输出的地方加入代码:8、CSS样式控制:A:linkTEXT-DECORATION:none ;Color:#000000A:activeTEXT-DECORATION:none ;A:visitedTEXT-DECORATION:none ;A:hoverColor:#4455aatdfont-size:9pt.jianju letter-spacing: 2px;line-height: 200%;4实验心得 通过一周的学习实验,让我在学习中得到锻炼。学到了很多东西,例如静态和动态网页设计等。也遇到了很多问题,例如语法问题,数据库连接不上,代码调试不出来等。但在同学的帮助下最终完成。也意识到网站系统的建立是一个多维的、立体的过程,设计的最终是给该公司和访问该网站的用户提供一个易操作的网站,需求分析、系统分析和网页页面的设计等都要围绕这个目的进行。
copyright@ 2008-2022 冰豆网网站版权所有
经营许可证编号:鄂ICP备2022015515号-1