论文总字数：54035字

摘 要

交互式响应式网站在当前被广泛的使用，前端框架与云计算等技术的综合运用为开发交互式响应式的网站提供了诸多便利。

本文主要研究个人开发者的网站开发流程。主要采用了理论与实践结合的方式进行研究。在对网站前端开发的研究中，本次研究结合前端开发中的几种基本技术，如HTML、CSS等。同时，为实现网站的响应式布局而采用了前端框架Bootstrap，以实践操作的形式进行了研究。在这一部分中，我首先从设计网站最初的创意和规划部分说起，这是所有网站在开发时的第一步。而后，进入到前端开发中核心技术HTML和CSS的研究，在理论上对这两项技术进行了研究。随后，开始研究为了实现网站的响应式布局而采用的Bootstrap前端框架。在结束理论部分的研究后，就以本次研究所制作的网站为例子，进一步理论结合实践的研究。在前端开发的最后，本次研究也涉及到网站易用性方面的探索。在后端开发的研究中，本次研究主要从比较基础的JavaScript脚本语言入手，因为它是后端开发中开发者必备的技能，脚本语言是实现网站交互性的基础。随后结合实际开发中的情况，对OAuth授权进行了研究，并在文中进行了展示。最后重点探究了亚马逊云计算服务（AWS），通过“先理论，后实践”的方式，将本次研究中在开发网站时大量的例子引入，清晰客观地将这一部分呈现出来。

本次研究，在网站开发的理论研究基础上，进一步地进行了网站开发的实践。通过本次研究，我深刻的感受到在移动互联网时代，响应式网站设计的重要性。同时对于个人开发者而言，灵活运用互联网现有的开发资源如云计算，能够在很大程度上降低开发成本提高开发效率。

关键词：前端框架；脚本语言；OAuth授权；云计算；

The Design and Implementation of A Interactive and Responsive Tourist Website

Abstract

Interactive and responsive websites are widely used in the current. The integrated use of front-end frameworks and cloud computing technology provides a lot of convenience for the development of interactive and responsive websites.

This article focuses on the research of personal developer’s web development. This study mainly uses the way of a combination of theory and practice. In the study of the front-end development, this research firstly focuses on several basic technologies, such as HTML, CSS. Secondly, in order to achieve the responsiveness of the site layout, the research uses a front-end framework—Bootstrap. In this section, I started with collecting ideas and site planning, which is the first step in the development of all sites. Then, went into the core technology of the front-end development, which is the research of HTML and CSS. Next, I began to study responsive layout by using Bootstrap front-end framework. After the research of theoretical part, I took the site produced for this article as an example, and further combined theory with the practice. In the end of front-end development section, this study also explores the accessibility of a website. In the back-end development section, the basic JavaScript scripting language was talked as a start, because it is a necessary skill for a developer in the back-end development, scripting language is to achieve the functions of interactive sites. Then, combined with the actual development, the open authorization was involved. Finally, this study focuses on the Amazon cloud computing service (AWS) by using a large number of examples of the website made simultaneously, clearly and objectively expounding this section.

This study, began with theoretical researches on web development, and further carried out the practice of web development. Through this study, I deeply felt the importance of responsive web design in the era of mobile Internet. At the same time for individual developers, the flexibility to use the existing Internet development resources such as cloud computing, to a large extent, reducing the cost of development and improving development efficiency.

Keywords: Front-end framework; Scripting language; OAuth; Cloud computing

目 录

摘 要 I

Abstract II

第一章 绪 论 1

1.1 研究背景 1

1.2 研究内容及方法 1

1.3 论文框架 1

第二章 相关文献综述 2

第三章 前端设计 4

3.1 网站主题与内容 4

3.2 网站框架与设计 4

3.3 主要技术 4

3.3.1 HTML与CSS 4

3.3.2 Bootstrap 5

3.4 基于Bootstrap的一般页代码解析 6

3.4.1 一般页面框架 6

3.4.2 导航条 7

3.4.3 底栏 9

3.5 易用性 11

第四章 后端开发 13

4.1 脚本语言 13

4.1.1 什么是脚本语言 13

4.1.2 脚本语言在网站后端开发中的作用 13

4.1.3 客户端语言与服务器端语言对比 13

4.2 JavaScript 14

4.2.1 JavaScript的特点 15

4.2.2 文档对象模型（DOM） 15

4.2 Facebook OAuth登录授权 16

4.2.1 成为开发者 17

4.2.2 嵌入文档 19

4.3 亚马逊云服务：AWS 22

4.3.1 IAM身份与访问管理 23

4.3.2 DynamoDB 29

4.3.3 S3存储 38

4.3.4 EC2 45

第五章 结 论 46

致 谢 47

参考文献（References） 48

第一章 绪 论

研究背景

交互式及响应式网站的开发已经在近年成为网站开发的热点。其具有美观、适应性强、功能性强、用户体验优秀等特点。。随着国内经济水平的不断提高，移动上网不断普及，手机已经成为当下主流的互联网入口。因此交互式、响应式的网站尤其适合当下移动互联网时代的多屏联动的体验需求。

顺应时代的发展，越来越多人加入到网站开发的行列中来，个人开发者如雨后春般涌现出来。对于个人开发者而言，在有限的精力和金钱条件下，如何更高效的利用现有资源进行交互式响应式网站的开发也成为一个值得研究的课题。

1.2 研究内容及方法

本次研究采用理论与实践结合的方法，在理论学习的基础上，通过实际的网站搭建，来讲理论用于实践。在理论学习方面，主要学习的理论知识有前端开发中的HTML、CSS这两个网页设计中的基础知识，然后在此之上，研究Bootstrap前端框架的理论知识。在后端开发中，主要研究的理论知识有JavaScript脚本语言、OAuth授权、以及云计算。在实践环节，通过搭建一个旅游分享类网站，综合地运用上述理论知识。

1.3 论文框架

本文主要分为四章，它们分别是绪论、相关文献综述、前段设计、后端开发。其中前段设计先从网站的主题、设计开始入手，随后对HTML、CSS这两个主要技术展开研究。之后，进阶地研究前端框架Bootstrap。至此有关前端开发的理论部分结束，开始综合所开发的网站的一般页面进行实践运用中的研究，最后对网站易用性进行探索。在后端开发部分，先是对主要技术展开研究，随后研究了用户授权解决方案“OAuth”，最后研究到云计算。整个后端开发部分都是理论结合实际开发来进行的。

第二章 相关文献综述

随着 Web技术的不断发展，HTML5、CSS3也相继出现在前端开发的广泛应用中。为了满足广大用户的需求，响应式设计技术应运而生，并且在CSS3的基础上备受人们的关注。这些技术可以相互结合应用，为开发人员在网站的前端开发的过程中带来了许多便利，并为用户带来更好的观看体验，更佳的视觉美感。一源多屏、自适应性、动态调整是响应式设计技术的主要特征。 　　

剩余内容已隐藏，请支付后下载全文，论文总字数：54035字