湖南文理学院1《电子商务设计》课程设计报告题目个人博客网页设计系统学生姓名巫丹学号201017020102专业班级信管10101指导老师易明设计日期2013年6月指导老师评阅意见:评阅成绩:签名:湖南文理学院2目录第一章概论.....................................................(3)第二章系统设计的目标..........................................(4)2.1设计得总体目标.........................................(4)2.1设计的阶段目标.........................................(5)第三章系统功能需求分析........................................(5)系统流程图……………………………………………………………………(6)第四章子功能需求分析......................................(16)4.1首页....................................................(7)4.2我的个人信息......................................(7)4.3我的相册.................................................(8)4.4我的兴趣爱好.........................................(8)4.5我的个人简历.............................................(9)第五章系统数据层设计.......................................(10)5.1E—R图...................................................(10)5.1数据字典.................................................(11)第六章系统物理配置方案......................................(12)第七章系统实现效果图........................................(13)第八章总结..................................................(16)附录参考文献.................................................(17)湖南文理学院3一系统概述个人博客相对于现实生存空间更具有随意性,也逐步成为人们感情宣泄、人际交流的重要工具;在这个生活节奏越来越快,个人隐私越来越透明的社会中,拥有一个完全属于自己并能畅所欲言的博客实在是一种奢侈;因此个人博客就应运而生了。网络发展到今天,建立网站已经成为一个很普遍的问题了,对于一个企业来说,建设好自己的网站可以抢占新世纪发展的战略要点。建立新的企业形象,直接开拓国际市场,开展24小时网上营销及高效廉价的定向宣传;与客户建立最直接的交流机制,缩短推出新产品和打开新市场的周期,与富有吸引力的客户群发展客户关系网;与自己的销售人员保持联系,进一步面向本地市场。随着网络技术的发展和网站安全性的提高,个人博客的保密性也在提升,人们可以在自己的博客里面发表日志、撰写博文、上传相片、分享生活等。个人博客以其简单、时尚而备受年轻人的青睐。可以说,个人博客对于现代人的生活质量具有很普遍的提高意义。湖南文理学院4二、系统设计的目标2.1设计的总体目标静态网页:DreamWeaver,生成网站的HTML代码,然后将代码连同支撑的素材(图片,Javascript脚本等)通过FTP工具传送到Web服务器,这样生成的网站内容是固定的,网站所有者需要更新网站的内容,必须找到以前设计的网站代码,修改相应内容后,再通过FTP工具传送到Web服务器。静态网页是相对于动态网页而言,是指没有后台数据库、不含程序和不可交互的网页。你编的是什么它显示的就是什么、不会有任何改变.动态网页:动态网页一般以数据库技术为基础,可以大大降低网站维护的工作量,采用动态网页技术的网站可以实现更多的功能,如用户登录、用户管理,留言修改删除等等;动态网页实际上并不是独立存在于服务器上的网页文件,只有当用户请求时服务器才返回一个完整的网页;动态网页中的“?”对搜索引擎检索存在一定的问题,搜索引擎一般不可能从一个网站的数据库中访问全部网页,或者出于技术方面的考虑,搜索蜘蛛不去抓取网址中“?”后面的内容,因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。数据库:数据和资源共享这两种方式结合在一起即成为今天使用的网络数据库,它以数据库为基础,加上一定的前台程序,通过浏览器完成数据存储、查询等操作的系统。在留言板模块中,我们需要用到数据库进行管理工作IIS发布:将自己的博客在IIS发布,能够和大家分享自己的博客,让朋友知悉你的动态。在同一时间内允许打开的网站页面数,打开一个页面占一个iis,打开一个站内框架页面占2到3个iis;若图片等被盗链,在其它网站打开本站图片同样占一个iis。假若设置参数为50个iis,则这个站允许同时有50个页面被打开。但要在同一时间(极短的时间)有50个页面被打开,需要50个人同时操作,这个概率还是比较低的。所以,100个iis支持日ip1000(同时访问网站人数必定远低于1000人)以上都不是很大问题,除非网站被盗链或框架引发其它消耗,因此使用IIS发布是十分有意义的。湖南文理学院52.2.设计的阶段目标1)前台主要功能要求通过对个人博客的典型业务调查分析可以得到个人博客前台用户的主要功能包括:允许用户查看个人信息,相册,兴趣爱好,个人简历;访问者可以查看留言板;访问者可以查看留言板的留言,并能够发表新的留言;允许用户修改博客的网页stlye;播放背景音乐等特效(2)后台主要功能要求。通过对个人博客的典型业务调查分析可以得到个人博客后台用户的主要功能包括:可以用管理者身份登陆管理可以对图片进删除及回复可以对留言管理。设置游客与管理者的权限。三、系统功能需求分析建立一个网站好比写一篇文章,首先要拟好提纲,文章才能主题明确,层次清晰。如果网站结构不清晰,目录庞杂,内容东一块西一块。结果不但浏览者看得糊涂,自己扩充和维护网站也相当困难。网站的题材确定后,并且收集和组织了许多相关的资料内容,但如何组织内容才能吸引网友们来浏览网站呢?栏目的实质是一个网站的大纲索引,索引应该将网站的主体明确显示出来。因此我将自己的个人网站分为五个栏目,分别是关于首页、个人信息、相册、兴趣爱好、个人简历、留言板。需求分析就是分析软件用户的需求是什么.如果投入大量的人力,物力,财力,时间,开发出的软件却没人要,那所有的投入都是徒劳.如果费了很大的精力,开发一个软件,最后却不满足用户的要求,从而要重新开发过,这种返工是让人痛心疾首的.(相信大家都有体会)比如,用户需要一个forlinux的软件,而你在软件开发前期忽略了软件的运行环境,忘了向用户询问这个问题,而想当然的认为是开发forwindows的软件,当你千辛万苦地开发完成向用户提交时才发现出了问题,那时候你是欲哭无泪了,恨不得找块豆腐一头撞死.需求分析之所以重要,就因为他具有决策性,方向性,策略性的作用,他在软件开发的过程中具有举足轻重的地位.大家一定要对需求分析具有足够的重视.在一个大型软件系统的开发中,他的作用要远远大于程序设计.湖南文理学院6系统流程图湖南文理学院7四、子功能需求分析4.1首页实现了到达各个网页的链接4.2个人信息这个网页显示我的基本信息,联系方式以及想说的话。1、功能在这个页面允许用户使用默认模式和简洁模式观看网页。2、组成构造相册结果显示页面2.html,返回首页界面:index.html个人信息查看个人信息选择查看方式返回首页首页个人信息相册兴趣爱好留言板湖南文理学院84.3兴趣爱好在其中展示我喜爱的东西,包括我的日记、精品文章、社会文化和一些杂七杂八的爱好。奇文共欣赏,疑义相与析。我只想起到抛砖引玉的作用,让大家从中认识我和了解我,让一些美好的东西我们大家共同来欣赏。4.4相册在其中展示漂亮的图片,包括我的照片、我的同学、风景照片、妹眉帅哥栏木。让大家一起来欣赏人物是一个个人相片和精彩图片展示的地方,在相册中,我们可以了解到管理员的个人风采和自己喜欢的图片。1、功能利用js显示图片,让大家可以看见图片的缩略图,同时每个图片都有快照功能,可以浏览图片的全图。2、组成构造相册结果显示页面3.html,返回首页界面:index.html3、相册管理查看相册返回首页兴趣爱好查看兴趣爱好返回首页湖南文理学院94.5个人简历在这个网页中描述了个人的成长经历,更好地介绍自己。包括学校,生活经历等等1.功能能够用简洁模式和默认模式对网页进行观看,给游客带来不同的视觉效果.2.组成构造个人简历网页4.html返回首页界面:index.html4.6留言板是一个我与大家谈心交流的地方,在留言板中,我们可以畅所欲言,和大家进行交流。1、功能游客能够输入昵称,QQ号之后进行留言,管理员拥有管理的能力,只要以密码登录管理模式,就可以进行各个用户的单独意见回复,而且还能对留言进行删除2、组成构造留言网页index.asp进入后台管理网页manage.asp3、个人简历查看兴趣爱好返回首页留言板游客留言管理员登陆管理员回复管理员删除湖南文理学院10五、系统数据层设计系统开发过程中,数据库设计占有重要的地位。数据库设计的原则是根据系统的整体需求而定的。通过对本网站进行的需求分析、网站流程分析,以及系统功能结构的确定,规划出系统中使用的数据库实体对象。通过整理,画出部分数据库实体的概念模型图。5.1E-R图:NameIDReplyDataIPCommentSexEmailWebQQ湖南文理学院115.2数据字典列名数据类型长度主键允许空说明idInt是否身份号nameVarchar15否用户名SexVarchar15否性别EmailVarchar15否邮箱webVarchar30否网页QQVarchar30否QQ号commentVarchar30是评论IPVarchar15是IPdatatimeDate是时间replyVarchar200否回复六、系统物理配置方案设计6.1系统开发环境运行个人博客应该具备以下条件:操作系统:WindowsXP/Windows7旗舰版以上;数据库:access服务器:IIS、;开发工具:VisualStudio.NET2008开发系统辅助工具:图像编辑:PhotoShopCS5湖南文理学院12流程图制作工具:visio;ASP.NET、CSS。。七、系统实现效果图首页我的个人信息我的相册湖南文理学院13我的兴趣爱好湖南文理学院14留言板管理员登陆湖南文理学院15八总结网页制作论文摘要通过这次个人网页的制作,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。通过把自己的网页上传到互联网上,对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到网上的第一个作品,那种成就感是无法用语言形容的。所以我觉得这次制作网页我已经达到了自己的目的,而不是单单为了完成作业而已。这是一个完全关于自己的个人网页,既然是介绍自己,就应该让观者在浏览了之后了解自己其人,我觉得这点我已经基本上做到了。关键字页面设计ASP和数据库1.一般来说,个人主页的选材要小而精。如果你想制作一个包罗万象的站点,把所有您认为精彩的东西都放在上面,那么往往会事与愿违,给人的感觉是没