基于HTML5的科技博客网站的设计开题报告

 2022-01-30 16:52:40

1. 研究目的与意义、国内外研究现状(文献综述)

本课题的意义、国内外研究概况、应用前景等(列出主要参考文献)

1.本课题的意义;

36氪是一个科技博客网站。本毕业设计打算用PHP MySQL apache做一个模仿36氪的网站。本系统符合现在博客管理的需要,能对博客发表文章、评论、链接、图片数据进行管理,同时能对博客账号进行管理。

2.国内外研究概况:

动态网页是相对静态网页而言的一种网页编程技术。静态网页的内容和显示效果基本上不会发生变化,可通过修改html代码实现更改。而动态网页则可通过页面代码不变,显示的内容随着时间、环境或数据库操作的结果而发生改变。早期的动态网页主要采用公用网关接口CGI技术实现互动性,但由于编程困难、效率低下、修改复杂,所以有逐渐被新技术取代的趋势。而新技术的诞生,让动态网页的设计与制作变得更加简单与灵活。这些新技术主要有ASP技术、PHP技术、JSP技术等。

HTML5是W3C(万维网联盟)正在制定的一个新标准,提供了众多的网页新元素,已经得到新版主流浏览器(如IE9、Chrome10和Firefox4.0等)的广泛支持。HTML5与HTML4最大的区别主要有两个方面,第一个就是强化了Web页面的表现能力,以往要使用Web页面来播放视频、音频和动画,浏览器需要安装各种各样的浏览器插件,但是HTML5标准中,浏览器原生的对这些多媒体表现进行了支持。第二个就是丰富的API可供调用,包括本地缓存、离线应用、地理信息和通信等等。

PHP(Hypertext Preprocessor)技术:超文本预处理器,运行效率比CGI高,完全免费,在Unix平台、GUN/Linux和微软Windows平台上均可运行。PHP是一种易于学习和使用的服务器端脚本语言,只需要很少的编程知识就能使用PHP建立一个真正交互的Web站点。

3.应用前景:

在网络技术逐渐渗入社会生活各个层面的今天,传统的交流方式也面临着变革,而网络博客则是一个很重要的方向。基于Web技术的网络考试系统可以借助于遍布全球的Internet进行,因此交流既可以是本地进行,也可以是异地进行,大大拓展了沟通与交流的灵活性。博客在现如今这个飞速发展的网络时代已经成为人们不可或缺的一部分,博客,是一种通常由个人管理、不定期张贴新的文章的网站。博客上的文章通常根据张贴时间,以倒序方式由新到旧排列。许多博客专注在特定的课题上提供评论或新闻,其他则被作为比较个人的日记。

[1]洪年松.主流WEB开发技术的探讨[J].浙江工贸职业技术学院学报,2005,3.

[2]郭世民.动态网页制作技术ASP与JSP之比较[J].电脑开发与应用,2005,1.

[3]高雅侠,邹海荣.网页设计与制作教学网站的设计与实现[J].计算机时代,2013,12.

[4]郭亮,高辉.动态网页技术ASP,PHP,JSP的比较[J].信息科学,2012,3.

[5]明日科技.PHP项目开发案例全程实录[M].北京:清华大学出版社,2011年01月

[6]潘凯华.学通PHP的24堂课[M].北京:清华大学出版社,2011年07月.

[7]张纯涛.基于HTML5的SNS教学信息平台的设计与实现[D].中山大学2011

[8]梁国健.基于Ajax技术和HTML5的实验室管理系统的设计与实现[D].中山大学2012

[9]李金生.基于PHP的博客系统[D].吉林大学2009

2. 研究的基本内容和问题

研究的目标、内容和拟解决的关键问题

一、研究目标:

针对36氪网站,模仿它做出一款类似界面,可以发布资讯,有登陆注册,可以评论等功能的类似博客的网站,可以分类浏览,可以搜索内容。

二、研究内容:

1.HTML5设计方法

2.Bootstrap架构设计网站前台

3.PHP MySQL设计网站后台

4.设计与数据库有关类,完成数据库表的查询、插入、更新、删除等操作

5.信息发布部分,包含了所有用户发表的内容、评论、回复等

三、拟解决的关键问题:

1.网站界面的设计,网站的美化等

2.登陆注册功能,包括用户管理模块,用户注册登录,查询个人信息等

3.信息发布功能,包含了所有用户发表的内容、评论、回复等

4.信息的搜索功能

5.用户密码加密,动态验证码等安全措施

3. 研究的方法与方案

研究方法、技术路线、实验方案及可行性分析

一、研究方法:

网站前台采用HTML5技术。网站后台使用PHP技术。数据库采用MySQL数据库。

二、技术路线

三、实验方案

1.功能模块

2.数据表设计

1.tb_user(用户信息)

字段名称

数据类型

字段大小

是否主键

说明

Id

Int

11

主键

自动编号id

Username

Varchar

50

用户账户名

Userpass

Varchar

50

用户密码

Nickname

Varchar

200

昵称

Blogcount

Int

11

博客总数

Collectcount

Int

11

收藏数量

2.tb_content(发表博客表)

字段名称

数据类型

字段大小

是否主键

说明

Id

Int

11

主键

自动编号id

Content

Text

内容

Sendtime

Varchar

50

发表时间

Author

Varchar

200

作者

3.tb_reply(回复表)

字段名称

数据类型

字段大小

是否主键

说明

Rid

Int

11

主键

自动编号id

Replycontent

Text

内容

Replyauthor

Varchar

200

回复作者

Cid

Varchar

11

回复id

Replytime

Varchar

50

回复时间

4.tb_collection(收藏记录表)

字段名称

数据类型

字段大小

是否主键

说明

Id

Int

11

主键

自动编号id

Collection

Varchar

50

收藏博客的昵称

Address

Varchar

200

收博客的地址

四、可行性分析:

1.已配置的开发环境有:

PHP环境Apache:Web服务器MySQL:数据库设计平台

2.设计方法

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师MarkOtto和JacobThornton合作开发,是一个CSS/HTML框架。Bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个漂亮、功能完备的网站。

特色或创新之处

一、Bootstrap简洁、直观、强悍、移动设备优先的前端开发框架,让web开发更迅速、简单。

二、用户可以注册并登陆,可以发表评论,为中文互联网读者提供一个获取信息的科技媒体。

三、适应移动设备大发展的趋势,在移动终端也有很好的体验。

四、本网站大部分技术都来自开源软件,开放成本低廉,易于维护,体现了互联网我为人人,人人为我的精神。

rap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师MarkOtto和JacobThornton合作开发,是一个CSS/HTML框架。Bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个漂亮、功能完备的网站。

4. 研究创新点

特色或创新之处

Bootstrap简洁、直观、强悍、移动设备优先的前端开发框架,让web开发更迅速、简单。用户可以注册并登陆,可以发表评论,为中文互联网读者提供一个获取信息的科技媒体。适应移动设备大发展的趋势,在移动终端也有很好的体验。本网站大部分技术都来自开源软件,开放成本低廉,易于维护,体现了互联网我为人人,人人为我的精神。

5. 研究计划与进展

研究计划及预期进展

2014年3月12日前完成开题报告和ppt。

2014年4月9日前完成网站的基本界面和基本功能。

剩余内容已隐藏,您需要先支付 10元 才能查看该篇文章全部内容!立即支付

课题毕业论文、开题报告、任务书、外文翻译、程序设计、图纸设计等资料可联系客服协助查找。