html5的科技博客网站的设计
1随着人类社会的发展，人类对知识的需求也不断的增长。在这种形式下，网络就渐渐成为人们获取并增长知识的重要途径，博客便是网络中人与人之间的交流场所。博客是一种由个人管理、不定期张贴新的文章、图片或视频的网页或在线日记，用来抒发情感或分享信息。科技博客是其中专注于科技内容的博客，如国外的Engadget，国内的36氪等。如何搭建一个博客网站，本文介绍了在PHP环境下，采用B/S架构开发博客网站，实现用户登录注册功能，发布和管理文章和图片的功能。并且使用了比较热门的HTML5技术和Twitter的Bootstrap框架。
目录
Abstract 1
Key words 1
1. 选题背景 1
2 开发平台及应用技术 2
2.1开发工具 2
2.2 运行环境 2
2.3 相关技术 3
2.3.1 PHP的工作原理及相关技术 3
2.3.2 Javascript语言 3
2.3.3 CSS概述 3
2.3.4 HTML5概述 3
2.3.5 Bootstrap框架 4
2.4 B/S系统结构 4
2.4.1 B/S结构的优点 4
2.4.2 B/S结构的缺点 4
3 需求分析 5
3.1 可行性分析 5
3.1.1 必要性分析 5
3.1.2 可行性分析 5
3.2 系统目标 5
3.3 系统功能结构 5
3.4 系统流程图 6
4数据库设计 7
4.1 数据库分析 7
4.2 数据库ER图设计 7
4.2.1 用户实体 7
4.2.2 图片实体 7
4.2.3 文章实体 7
4.2.4 评论实体 8
4.2.5 科技实体 8
4.3 博客数据表设计 8
4.3.1 用户信息表 9
4.3.2 文章表 9
4.3.3 评论信息表 9
4.3.4 图片信息表 9
*好棒文|www.hbsrm.com +Q: ^351916072*
4.3.5 科技分类表 10
5 系统功能实现 10
5.1首页设计 10
5.2 注册页面设计 11
5.3 文章和评论管理模块 14
5.3.1 模块概述 14
5.3.2 发表文章的实现 14
5.3.3 文章列表的实现 15
5.3.4 RSS订阅 16
5.3.5 查看和分享文章 17
5.3.6 评论文章的实现过程 18
5.3.7 删除文章或者评论的实现 19
5.3.8 搜索文章 19
5.4 图片上传模块设计 20
5.4.1 图片上传模块概述 20
5.4.2 图片上传的实现 21
5.4.3 图片浏览的实现 23
5.4.4 删除图片的实现 24
5.5 用户管理模块 24
6 项目发布 25
7 结论 26
致谢 26
参考文献 27
基于HTML5的科技博客网站的设计
计算机科学与技术专业学生 王天放
指导教师 叶锡君
Technology blog website design based on the HTML 5
Student majoring in computer science and technology WANG tianfang
Tutor YE Xijun
Abstract：With the development of human society, human needs for knowledge is also constantly growing. In this form, the network has gradually become an important way for people to obtain and the growth of knowledge, exchange places blog is a network between people. Blog is a kind of personal management, occasional post new articles, pictures or video pages or online diary, to express feelings or share information. Technology blog is one of the focus on the content of the blog technology, such as foreign Engadget, the countrys 36 krypton. How to build a blog site, this paper describes the environment in PHP, using B / S architecture development blog site user login registration function, publish and manage articles and picture functions. And a preliminary study of a simple security mechanism mainly the verification code technology.
Key words:Blog ; B / S ; PHP ; HTML5 ;Bootstrap
一个典型的博客结合了文字，图片以及与主题相关的其他媒体，可以让读者留下意见。大多数博客是基于文本内容，也有一些博客专注在艺术，摄影，视频，音乐，播客，以及其他主题[1]。
选题背景
1.1本课题的开发背景及意义
方兴东曾说过：“博客的出现，标志着以‘信息共享’为特征的第一代门户之后，追求‘思想共享’为特征的第二代门户正在浮现，互联网开始真正凸现无穷的知识价值。”博客集中体现了互联网的分享精神。思想共享给人们提供更加宽容，更加开放的世界，拓宽了视野，使人们更富于创造性。而HTML5是新一代的HTML版本，拥有许多新的特性，无疑会成为未来10年最热门的互联网技术。本文主要阐述基于HTML5的科技博客网站的建设，使之紧跟互联网发展的潮流。
1.2国内外研究状况
1.2.1 国外研究状况
国外知名的科技博客有TechCrunch、Read Write Web、Silicon Alley Insider等，创办时间较早，开创了科技博客这一新的领域，拥有强大的影响力。
在HTML5上，2010年youtube开始提供HTML5视频播放器[11]。同年乔布斯发表了一篇《对flash的思考》的文章，指出随着HTML5的完善和推广，以后再观看视频等多媒体就不再依赖flash插件了。这引起了人们对HTML5的兴趣。据统计2013年全球将有10亿手机浏览器支持HTML5，同时HTML Web开发者数量将达到200万。毫无疑问，HTML5将成为未来510年内，移动互联网领域的主宰者。
目录
Abstract 1
Key words 1
1. 选题背景 1
2 开发平台及应用技术 2
2.1开发工具 2
2.2 运行环境 2
2.3 相关技术 3
2.3.1 PHP的工作原理及相关技术 3
2.3.2 Javascript语言 3
2.3.3 CSS概述 3
2.3.4 HTML5概述 3
2.3.5 Bootstrap框架 4
2.4 B/S系统结构 4
2.4.1 B/S结构的优点 4
2.4.2 B/S结构的缺点 4
3 需求分析 5
3.1 可行性分析 5
3.1.1 必要性分析 5
3.1.2 可行性分析 5
3.2 系统目标 5
3.3 系统功能结构 5
3.4 系统流程图 6
4数据库设计 7
4.1 数据库分析 7
4.2 数据库ER图设计 7
4.2.1 用户实体 7
4.2.2 图片实体 7
4.2.3 文章实体 7
4.2.4 评论实体 8
4.2.5 科技实体 8
4.3 博客数据表设计 8
4.3.1 用户信息表 9
4.3.2 文章表 9
4.3.3 评论信息表 9
4.3.4 图片信息表 9
*好棒文|www.hbsrm.com +Q: ^351916072*
4.3.5 科技分类表 10
5 系统功能实现 10
5.1首页设计 10
5.2 注册页面设计 11
5.3 文章和评论管理模块 14
5.3.1 模块概述 14
5.3.2 发表文章的实现 14
5.3.3 文章列表的实现 15
5.3.4 RSS订阅 16
5.3.5 查看和分享文章 17
5.3.6 评论文章的实现过程 18
5.3.7 删除文章或者评论的实现 19
5.3.8 搜索文章 19
5.4 图片上传模块设计 20
5.4.1 图片上传模块概述 20
5.4.2 图片上传的实现 21
5.4.3 图片浏览的实现 23
5.4.4 删除图片的实现 24
5.5 用户管理模块 24
6 项目发布 25
7 结论 26
致谢 26
参考文献 27
基于HTML5的科技博客网站的设计
计算机科学与技术专业学生 王天放
指导教师 叶锡君
Technology blog website design based on the HTML 5
Student majoring in computer science and technology WANG tianfang
Tutor YE Xijun
Abstract：With the development of human society, human needs for knowledge is also constantly growing. In this form, the network has gradually become an important way for people to obtain and the growth of knowledge, exchange places blog is a network between people. Blog is a kind of personal management, occasional post new articles, pictures or video pages or online diary, to express feelings or share information. Technology blog is one of the focus on the content of the blog technology, such as foreign Engadget, the countrys 36 krypton. How to build a blog site, this paper describes the environment in PHP, using B / S architecture development blog site user login registration function, publish and manage articles and picture functions. And a preliminary study of a simple security mechanism mainly the verification code technology.
Key words:Blog ; B / S ; PHP ; HTML5 ;Bootstrap
一个典型的博客结合了文字，图片以及与主题相关的其他媒体，可以让读者留下意见。大多数博客是基于文本内容，也有一些博客专注在艺术，摄影，视频，音乐，播客，以及其他主题[1]。
选题背景
1.1本课题的开发背景及意义
方兴东曾说过：“博客的出现，标志着以‘信息共享’为特征的第一代门户之后，追求‘思想共享’为特征的第二代门户正在浮现，互联网开始真正凸现无穷的知识价值。”博客集中体现了互联网的分享精神。思想共享给人们提供更加宽容，更加开放的世界，拓宽了视野，使人们更富于创造性。而HTML5是新一代的HTML版本，拥有许多新的特性，无疑会成为未来10年最热门的互联网技术。本文主要阐述基于HTML5的科技博客网站的建设，使之紧跟互联网发展的潮流。
1.2国内外研究状况
1.2.1 国外研究状况
国外知名的科技博客有TechCrunch、Read Write Web、Silicon Alley Insider等，创办时间较早，开创了科技博客这一新的领域，拥有强大的影响力。
在HTML5上，2010年youtube开始提供HTML5视频播放器[11]。同年乔布斯发表了一篇《对flash的思考》的文章，指出随着HTML5的完善和推广，以后再观看视频等多媒体就不再依赖flash插件了。这引起了人们对HTML5的兴趣。据统计2013年全球将有10亿手机浏览器支持HTML5，同时HTML Web开发者数量将达到200万。毫无疑问，HTML5将成为未来510年内，移动互联网领域的主宰者。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/1942.html
