南京城市职业学院毕业设计说明书1南京城市职业学院毕业设计说明书题目:美食网站姓名:学号:年级:专业:学生类别:指导教师:教学单位:年月日南京城市职业学院毕业设计说明书2摘要本论文将对网页的设计和制作进行研究和探讨。作品的主要技术指标包括:1、制作出一个具有静态和动态技术的“关于亚洲美食的宣传网页”;2、在制作的过程中,加强和深化以前所学的关于网页设计的方法,同时更好的理解参考资料上的方法和理论;3、最后是追求后台操作的稳定性。本设计的主要内容包括:1、亚洲美食宣传网页的设计思想,整体规划及相关基础知识;2、亚洲美食宣传网页的前台设计,包括汇编asp语言程序及效果图;3、亚洲美食宣传网页后台设计(通过后台操作实现对网页内容的修改);4、亚洲美食宣传网页的调试。网页规划包含的内容很多,如网页的结构、栏目的设置、网页的风格、颜色搭配、版面布局、文字图片的运用等,也只有如此制作出来的网页才能有个性、有特色,具有吸引力。网页主题就是所要包含的主要内容,一个网页必须要有一个明确的主题。特别是对于个人网页,不可能像综合网站那样做得内容大而全,包罗万象。所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给人留下深刻的印象。关键词:宣传网页基本原则制作步骤网页主题南京城市职业学院毕业设计说明书3目录摘要----------------------------------------------(1)前言----------------------------------------------(3)第一章、页面美工-----------------------------------(4)1.1首页的美工----------------------------------(4)1.2图片的选取----------------------------------(4)1.3网页框架的搭建------------------------------(4)第二章、功能模块----------------------------------(5)2.1设计框架------------------------------------(5)2.2模块的划分及设计----------------------------(6)第三章、数据库结构分析----------------------------(8)3.1数据库的类型--------------------------------(8)3.2数据库的结构--------------------------------(8)3.3数据库之间的关系---------------------------(10)第四章、网站后台功能------------------------------(11)致谢---------------------------------------------(12)参考文献-----------------------------------------(13)附录---------------------------------------------(14)南京城市职业学院毕业设计说明书4前言Internet带给我们的不仅是无穷的信息,更是交流和学习方式的变迁,在互联网高速发展的今天,传统的打电话,面对面的交流和学习方式因时间和空间的限制,已无法满足当今快节奏的生活,在网络化的今天,依托互联网(论坛)保持用户之间的联系和交流,显得非常方便.因此进行这方面的研究有非常重要的实际意义.网络上网发达使亚洲美食的信息不断得到更新.因此我设计开发了一个关于亚洲美食网页设计。该网站实现了树立亚洲美食的形象,扩大各种美食的宣传,建立信息数据库,网站的后台管理。我所做的这个关于宣传亚洲美食的网页设计,我主要负责网页的美化及资料的搜索和后台管理。我所设计的网页美工包含首页的美工,图片的选举和网站的框架的搭建。这需要对色彩,尤其是色彩的搭配,必须要有独到的见解和良好的排版水平。设计过程中用到了photoshop、flash、3dmax、fireworks、dreamwever等技术。下面我将就我设计的过程所采用的技术、思路等方面详细的介绍我所设计开发的关于亚洲美食宣传的网页设计。南京城市职业学院毕业设计说明书5第一章、页面美工1.1首页的美工首页的美工需要Photoshop网页配色及排版设计;Illustrator网页设计;fireworksweb应用、网页设计综合、经典网页解析。网页设计就相当于平面设计,我们可以将平面设计中的审美观点套用到这上面来(其区别是动态网页的制作是平面设计不能达到的,它是一种审美方式的延伸),所以平面设计上的审美的观点在网页设计上非常实用。如对比、均衡、重复、比例、近似、渐变以及节奏美、韵律美等等,以及色彩的搭配显示出的轻快活泼的美,这些都能在网页上显示出来,反映设计师高超的审美能力。所以我的网页设计一定要具有美感!1.2图片的选举我们在设计完首页后,便需要收集图片,我们收集了亚洲各个地区的有名的菜式的图片还有我亲自拍摄的。如粤菜、川菜、鲁菜……地区的。之后用photoshop美工使它们看起来更美观和整齐。1.3网页框架的搭建框架结构(帧结构)是指利用FRAME将一个网页分为若干个窗口,这样可以在一个页面上展示几个不同内容的网页,例如将菜单和网页内容放到两个框架中,这样当拉动网页内容的滚动条时,菜单部分的网页可以保持固定不动,为浏览网页带来方便。另外,对于一些内容较少的网站,利用框架结构也使得网页布局看起来更加丰富。网页布局大致可分为“国”字型、拐角型、“T”字型、“L”字型、综合框架型、Flash型、变化型,在这里就不做一一论述了。其实在我们在做设计的时候并没有过多的去考虑什么形式,比如我们在一张纸看到一个圆形的东西,很容易可以联想到它像太阳,而有些人则联南京城市职业学院毕业设计说明书6想到月亮等等…这都是一种形式比喻,最重要的是抓住客户的需求,把握网站的定位做处合理的框架布局。第二章、功能模块2.1设计框架我们在确定了美食网站的设计思路之后,还需要归纳成系统的相关模块,每个模块实际上就是功能的合理组合。美食网宣传系统后台模块前台模块注册登录模块浏览信息模块用户评论模块新闻发布模块新闻管理模块用户管理模块评论管理模块南京城市职业学院毕业设计说明书7美食网的模块体系图:从用户角度分析问题,首先区分系统中有几种用户,我们的美食网系统,为了使其清楚易懂,简化了用户体系,美食网中只有两种用户:注册用户和管理员。对于注册用户,在美食网中的行为可归纳如下:注册个人身份,登陆论坛,登陆成功后可以对相应的文章做评论和讨论。浏览文章列表,选择某个专区,浏览其下的文章列表,查看文章内容,以及文章评论,对已有的文章进行各种评论。管理员需要负责整个美食的正常运转,因此他需要更多的管理功能,可以归纳为如下行为:首先具备了注册用户的所有功能。因为管理员本身也是美食网的用户之一,可以和用户同样的去使用美食网。管理员可以通过登录后台进行对美食网文章进行各种各样的管理,方便管理员及时更新网站内容。管理员可以随时查看用户的各种信息,这样可以方便管理员更好的了解用户群体,对网站做更改。管理员可以通过登录后台对用户的评论进行审查。2.2模块的划分及设计每个模块的功能都真实反映需求,通过对需求的认真分析,可以设计出符合要求的单独模块。但是,对于一个美食网系统来说,要很好地把握系统地构架,把零散地功能模块用一条主线串连起来,构建完整的系统。对美食网系统来说,联系各个模块的主线是使用者的权限,用户能够使用美食网的哪些功能是由用户的权限决定的。美食网的每个功能都与相应的权限对应。例如,注册用户具有发表评论的权限,那么他就能使用论坛中的评论功能。同一类用户使用的功能模块,是以使用者为中心连接起来的。另外,操作同类事务的功能模块,也是有相互关系的。南京城市职业学院毕业设计说明书8因此,发布模块、浏览模块与评论模块、管理模块关联,是由论坛的系统流程决定的,如上图:管理用户模块与注册登陆模块关联,是由同一类对象——用户决定的。注册后获得美食网的身份,成为用户,所有的用户需要接受管理员的管理,用户登陆证明自己在美食网中的身份,如上图:系统因入口的不同而分为前台系统与后台系统。前台系统包括注册登陆模块、浏览模块、用户评论模块;后台包括管理用户模块、管理文章模块、管理评论模块。都是根据用户的权限划分的。管理模块发布模块浏览模块评论模块南京城市职业学院毕业设计说明书9第三章、数据库结构分析3.1数据库的类型系统所使用的数据库服务器为ACCESS2000,它在ACCESS2000的基础上,扩展了ACCESS的总体功能与性能、工具界面更加方便合理、全面的数据完整性保护、系统安全性更高。ACCESS2000的数据库空间不会受限于Device空间大小,方便了数据空间的扩展,使ACCESS2000作为一个网络数据库管理系统,其扩展已超出了单个物理计算机的限制,并且多服务器“分布式”事物的内在支持更加充分.本系统主要使用了存储过程StoredProcedure,所谓StoredProcedure实际上就是一段保存在数据库中的程序,通过一个名称的命名,其中包含有处理数据库存取与运算的SQL语句,并且将这样的程序文件紧密结合在数据库中,这样我们的前台应用系统在执行过程中,可以直接执行数据库中设置好的StoredProcedure,甚至可以传递参数。3.2数据库的结构数据库中总共使用了这样4张表。序号数据表名称说明1News文章表2User操作员(用户)表3Reply用户评论表4Msg网站信息表南京城市职业学院毕业设计说明书10NEWS表:序号数据表名称数据类型说明1newsid自动编号新闻的编号2newsname文本新闻的标题3newstext备注新闻的内容4newstime日期/时间发布的日期5newsimage文本新闻对应图片6newssort数字新闻的类别表中的newssort字段当为1为中国2为中国台湾3为日本4为User表序号数据表名称数据类型说明1userid自动编号用户的编号2usename文本用户的名字3usepass文本用户的密码4usesex文本用户的性别5useage数字用户的年龄6useEmail文本用户的邮箱7usepermissions数字用户的权限南京城市职业学院毕业设计说明书-11-表中的usepermissions字段数字1为普通用户,100为管理员用户。Reply表:序号数据表名称数据类型说明1replyid自动编号评论的编号2replytext文本评论的内容3replytime日期/时间评论发表日期4replyuse文本发表评论的用户5renid数字被评论的新闻编号Msg表:序号数据表名称数据类型说明1msgid自动编号信息编号2msgtext文本信息内容Msg这一张表是用来存放用户提示信息的,当用户的操作成功、失败或者有误的时候就会从这张表里调用相应的数据来提示用户。3.3数据库的关系数据库的关系可以用下面这张表来表示NEWS表中的Newsid和Reply表中的renid建立关系,user表中的username和reply表中的replyname建立关系。News表Reply表User表Newsid=renidUsername=replyname南京城市职业学院毕业设计说明书-12-第四章、网站后台功能网站后台,有时也称为网站管理后台,或网站后台管理,是指用于管理网站前台的一系列操作,如:产品、企业信息的增加、更新、删除等。通过网站管理后台,可以有效的管理网站供浏览者查阅的信息。网站的后台通常需要帐号及密码等信息的登陆验证,登陆信息正确则验证而后进入网站后台的管理界面进行相关的一系列操作。当然,前台和后台都是程序人员做的开发的网站页面,通常开发带网站管理后台功能的网站空间必须支持程序语言和数据开发功能。1.设置主页index.asp中相关会员信息,当已输入或