个人博客网站课程设计

合集下载

个人博客网站课程设计

个人博客网站课程设计

个人博客网站 课程设计一、课程目标知识目标:1. 学生能够理解个人博客网站的基本概念,掌握网站结构、页面布局和内容发布的基本知识。

2. 学生能够了解网站前端技术,如HTML、CSS、JavaScript,并运用这些技术进行简单的网页制作。

3. 学生掌握网站后端技术,如数据库操作和服务器端编程,实现博客网站的动态数据展示和用户交互。

技能目标:1. 学生能够运用所学知识,独立设计和制作个人博客网站,完成网站的整体布局和页面美化。

2. 学生能够编写简单的动态网页,实现博客文章的发布、编辑、删除等功能。

3. 学生能够通过实际操作,提高问题解决能力和团队协作能力。

情感态度价值观目标:1. 学生培养对网络技术的兴趣,激发学习主动性和创新意识。

2. 学生在学习过程中,注重个人信息安全和网络安全,树立正确的网络道德观念。

3. 学生通过个人博客网站的制作,培养表达自我、展示个性的信心,提高沟通和交流能力。

本课程针对初中年级学生,结合教材内容,注重理论与实践相结合,以培养学生的实际操作能力和创新能力为目标。

课程性质为实践性、综合性,教学要求学生在掌握基本知识的基础上,能够独立完成个人博客网站的设计与制作,将所学知识应用于实际生活,提高信息技术素养。

通过本课程的学习,期望学生能够达到以上所述具体的学习成果。

二、教学内容本章节教学内容主要包括以下几部分:1. 网站基础知识:- 网站概念与分类- 网站结构及页面布局- 网络协议与域名解析2. 网站前端技术:- HTML:基本结构、常用标签、表单制作- CSS:选择器、样式属性、页面布局- JavaScript:基本语法、事件处理、DOM操作3. 网站后端技术:- 数据库基础:数据类型、表结构设计、SQL语句- 服务器端编程:PHP基础、会话控制、文件操作- 数据库连接:MySQL与PHP的交互4. 个人博客网站制作:- 网站需求分析- 设计与规划:页面布局、功能模块划分- 网站制作:前端页面编写、后端逻辑实现- 网站测试与优化教学内容按照以下进度安排:1. 网站基础知识(2课时)2. 网站前端技术(4课时)3. 网站后端技术(4课时)4. 个人博客网站制作(6课时)本章节内容与教材相关章节紧密关联,确保学生能够系统地掌握网站制作相关知识。

个人博客系统毕业设计论文

个人博客系统毕业设计论文

个人博客系统毕业设计论文目录一、内容概括 (2)1.1 研究背景与意义 (3)1.2 国内外研究现状分析 (3)1.3 论文结构安排 (4)二、系统需求分析 (5)2.1 功能需求分析 (7)2.1.1 用户管理功能 (9)2.1.2 文章管理功能 (10)2.1.3 消息通知功能 (11)2.1.4 浏览器兼容性需求 (12)2.2 性能需求分析 (13)2.3 安全性与可靠性需求分析 (14)三、系统设计与实现 (16)3.1 系统架构设计 (18)3.2 数据库设计 (19)3.3 前端页面设计 (21)3.4 后端逻辑实现 (24)3.5 系统测试与优化 (25)四、系统功能实现与测试 (26)4.1 用户管理功能实现 (28)4.2 文章管理功能实现 (29)4.3 消息通知功能实现 (30)4.4 浏览器兼容性测试 (32)4.5 系统性能测试与优化 (33)五、系统总结与展望 (34)5.1 系统总结 (35)5.2 存在问题与不足 (36)5.3 后续研究与展望 (37)一、内容概括系统需求分析:分析个人博客系统的用户需求、功能需求、性能需求等,为后续系统设计奠定基础。

系统设计:详细阐述个人博客系统的总体设计思路,包括系统架构、功能模块划分、数据库设计、界面设计等。

系统实现:介绍个人博客系统的具体实现过程,包括关键技术的选择、代码实现、系统测试等。

系统测试与优化:对实现的个人博客系统进行测试,包括功能测试、性能测试、安全测试等,并对系统进行优化,提高系统的性能和稳定性。

系统应用与评估:介绍个人博客系统的实际应用情况,包括用户反馈、系统使用情况、效果评估等,对系统的实际效果进行客观评价。

总结与展望:总结个人博客系统的设计与实现过程中的经验教训,对系统的优点和不足进行分析,并对未来个人博客系统的发展进行展望。

本文还将涉及个人博客系统在开发过程中的技术难点及解决方案,以及开发过程中的心得体会和感悟。

个人博客的设计与实现

个人博客的设计与实现

郑州旅游职业学院毕业设计( 论文)个人博客的设计与实现姓名:李治坦学号:年级:14级系别:信息工程专业:计算机网络指导教师:王桂凤年月日毕业设计(论文)诚信声明书本人声明:本人所提交的毕业论文《个人博客的设计与实现》是本人在指导教师指导下独立研究、写作的成果,论文中所引用他人的无论以何种方式发布的文字、研究成果,均在论文中加以说明;有关教师、同学和其他人员对本文的写作、修订提出过并为我在论文中加以采纳的意见、建议,均已在我的致谢辞中加以说明并深致谢意。

本论文和资料若有不实之处,本人承担一切相关责任。

论文作者:(签字)时间:年月日指导教师已阅:(签字)时间:年月日郑州旅游职业学院毕业论文(设计)任务书毕业设计题目:个人博客的设计与实现学生姓名:专业班级:学号:主要任务:需要提交的文档:发出任务书日期:完成期限:指导教师:系部主任:说明:如计算机输入,内容小四号字。

本任务书一式二份,教师、学生各执一份摘要目前Internet早已深入我们的生活,而这工程真正的开始时间是1962年。

发展至今已经变的异常庞大,而近段时间发展最快的当数电子商务系统。

互联网经过各种高潮低谷起伏后,各种类型的网站如雨后春笋般突军崛起。

然而随着计算机的发展和普与,Blog得到了极大的发展Blog是Weblog(网络日志)的简称,即个人博客系统。

Blog是即E-mail、BBS、ICQ之后的第四种网络交流方式。

它以个人为中心传播出版有影响力的消息、新闻、事件等,鲜明的个人特色引人瞩目,它以独特的视角、敏锐的观察力,不断的冲击传统媒体。

传统的Blog已经满足不了社会的需要,拥有更多更新功能的Blog急需走上舞台。

为了方便广大朋友沟通交流,特此开发了个人博客系统。

本系统是根据网络需求而设计的一款个人博客软件,本文主要介绍了个人博客系统中的前台查看日志,留言,评论,相册和后台管理的设计与实现。

本系统利用PHP动态网络开发技术,以MySQL作为后台数据库,使用Apache配置Web服务器,结合jquery框架,以与JavaScript和HTML脚本语言,并采用了templates模板技术,以与配合多种网页开发工具,实现了基于B/S模式的个人日志发表和交流的平台——个人博客系统。

个人博客系统设计与实现

个人博客系统设计与实现

个人博客系统设计与实现
随着互联网的发展,个人博客已经成为了越来越多人展示自己的平台。

在设计和实现个人博客系统时,需要考虑到以下几个方面:用户管理、文
章管理、评论管理、分类管理和系统维护。

首先,用户管理是个人博客系统的基础。

用户可以注册、登录和管理
个人信息。

在设计用户管理模块时,需要考虑到用户注册时的验证机制,
如电子邮件验证或手机短信验证,以确保用户身份的真实性。

同时,需要
提供给用户修改账号密码、头像和个人简介的功能,以便用户能够个性化
自己的博客页面。

评论管理是个人博客系统的重要组成部分。

用户可以评论其他用户的
文章,并且可以对评论进行回复。

在设计评论管理模块时,需要考虑到用
户对评论的身份验证,以确保评论的真实性。

同时,可以设计点赞和举报
功能,以便用户能够对评论进行评价和反馈。

分类管理是个人博客系统的辅助功能。

用户可以对文章进行分类,以
便更好地组织自己的博客页面。

在设计分类管理模块时,需要提供给用户
创建、修改和删除分类的功能,以便用户能够根据自己的需要进行分类。

总之,个人博客系统的设计与实现是一个综合性的工程。

需要考虑到
用户管理、文章管理、评论管理、分类管理和系统维护等方面,以便用户
能够方便地展示自己的博客并与其他用户交流。

在设计和实现个人博客系
统时,需要注重用户体验和系统的可维护性,以提供更好的用户体验和保
证系统的稳定性。

web网页设计课程设计-个人博客

web网页设计课程设计-个人博客
3.1.3兴趣爱好
这个子网页采用的是YUI中的Paginator:Getting started with Paginator JS控件,可以在网页中插入文字图片,并有翻页效果。
每个人的兴趣爱好可以有很多,如果采用流式布局则会显得很冗杂,于是我采用了这个JS控件,让游客可以对每一个感兴趣的栏目进行浏览,不会产生疲劳。另外我将图片大小调节同意大小,并添加在每个框架中,这样可以使整个网页布局不会产生太大波动。
2.3系统总框图
2.4 设计网站
首部的LOGO,这个区域揭示了整个网站的主旨,所以这一部分的图片和内容必须设计得很精。然后是左下区域的座右铭,座右铭体现了个人的性格和修养以及价值观,这一部分布局必须清晰明了。最后是右下部分的其他,为了使网页看起来简洁明了,我在这一部分添加了一个单独的图片作为一个DIV。
E-R图
数据库表
数据字典:
Id:每个留言一个id,主键,非空
Title:每个留言一个title,可以为空
Tentent:每个留言一个内容,可以为空
Time:每个留言一个时间,可以为空
Ip:每个留言一个ip,一个ip可以对应多个留言
Huifu:每个留言对应一个管理员回复,可以为空
总结
在这次课程设计中,我再一次巩固了对HTML静态网页和ASP动态网页的设计制作方法,特别是对HTML网页已经较为熟练的掌握了。并且我对CSS样式文件和JS脚本文件的使用也有了更深的了解。
3.1.2个人简历
这个页面依旧使用了黄色的主色调,顶部是蓝色,与个人信息想呼应。主题是大海,个人简历就像鱼儿在海中的经历一样,这也和个人简历的风格想呼应。
左上角我添加了一个时钟空间,并添加了一个可以游动的鱼,点击之后可以快速返回主页,这条小鱼是使用JS代码和GIF动图完成的,和整个大海的风格比较融合。另外我在网页底部添加了固定的BOTTOM页脚,主要内容也是跟海有关,为的也是和主题融合。

基于Blog的网络课程设计与开发

基于Blog的网络课程设计与开发

hm 与 ap设计制作 ,少 量的 jv 。 tl s aa
在校 园内网中发布。
( 网络)课 程的 主讲 教 师 、辅 导教 师等 是课 程资
源 “ 唯一 ”的提供者 与管理 者 。
收稿 日期 :2 0 0 0 0 8— 7— 3 基金项 目:本文 为河南 工业大学 2 0 0 7年校级教学研究项 目 “ 基于 B OG 的网络教学研究 ”成果 ,项 目编号为:2 0 GJ J 1 L 0 7 Y .B 4 作者简介 :张合斌 (9O ) 18一 ,男,河南南阳人 ,河南工业大学新闻与传播学院讲师 ,硕士,研究方向为网络传播与计算机辅助教育.
M e dt.IE T C 的 L M 、OC E,Du l oe的 t aa E E L S a O L bi C r n
主讲教 师 、资源建设者 、学生 、一般浏 览者等之
间交 互 相 对 较 少 。
Dul oe 数据 标 准 等 。在 我 国 ,教 育部 于 2 0 b nC r 元 i 0 0年 l O月指示科技 司组织 力量 研 制现 代远 程 教育 技术 标 准 ,
并 且 于 2 0 年 初 成 立 了 现 代 远 程 教 育 技 术 标 准 化 委 员 01
结合 实际应用 ,对 以上 基本 特 征进行 剖析 :对 网络 架构形式 与设 计工具 而言 ,几 乎是 所有 网路课 程开发 人 员所认 可的。在校 园内网发 布 的模 式上 ,笔者 认为 可能 带来一些 问题 :首先 ,内网发 布是 各个 高校 出于对校 园 网安全 的考虑 ,采取 了保 障网 络安全 的过 滤机制 ,结 果 造成在校 园网之外访 问 网络课 程速 度 比较 慢 ,更有 限制 为 内网 I 能访 问 ,导致校外无 法访 问 ;其 次 ,在 内网 P才 发布模式 下 ,若整体 网络速 度 缓慢 ,则 一般 的文本 资源

【毕业论文】基于HTML5 CSS3的个人博客系统设计与实现

【毕业论文】基于HTML5 CSS3的个人博客系统设计与实现

摘要随着互联网技术的不断发展,人社会越来越离不开对互联网的运用。

互联网的技术不是漫无目的的发展,而是根据人类社会的需求指引了方向。

HTML5与Blog的孕育而生就是源于人类社会的需求而出现的互联网技术。

HTML5是HTML下一个主要的修订版本,现在仍处于发展阶段。

目标是取代1999年所制定的HTML 4.01和XHTML 1.0标准,以期能在互联网应用迅速发展的时候,使网络标准达到符合当代的网络需求。

广义论及HTML5时,实际指的是包括HTML、CSS和JavaScript 在内的一套技术组合。

它希望能够减少浏览器对于需要插件的丰富性网络应用服务RIA,如Adobe Flash、Microsoft Silverlight,与Oracle Java FX的需求,并且提供更多能有效增强网络应用的标准集。

HTML5是新兴的Web开发技术,其拥有良好的语义化标签,搭配最新CSS3可以展现出无与伦比的显示效果。

支持Html5的浏览器包括Firefox(火狐浏览器),IE9及其更高版本,Chrome(谷歌浏览器),Safari,Opera等;国内的傲游浏览器(Maxthon),以及基于IE或Chromium(Chrome的工程版或称实验版)所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力。

随着计算机的发展和普及,博客得到了极大的发展。

博客是Blog的音译,Blog是Weblog(网络日志)的简称。

Blog是即E-mail、BBS、ICQ之后的第四种网络交流方式。

它以个人为中心传播出版有影响力的消息、新闻、事件等,鲜明的个人特色引人瞩目,它以独特的视角、敏锐的观察力,不断的冲击传统媒体。

本文结合和HTML5技术,SQL Server 2005作为数据库,实现了动态个人博客网站及其管理,使得博客的展示更完美,管理更便捷。

【关键词】Blog C# SQL Server HTML5 CSS3ABSTRACTWith the continuous development of Internet technology, human society is increasingly inseparable from the use of the Internet. Internet technology is not aimlessly development and guiding direction but according to the needs of human society. The HTML5 Blog gestation born was a result of the needs of human society, the emergence of the Internet technology.HTML5 is the the HTML next major revision, it is still in the development stage. The goal is to replace enacted in 1999 for HTML 4.01 and XHTML 1.0 standards, with a view to the rapid development of Internet applications, the network standard to meet our contemporary network needs. Generalized address HTML5, actually refers to the combination of a set of technologies, including HTML, CSS and JavaScript. It hopes to be able to reduce the browser plug the richness of network application services RIA, such as Adobe Flash, Microsoft Silverlight, and Oracle JavaFX's needs, and provide more effective enhanced network applications the set of standards. HTML5 is a new web development technology, it has a good semantic tags, with the latest CSS3 display can show unparalleled. Support HTML5 browsers, including Firefox (Firefox), IE9 and its later, Chrome (Google Chrome), Safari, Opera, etc.; Maxthon browser (Maxthon), and based on IE or Chromium (Chrome worksversion, or the experimental version) has launched a 360 browser, Sogou browser, QQ browser, cheetah browser domestic browser also have the ability to support HTML5.Along with computer's development and the popularization, Blog obtained the enormous development. Blog is Weblog (network diary) abbreviation. After Blog is E-mail, BBS, the ICQ fourth network exchange way. It take has the influence news, the news, the event personally as the central dissemination publication and so on, the bright individual characteristic is conspicuous, it by unique angle of view, keen power of observation, unceasing impact tradition media.In this paper, and HTML5 technology, SQLServer 2005 as the database to achieve a dynamic personal blog site and its management, makes the blog show more perfect management more convenient.【Key words】Blog C# SQL Server HTML5 CSS3目录前言 (1)第一章博客系统项目概述 (2)第一节系统开发背景 (2)第二节课题研究意义 (2)第三节博客发展趋势 (3)第二章开发环境概述 (4)第一节HTML5简介 (4)第二节CSS3简介 (5)第三节 (8)第三章系统分析与设计 (12)第一节系统概括 (12)第二节系统用例图 (12)第三节系统功能需求 (14)第四章数据库设计 (17)第一节数据库E -R图 (17)第二节数据库表设计 (20)第二节数据库完整性和安全性 (23)第五章系统设计与实现 (24)第一节后台功能功能模块详细设计 (24)第二节前台功能功能模块详细设计 (29)第六章系统测试 (32)第一节测试方法 (32)第二节测试过程 (32)结论 (34)参考文献 (36)附录 (37)源程序 (46)前言本论文设计的作品博客系统是基于HTML5和CSS3技术在.NET平台上设计与开发的。

csshtml课程设计

csshtml课程设计

csshtml课程设计一、课程目标知识目标:1. 学生能理解HTML的基本结构和常用标签的功能,掌握CSS的基础语法和选择器。

2. 学生能够运用HTML和CSS创建和布局简单的网页,实现文本、图像、链接等基本元素的展示。

3. 学生了解HTML5和CSS3的新特性,并能够运用到实际项目中。

技能目标:1. 学生掌握使用HTML和CSS进行网页设计和布局的技能,能够独立构建静态网页。

2. 学生能够运用网页开发工具(如VS Code、Sublime Text等)进行代码编写和调试。

3. 学生学会运用浏览器开发者工具进行页面调试和优化,提高页面性能。

情感态度价值观目标:1. 培养学生对前端开发的兴趣和热情,激发他们主动探索新技术的欲望。

2. 培养学生的团队协作精神,让他们学会在项目合作中沟通、解决问题。

3. 培养学生的审美观念,让他们关注网页设计的美感和用户体验。

课程性质:本课程为信息技术课程,旨在让学生掌握HTML和CSS的基础知识,培养他们独立设计和制作网页的能力。

学生特点:六年级学生已具备一定的计算机操作基础,对网络和多媒体有较高的兴趣,好奇心强,但注意力容易分散。

教学要求:结合学生特点,课程设计应注重实践操作,以任务驱动法引导学生主动探究,同时关注个体差异,提供有针对性的指导。

通过小组合作、作品展示等形式,激发学生的学习兴趣和自信心。

教学过程中,注重培养学生的动手能力和创新能力,为后续学习打下坚实基础。

二、教学内容1. HTML基础:- 网页结构及基本标签:Doctype、html、head、body等;- 文本、图像、链接、列表等元素的创建与属性设置;- 表格、表单的使用及其属性;- HTML5新特性:语义标签、音频、视频、Canvas等。

2. CSS基础:- 选择器:标签、类、ID、属性等;- 布局属性:display、position、float等;- 盒子模型:margin、border、padding、width、height;- 文本样式:font、color、text-decoration等;- CSS3新特性:圆角、阴影、过渡、动画等。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

课程设计Ⅴ课程设计设计说明书个人博客管理网站学生姓名学号班级成绩指导教师课程设计任务书2011—2012学年第二学期专业:信息管理与信息系统学号:姓名:课程设计名称:课程设计V课程设计设计题目:个人博客管理网站完成期限:自2012 年 2 月20 日至2012 年 3 月 2 日共 2 周设计依据、要求及主要内容(可另加附页):现在的很多网站都是用户建立的一个日记网站,也就是博客网站。

用户可以通过书写博客把自己的心情,想法等通过互联网和朋友交流。

本次课程设计依据《网页设计》课程所学的内容,结合现在网站发展的趋势和布局要求,利用Macromedia Dreamweaver 、visual studio 、Fireworks和Flash等网页设计工具,建立一个基于的个人博客网站。

具体要求及主要内容:1.利用c#作为博客的开发语言。

2.后台数据库可以采用ACCESS或者SQL SERVER。

3.网站首页的导航菜单准确无误,无死连接。

4.利用CSS样式,美化网站的字体和颜色。

5.进入任何一个博客页面都可返回首页。

页面显示没有错误。

6.管理员可登陆博客后台管理博客。

要求能自定义的博客的栏目,发表博文和图片。

7.管理员可以随时修改和删除发布的博文。

指导教师(签字):教研室主任(签字):批准日期:年月日博客是开放的私人空间,可以充分利用超文本链接、网络互动、动态更新等特点,可以以文会友,结识和汇聚朋友,进行深度交流沟通。

本次课题个人博客系统主要用于发表个人最近日志,记录一些心情感想的一种网页形式博客。

本网站主要是利用visual studio2010 制作而成,并结合Fireworks和Flash等网页设计工具进行网页的设计,后台采用SQL SERVER 2005数据库,使用c#语言设计的一个个人博客管理动态网站。

关键词:visual studio2010;个人博客;动态网站1 课题描述 (3)2 设计过程 (4)2.1 需求分析 (4)2.2 系统流程图 (4)2.3功能结构分析 (5)2.4数据库设计 (6)2.5前台页面设计 (8)2.5.1母版页设计 (8)2.5.2首页设计 (8)2.5.3留言板设计 (10)2.6后台页面设计 (10)2.6.1后台页面布局设计 (10)2.6.2文章管理设计 (11)2.6.2留言管理 (13)2.6.3相册管理 (13)3 测试 (15)3.1后台管理登陆 (15)3.2博客管理 (16)3.2.1添加文章验证 (16)3.3.2删除文章验证 (16)3.3.3修改文章验证 (17)3.3留言管理 (17)3.4.1修改照片信息验证 (18)3.4.2上传照片验证 (18)总结 (19)参考文献 (20)1 课题描述本次课题是要完成一个集日志发表、后台管理为一体的个人博客管理系统。

在前台游客可以查看相册、博文、等并可在留言板中添加评论。

后台管理可以实现的功能有:博文的添加、修改和删除;照片的添加、删除以及分类;查询删除留言等。

界面直观、操作简单,内容布局条理清楚,版面协调、统一,能够实现方便快捷的管理与维护。

开发工具:、visual studio 2010、SQL server 20052 设计过程该博客网站包括前台浏览和后台管理两部分功能。

实现过程包括三部分:前台功能设计,后台设计,数据库设计。

2.1 需求分析本系统的用户包括:普通游客、博客主人。

(1)普通游客进入网站后可以浏览博客文章和博客相册,并在浏览博客后进行评论。

(2)博客主人通过前台登录后,可对自己的博客空间进行管理,包括发布自己的网络日志, 收藏个人照片,相关人员进行交流和沟通以及删除访问者发表的评论等。

(3)在博客管理界面,博主可以对自己的博客类型进行管理。

包括:添加、编辑和删除博客类型。

(4)博主可以暂时不发布博客,而是将文章先放到草稿箱等以后要发布时,再从草稿箱中提出,还能够将回收站中的博客还原或者将博客从回收站中彻底删除。

(5)博主还可以上传图片文件,同时进行管理,包括浏览和删除操作。

(6)博主能够对游客的评论进行管理,包括查询和删除操作。

2.2 系统流程图后台业务流程:(博主操作流程)见下图:图 2.1 后台业务流程图前台业务流程:(游客操作流程)见下图:图 2.2 前台业务流程2.3功能结构分析此系统主要包含两个方面,一为前台信息显示系统即普通游客空间、二为后台信息管理系统即管理员管理空间。

前者是面向公众的一个窗口,通过前台信息显示系统方便普通游客浏览日志、评论和留言。

后台信息管理系统在管理员登录后,管理员可以发表日志;回复评论和留言;管理日志、评论、留言及个人信息等。

系统的基本功能结构图如图2.1所示。

图2.3 功能结构图普通游客模块:主要是为了让访问本博客的游客对博客有一个基本的了解。

通过游客的评论和留言了解游客对本博客博主博文的评价,以便于同博主更好的互动和交流。

博客主人管理员模块:主要实现对所发表的博文、评论及留言信息进行管理,对博客各个方面的管理与维护以便网站更好的运行。

其个管理模块的功能有:文章管理:管理员可以对博文进行分类管理、添加分类、添加博文等操作。

相册管理:管理员可以对照片进行分类管理、添加分类、添加或删除照片等操作。

留言管理:管理员可以回复或者删除游客留言。

2.4数据库设计本系统采用SQL Server 2005作为开发工具。

根据系统需求分析和保证数据统一、完整和高效的原则,需要对数据库进行合理的设计。

首先先在SQL Server 2005中建立一个名为“blog”的数据库来存放本系统所必须的数据表。

本系统数据库中主要的数据表分别为用户注册表(Register), 博客类别表(Class),博客文章表(News),图片文件表(Photo),博客留言表(Message)。

如表2-1—2-5所示:表2-1用户注册表表2-2博客类别表表2-3博客文章表表2-4图片文件表表2-5博客留言表2.5前台页面设计2.5.1母版页设计利用母版页可以将前台的几个页面创建一致的布局。

单个母版页可以为应用程序中的所有页(或一组页)定义所需的外观和标准行为。

然后可以创建包含要显示的内容的各个内容页。

当用户请求内容页时,这些内容页与母版页合并以将母版页的布局与内容页的内容组合在一起输出。

如下图2.4为site2.master的设计图。

图 2.4 母版页设计图2.5.2首页设计首页作为内容页面被包含在母版页site2.master的占位符控件显示最新文章、友情链接、相册以及留言。

如图2.5所示。

图2.5主页面主要具体代码如下:<asp:Content ID=""ContentPlaceHolderID="Left"runat="server"><uc1:LeftList ID="LeftList1"runat="server"/></asp:Content><asp:Content ID=""ContentPlaceHolderID="Right"runat="server"><asp:Repeater ID="Repeater1"runat="server"><ItemTemplate><div id="c-right"><div class="Page"><h3><a href='<%#Eval("news_id","Next.aspx?id={0}")%>'target="_blank "><%#Eval("Title") %></a></h3><p class="botime"><%#Eval("AddDate") %></p><p class="bod"><%#BindBody(Eval("Body").ToString()) %></p><p class="show">浏览 | 评论</p><br></div></div></ItemTemplate></asp:Repeater>2.5.3留言板设计留言板主要是把访客的留言显示出来,是一个博主与游客谈心交流的地方,在留言板中可以畅所欲言,就感兴趣的话题展开讨论与大家进行交流和沟通。

留言模板页面如图 2.6所示。

图 2.6 留言板主要代码如下:<div id="inner"><div><uc1:liuyan ID="liuyan1"runat="server"/></div><br/><br/><uc2:huifu ID="huifu1"runat="server"/></div>2.6后台页面设计2.6.1后台页面布局设计后台页面使用框架iframe来搭建页面。

iframe元素会创建包含另外一个文档的内联框架。

如下图2.7图2.7 后台页面设计图主要代码如下:<div id="inner"><div><iframe name="top"src="../html/top.htm"scrolling="no"framebord er="0"width="700px"></iframe></div><div><iframe name="out"src="../html/outlookleft.html"scrolling="no" frameborder="0"width="180px"height="530px"></iframe></div><div><iframe name="cen"src="../html/Main.htm"scrolling="no"framebor der="0"width=" 465px"height="479px"></iframe></div></div>后文中用target属性来设置页面<li><a href="../Manage/ManangeNews.aspx"target="cen">文章管理</a></li>2.6.2文章管理设计博主登录后单击导航栏“添加文章”即可进入添加文章页面。

相关文档
最新文档