原创】阿狸空间网站的设计与制作个人网站毕业论文设计

1、毕业设计（论文）题目阿狸空间网站的设计与制作姓名王甜甜学号学院专业计算机网络技术2013年5月20日成绩评议i学号 姓名 王甜甜专业计算机网络技术题目阿狸空间网站的设计与制作指导教师建议成绩： 评阅教师建议成绩：答辩小组建议成绩： 院答辩委员会评阅意见及评定成绩 ：答辩委员会主任签字（盖章）： 年 月 日毕业设计开题报告学 院甜 王 姓名 学号 叽术 伽技 专业题目里 可70选题目的和意义方网并人一 训人，个了 流个象，供 亠仪。形台提 IM式的咅、 相方上个展 种络发 人一网的、 ，的在我传 閱影站LB宣 胎H立界为 也弔对隹曲 以是耐AJ时 哝也为同 CR站。到 , 瑕网台达境 互人*已环

2、X - - k 製中好站网 发其更网的 酗。个人合 沐化一个综 忒样打个5 利越胆计m _来们设交。 随越我过为台 也为通站平 式站且网个设计背景一等 加 库 肘，居r 站旳 e W邨 W 书一匚 e 性自LS 介绍QL 的介 S6 O 类一一 。W自 册 。所 有 皿流会OT具 晒交的很计 今的流要设 如人交主件 别互 软 与相 些设计提纲、 的 码 码 密 代 记 台 忘 后 言 删 留 、 、 改 介 修 简 的 人 库 :个 据 留“ 数 r_A 、 HK 一二 一 卜、王 S 矽括 管 M包 板 7 ( 、H 如面 留。7/| 舌 FA 匕匕 W台 面加 爲5 対建盯删 W 0 W

3、网T于注刊修 其亦其w 1登查计划进度OO 心交 心提 忙则并 。功州稿 比 口 X口 初 O 报V扁文交。 题帶购论提稿 开、丫切力并三 交料蚀业 ，文 提斛須毕稿论 ，创O成二交 目O苛完文提 题聊怖，论并 的日和计成成fo 计 口舲近 完 完 沖 设o O成日日婵 W 1 2完5仃H 汐月月M月如 定 2 3 基 5 B 确-前一 r胸 川60105060黑 111116 4 月月月月月月月 1 1 2 4 4 5 6 年年年年年年年 5 5 5 5 5 1 1 5 5 1 1 1 2222221221222222 12.3 45.S7.指导教师意见日月年 指3指导教师意见序号项目要求满

4、 分得 分1选题设计选题符合本专业应用范围选题有现实价值，能反映设计对象的客观需要 设计目的明确、唯一设计任务有一定难度102考勤与态度毕业设计各阶段工作按时完成 积极主动与指导老师沟通认真对待指导老师给出的意见103信息资料应用设计任务所需信息、资料使用充足 信息资料的针对性、时效性、合理性强104工作量正文字数不少于5000字55理论知识综合运用 能力合理运用了相关学科的理论、思想、方法与规律文 研究方法和手段的运用能力106分析问题的能力分析过程逻辑严谨 结论表达明确107解决问题的能力形成完整解决问题的方案设计方案是否具有可行性 方案的预期效果能够达到设计的目的108设计撰写质量结构合

5、理，层次清晰、逻辑性强文题相符，观点、结论正确写作规范，图表完备、整洁，符号统一，编号齐全 设计内容是否存在抄袭209可行性及创新性可应用性强在思想、构思、方法等方面有创新表现1010其它5建议成绩：优 良中及格不及格总分注：总分为60分以下为不及格，60 70分为及格，70分80分为中，80分90分为良，90分100分为优。对设计的简短评价指导教师签字 评阅教师意见序号项目要求满 分得 分1选题设计选题符合本专业应用范围选题有现实价值，能反映设计对象的客观需要 设计目的明确、唯一设计任务有一定难度102考勤与态度毕业设计各阶段工作按时完成 积极主动与指导老师沟通认真对待指导老师给出的意见10

6、3信息资料应用设计任务所需信息、资料使用充足 信息资料的针对性、时效性、合理性强104工作量正文字数不少于5000字55理论知识综合运用 能力合理运用了相关学科的理论、思想、方法与规律文 研究方法和手段的运用能力106分析问题的能力分析过程逻辑严谨 结论表达明确107解决问题的能力形成完整解决问题的方案设计方案是否具有可行性 方案的预期效果能够达到设计的目的108设计撰写质量结构合理，层次清晰、逻辑性强文题相符，观点、结论正确写作规范，图表完备、整洁，符号统一，编号齐全 设计内容是否存在抄袭209可行性及创新性可应用性强在思想、构思、方法等方面有创新表现1010其它5建议成绩：优 良中及格不及

7、格总分注：总分为60分以下为不及格，60 70分为及格，70分80分为中，80分90分为良，90分100分为优。对设计的简短评价指导教师签字 随着互联网的飞速发展，电脑网络已应用到各个领域，普及到千家万户，无论是国内还是国外都迅速的发展起来。现在，网络已经成为人们快速获取信息、发布信息和传输信 息的主要渠道，成为每个人生活中的一部分，同时网络也提供了一个很好的信息交换平台。目前，网页设计和网站建设成为新时代的一个热点。网络已经渗透到各个领域，无论 是企业还是个人，网络为我们提供了很好的信息交流平台。 政府利用网站宣传自己的政策、 企业利用网站宣传自己的形象、学校利用网站宣传自己的教育、个人利用

8、网站展示自己的 个性风采。越来越多的人都希望拥有自己的个性网站，展现自己的个性风采。通过建设个 人网站，我们可以展示自己，与别人交流学习，求职等等。本网站主要从个人网站的数据库的设计方面和网页设计三剑客入手，实现个人网站系 统的主页浏览模块、后台管理员登录模块、留言板模块、前台会员登录模块、会员注册模 块与身份验证模块等方面设计，从网站设计的主页、界面设计方面研究，并探讨了运用数 据库技术，基于ASP.NET的动态网页设计和SQLServer数据库进行个人网站的设计与实 现，针对要实现这些方面的技术，此文将一一简单介绍其设计思想和设计方法。关键词：ASP.NET； SQLServer；个人网站

9、；留言板ABSTRACTWith the rapid speed developme nt of In ternet, the n etwork computer n etwork applied to various fields more and more, popular both in domestic and foreign families to rapid development. Now network , publishing information and the main channel to transmit in formati on, become a part o

10、f life, every one at the same time the n etwork also provides a good in formatio n excha nge platform.At prese nt, web desig n and website con struct ion the new era. Network platform. Use website propaga ndatheir gover nment policies, en terprise use website propaga nda their image, schools use web

11、site propaga nda educati on, pers onal use of your own website to show your personality. More and more people want to personality website, showing their own personality. Through the con structi on of pers onal website, we can show ourselves and com muni cate with others lear ning, job search, etc.My

12、 personal website is mainly from the website databasedesign and web design of the three musketeers, achiev ing pers onal website system backstage adm ini strator log in, message board module, member log in, registrati on and authe nticati on aspects such as desig n, from the , in terface desig n, re

13、search, and probes into the use of database tech no logy, dyn amic web desig n based on ASP.NET and is esse ntially digital pers onal website desig n and impleme ntati on of the database, in view of the tech no logy to achieve these aspects, this article will in troduce one by one the desig n idea a

14、nd desig n method.KEY WORDS: ASP.NET； SQLServer； Personal Website Message board弓丨 言11概述21.1软件的选用与简介21.2选题的目的和意义21.3课题研究的主要简介22设计准备32.1设计愿望32.2设计背景42.3确定网站主题62.4 确定网站形象 62.5确定网站风格62.6确定网站内容 63各模块简介73.1首页模块73.2我的朋友83.3大学之旅83.4美文欣赏93.5可爱收藏94具体实现与分析94.1静态设计94.1.1站点的建设与收集素材 104.1.2 HTML 语言104.1.3用框架表格进行布

15、局和排版 114.1.4添加网页元素114.1.5滚动的公告114.1.6典型的子页设计过程 124.2动态设计134.2.1数据库的建立134.2.2建立会员登录系统144.2.3建立留言板模块184.2.4后台部分195结论20参考文献21致谢22随着科技的进步、时代的发展，计算机信息行业也逐步壮大，人们也越来越离不开各 种各样的信息，人们对信息的追求越来越迫切。网站作为网络信息主要的表现形式而且还是互联网信息的主要承载者，在互联网上表 现出了它及其重要的地位，并发挥着及其重要的作用，无论是国内还是国外都迅速的发展 和壮大，并被人们重视。网站的迷人之处在于它综合使用文本、图像、声音、动画视

16、频信 息和内容，具有丰富的多媒体表现与互动特点。毋庸置疑，网站已成为最吸引人的也是最 有效的信息传递的手段与方式。随着网络技术的逐步发展，各类网站纷纷出现，个人网站 也成为了一种时尚，越来越多的人希望拥有自己的网站，开辟自己在网络世界里的一片天 地，展示自己的才华和风格。网站数据库的规划设计以及网站的页面开发，都是对应网站要实现的功能而进行设计 的，我将通过各种网页制作以及数据库设计工具作出能达到预期效果的数据管理系统以及 网站页面，使网站管理人员更加方便的，准确的对留言板进行正确的维护和更新；使个人 网站成为我们与外界沟通和交流的平台，让更多的人了解自己，在以后的社会竞争中能起 到自我推荐和

17、自我展示的作用。1概述1.1软件的选用与简介Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见 即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利 用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver具有制作效率高、操作直观、简单易学、站点管理方便等无可比拟的控制能 力优势，但它也同样存在着难以精确达到与浏览器完全一致、不能实时更新、不能对大量 信息进行更改、操作不方便、页面原始代码难以控制等不足。本设计选用的是 DreamweaverCS4ASP是一项微软公司的技术，是一种嵌入网页中的

18、脚本，可由因特网服务执行的服务 器端脚本技术。指Active Server Page（动态服务器页面），运行于IIS之中的程序。ASP.NET 的前身ASP技术，是在IIS2.0上首次推出的。本设计用的是基于 C#的ASP.NET技术。 ASP.NET是基于通用语言编译运行的程序，有着很强的适应性，C#编程语言语法灵活，功能强大，论述都基于C#的ASP.NET建立气象数据库查询系统的构建与编程。ASP.NET有好多优点：1、可管理性：ASP.NET使用基于文本的、分级的配置系统，简化了将设置应 用于服务器环境和 Web应用程序的工作。2、安全：ASP.NET为 Web应用程序提供了 默认的授权

19、和身份验证方案。开发人员可以根据应用程序的需要很容易地添加、删除或替 换这些方案。3、跟踪和调试：ASP.NET提供了跟踪服务，该服务可在应用程序级别和页 面级别调试过程中启用。可以选择查看页面的信息，或者使用应用程序级别的跟踪查看工 具查看信息。4、增强的性能：ASP.NET是运行在服务器上的已编译代码，与传统的Active Server Pages （ASP）不同，ASP.NET能利用早期绑定、实时（JIT）编译、本机和全新的缓 存服务来提高性能。1.2选题的目的和意义随着In ternet的迅速发展，我们已经不再满足于单单地进行浏览网页，而是希望我们 能更深入地参预到网络中去，In te

20、rnet的开放性使得个人建立自己的网站成为可能，拥有自己的个性网站也越来越成为一种网络时尚，同时创建一个能充分体现自我风格和自我特色 的个人网站已经成为互联网用户的新追求。我们更需要的是交流，交流能促进我们不断的进步，并且融合别人的长处；让我们能 多一些渠道倾听来自不同立场的声音；设想一下我们的网络，当每个人都拥有个人网站， 不管是否在线，我们都能跨越时间、空间进行交流，因为这个网站中拥有我所有的一切， 生活、想法、知识、思想；梦想和理想的状态是个人门户也是我们每个人的影子，它为每 个人打点网络上的一切，好多志同道合的朋友会在这里和你相识、相交、相知。1.3课题研究的主要简介现在互联网是社会发

21、展的必然趋势，很多人已经意识到网络强大生命力和它在未来将要处于的重要地位。他们进行钻研并且努力进入到一个新的空间、新的领域。其中包括你、我、他。在我们的日常、工作生活当中，能够拥有一个自己的网站已经成为越来越多的人的理 想和骄傲。就这个课题的研究，因为是个人的网站，所以我只选择了自己擅长和喜爱的内 容，在突出自己的风格个性和特点的同时，还应用了我们所学过的的网站设计技术和数据 库技术等。2设计准备“个人网站要发展，要么是从我（自己）的需求出发，要么是从我周围人的需求出发。”这是国内著名的个人网站站长、手机之家站长高春辉说的。网页设计是一门新兴起的设计类，近几年来随着网络的发展而逐渐受到人们的重

22、视，它自己本身以网络作为载体，把各种各样的信息以最快捷、方便的方式传达给大家。一个网站项目的确立一般是建立在各种 各样的需求上面的，这是个人网站，所以这种需求一般来自于个人的实际需求，其中每个 人的实际需求占了绝大数部分。因此如何更好地了解、分析需求，并且又能够准确、清晰 地以文档的形式表达出来，保证开发过程以个人需求为目的正确项目开发方向进行。2.1设计愿望越来越多的人希望能够真正参与到互联网上，这就出现了越来越多的个人网站设计以 及推广的工作和任务。就我个人来说，我之所以在毕业设计的时候选择这个课题是因为我自己也想拥有一个 自己的个人网站，在互联网上拥有我自己的一席之地，从而真正的参与到互

23、联网中去，做 个网络新时代的主人，同时也希望自己喜欢的一些东西能够和大家一起分享，和互联网上 的朋友一起分享。我所制作的个人网站大体可分为以下几个功能：1. 秘密收藏：在其中展示一些我喜爱的东西，包括衣服、饰品、帽子等。和大家分享这些东西，我 只想让大家进一步认识我和了解我，让一些美好的东西我们大家能共同欣赏。2. 留言板：这是一个大家谈心交流的好地方，浏览者登录以后在留言板中，你可以畅所欲言，和 大家进行交流。对我留言，写下你对本网站的意见、建议或者感受，也可以对我们感兴趣 的话题来展开讨论，进行心与心的沟通。而且可以查看自己和查看别人的留言，看看别人 的感受。但我增加了管理权限，我以管理员

24、的身份可以对新加入的新内容进行管理，即允 许其加入和允许对其进行删除操作等。欢迎大家来这里留言哦！3. 会员登录:在这里可以进行会员登录操作，如果用户还没有注册也可以进行注册然后再登录。在这 里如果你忘记了自己的密码还可以进行找回密码的操作，并且可以修改和查看自己的相关 信息。登录后就可以进行留言操作。非常灵活，为会员提供了很大的方便。4. 个人信息：在这里，浏览者可以看到我自己的个人相关信息，包括兴趣爱好、籍贯、缺点及喜爱的 明星和喜爱的小动物。欢迎大家浏览我的个人信息！2.2设计背景使用工具简介：IIS的简要介绍：IIS是In ternet In formation Server的缩写，它

25、是微软公司主推的一种 Web服务器， 最 新的版本是 Windows20002003server里面包含的 IIS 5.0 或 IIS 6.0，IIS 与 Window20002003 Server完全集成在一起，因而用户能够利用Windows 20002003 Server和NTFS（NT FileSystem, NT的文件系统）内置的安全特性，建立强大、灵活又安全的In ternet和Intranet站点。IIS的一个重要特性是支持 ASP。IIS 3.0版本以后引入了 ASP，可以很容易的张贴 动态内容和开发基于Web的应用程序。如果是其他的 Windows操作系统则需要用户手动 安装I

26、IS。下面以 Windows XP为例，说明IIS的安装步骤：IIS的安装步骤：1. 依次打开：【控制面板】-【添加删除程序】-【添加删除Windows组件】，勾选【Internet 信息服务（IIS）】，然后单击信息按钮。2. 在打开的【In ternet信息服务（IIS ）】对话框中勾选所有项。3.单击“确定”按钮后，再单击“下一步”按钮。在光驱中放入 Windows XP的安装 盘，安装完毕后，可以测试一下安装是否成功，在浏览器地址栏中输入”、top和left每个网页中又嵌套了一个表格那是整个版面看起来更加整齐、清晰。Top中的表格用来组织页面头部的兀素（下称“头表格”），在设计视图下将

27、鼠标光标 置于网页编辑区，点击“插入” -“表格”，设置2行、3列的表格，“表格宽度” 1000像 素，“边框粗细”为1,点击确定。选中表格在属性控制面板中设置对齐方式为“居中对齐”。然后再将第二行单元格合并。并插入所需要的元素。Left中再插入一个2行1列的表格，用来组织左边页面的主体内容，其它属性同头表再填入所需内容，并加入超链接最后再在Main网页中插入一个1行2列的表格，用来组织页面的主要内容元素。“边 框粗细”为1,设置表格为显示边框。4.1.5添加网页元素利用设置表格图片、插入图片等形式添加网页图片元素。利用键盘输入或复制粘贴等 方式添加文字，文字颜色设置为红色。4.1.6滚动的公

28、告 爱的一种解释 a . .Data.SqlClient;public partial class logi n : System.Web.Ul.Page protected void Page_Load(object sen der, Eve ntArgs e)protected void ln kRegister_Click1(object sen der, Eve ntArgs e)Respo nse.Redirect(zhuce.aspx);转到注册界面protected void ln kGetpwd_Click(object sen der, Eve ntArgs e)Respo

29、nse.Redirect(Step1.aspx);转到找回密码的第一步protected void btnReset_Click(object sender, EventArgs e)txtPwd.Text =; txtUserName.Text =;清空你所填写的所有信息protected void btn Submit_Click(object sen der, Eve ntArgs e)if (Page.IsValid)stri ng strCo nn = System.C on figuratio n.Con figuratio nMan ager.AppSett in gsDSN;S

30、qlC onn ecti on conn = new SqlC onn ecti on( strC onn);建立与数据库的连接stri ng userName =;stri ng pwd =;userName = txtUserName.Text.Trim();pwd = txtPwd.Text.Trim();stri ng sql;sql = select coun t(*)from Users where UserName= + userName + a nd Password= + pwd + ”;从数据库中查找那条记录SqlComma nd cmd = new SqlComma nd

31、(sql, conn); conn. Ope n();int ret = (i nt)cmd.ExecuteScalar();conn .Close();if (ret = 0)Response.Write(alert(登录失败!用户名或密码错误!);elseif(txtUserName.Text=adm in)Response.Redirect(main1.aspx); 如果用户名等于admin,则跳到管理用户界面 Sessi on UserName = userName;Resp on se.Redirect(ma in .aspx); 注册部分为还没有注册的用户提供注册机会，有多项是内容

32、必须填写，注册后可以进行留言可 以留下对本网站的感受或者意见、建议。如果用户丢失了密码或者忘记了密码还可以进行 找回密码的操作，找回自己原有的密码。注册部分界面如下图4.6所示：图4.6注册界面具体实现代码如下所示: public partial class zhuce : System.Web.Ul.Pageprotected void Page_Load(object sen der, Eve ntArgs e)protected void btn Submit(object sen der, Eve ntArgs e)stri ng strCo nn = System.C on figu

33、ratio n.Con figuratio nMan ager.AppSett in gsDSN;SqlC onn ecti on conn = new SqlC onn ecti on( strC onn);建立与数据库的连接stri ng userName =txtName.Text.Trim();stri ng sql = select coun t(*)from Users where UserName= + userName + ;conn. Ope n();SqlComma nd cmd = new SqlComma nd(sql, conn);int n = (in t)cmd.

34、ExecuteScalar();if (n 0)Resp on se.Write(alert(!);如果这条记录已存在则返回return;cmdma ndText = INSERT INTO +Users(UserName,RealName,Sex,Password,Questi on,An swer,Email) + values(UserName,RealName,Sex,Password,Questio n,A nswer,Email); cmd.Parameters.Add(UserName, SqlDbType.VarChar).Value = userName;cmd.Parame

35、ters.Add(RealName, SqlDbType.VarChar).Value = txtRealName.Text.Trim(); cmd.Parameters.Add(Sex, SqlDbType.VarChar).Value = lstSex.Selectedltem.Text.Trim(); cmd.Parameters.Add(Password, SqlDbType.VarChar).Value = txtPwd1.Text.Trim(); cmd.Parameters.Add(Questio n, SqlDbType.VarChar).Value =lstQuestio n

36、. Selectedltem.Text.Trim();cmd.Parameters.Add(A nswer, SqlDbType.VarChar).Value = txtA nswer.Text.Trim(); cmd.Parameters.Add(Email, SqlDbType.VarChar).Value = txtEmail.Text.Trim(); cmd.ExecuteN on Query();conn .Close();Sessi on UserName = userName;Resp on se.Redirect(ma in .aspx);423建立留言板模块 留言板模块为用户

37、登录进去后能够进行留言留言板界面如下图4.7所示:图4.7留言板界面using Syste m.10;public partial class Default2 : System.Web.Ul.Pageprotected void Page_Load(object sen der, Eve ntArgs e)protected void btnCan cel_Click(object sen der, Eve ntArgs e)txtTitle.Text =;txtCo nte nt.Text =;txtAuthor.Text =;若点击取消则清空所填内容protected void btnO

38、 K_Click(object sen der, Eve ntArgs e)if (txtTitle.Text = | txtCo nten t.Text = | txtAuthor.Text =)Label1.Text =标题、内容、作者等不能为空！；return;if (txtTitle.Text.Le ngth 50)Label1.Text =你的标题太长了 ！；return;stri ng strCo nn = System.C on figuratio n.Con figuratio nMan ager.AppSett in gsDSN;SqlC onn ecti on conn =

39、 new SqlC onn ectio n(strC onn);string sql = insert into books(title,content,ming,click)values(title,content,ming,click); SqlComma nd cmd = new SqlComma nd(sql, conn);cmd.Parameters.Add(title, SqlDbType.Char).Value = txtTitle.Text; cmd.Parameters.Add(co nte nt, SqlDbType.Char).Value = txtCo nte nt.T

40、ext;cmd.Parameters.Add(mi ng, SqlDbType.Char).Value = txtAuthor.Text;cmd.Parameters.Add(click, SqlDbType.Char).Value = 0;往数据库里增加一条记录conn. Ope n();cmd.ExecuteN on Query();conn .Close();Resp on se.Redirect(ma in .aspx);4.2.4后台部分 如下图4.8所示:图4.8后台界面5结论经过老师耐心细致的指导以及同学之间的相互交流，同时翻阅了大量的资料（包括网上资料、书本及学校的一些相关资料），经过近一段时间的个人网站（米菲儿的空间）的设计 制作已接近尾声。在这段时间里我完成了一份毕业设计，同时也学到了很多东西。我这个 个人网站（米菲儿的空间）的研究设