[毕业论文]基于HTML5 CSS3的相册设计与实现 - 图文(4)

第三章 开发运行环境及配置

第一节 开发工具

一、Microsoft Visual Studio 2010外观和行为

图3.1显示了 Visual Studio 集成开发环境 (IDE)。

图3.1

Visual Studio IDE

① 可视增强功能

IDE 已经过重新设计，提高了可性读。为了减少杂乱，不必要的行和渐变都已删除。

② 支持多个监视器

“代码编辑器”和“设计”视图窗口等文档窗口现在都可以放置在 IDE 窗口的外部。例如，您可以将“代码编辑器”拖出 IDE，以便可以将它与“设计”视图窗口并排查看。

二、帮助您快速浏览代码的工具

① 代码编辑器

新的代码编辑器使代码更容易阅读。您可以通过在按住 Ctrl 的同时滚动鼠标滚轮来进行缩放。此外，当您在 Visual C# 或 Visual Basic 中单击某个符号时，该符号的所有实例都将自动突出显示。

② 键入时即开始搜索

新的“定位到”功能对文件、类型和成员提供“键入时即开始搜索”支持。“定位到”使您能够利用 Camel 大小写格式和下划线来缩写搜索文本。例如，可以使用“AOH”来搜索“AddOrderHeader”。

③ 调用层次结构

- 12 -

在 Visual C# 和 Visual C++ 中，调用层次结构使您能够从一个成员定位到它的调用方成员以及它的被调用方成员。在浏览面向对象的代码时，这十分有用。

三、代码生成和文本模板

在 Visual Studio 的任何版本中都可以创建和使用文本模板，无需任何其

他组件。在引入了预处理文本模板的 Visual Studio 2010 中，从应用程序生成任何类型的文本文件已变得更加容易。还通过与生成系统的更好集成，改进了对代码集成的支持，从而使生成的源代码始终会在对源模型进行任何更改后保持更新。

第二节 运行环境

一、Chrome 浏览器

Chrome浏览器是一款设计简约、蕴含了尖端的技术，可以让用户更快速、轻松且安全地使用网络的浏览器，该浏览器是基于其他开放原始码软件所撰写，包括WebKit和Mozilla，目标是提升稳定性、速度和安全性，并创造出简单且有效的使用界面。软件的名称是来自称作Chrome的网路浏览器图形使用者界面（GUI）。目前市场上的浏览器虽然品牌众多，但是其都是根据几大开源内核来构建的，主要可以分为两大类：IE 系列和非IE 系列。Chrome浏览器属于非IE系列，与IE和Mozilla等浏览器相比，Chrome浏览器在Javascript执行速度上最快，对CSS的渲染也是最快的。Chrome浏览器能够很好地支持HTML5，同时又是功能强大的调试工具。

二、Sql Server 2008 R2

SQL Server 2008 R2提供完整的企业级技术与工具，帮助你以最低的总拥有成本获得最有价值的信息。你可以充分享受高性能，高安全性，高可用性，使用更多的高效管理与开发工具，利用自服务的商业智能实现更为广泛的商业洞察。

- 13 -

SQL Server 2008 R2引进了一系列新功能帮助各种规模的业务从信息中获取更多价值。经过改进的SQL Server 2008 R2增强了开发能力，提高了可管理性，强化了商业智能及数据仓库。数据库运行界面如图3.2

68C41C79F0C5F86B

图3.2 数据库页面图

- 14 -

第四章 开发实例与设计

第一节 幻灯片相册需求分析

一、需求分析

一个网站项目的确立是建立在各种各样的需求上面的，这种需求往往来自于客户的实际需求或者是出于公司自身发展的需要，其中客户的实际需求也就是说这种交易性质的需求占了绝大部分。对用户需求的理解程度，在很大程度上决定了此类网站开发项目的成败，因此如何更好地了解、分析、明确用户需求，并且能够准确、清晰以文档的形式表达给参与项目开发的每个成员，保证开发过程按照满足用户需求为目的的正确项目开发方向进行是很重要的。

二、总体需求

对幻灯片相册的基本要求主要倾向于以下几个方面：

① 相册应具备一般的注册登录，上传下载等功能 ② 要求网页具有良好的互动性

③ 计算浏览次数，数字在网页上面显示

三、功能需求

相册是以B/S架构为基础的用来存放图片的网站。前台使用HTML5 CSS3等相关技术，后台连接数据库。由于相册用于存储和展示图片，存储则是相册的主要功能，此外，为了配合此功能，此网站还应具有上传、删除等相应的功能和一些丰富网站性能的功能，总体如图4.1所示

图4.1 总体功能需求图

- 15 -

1、前台功能需求

前台是使用者最直接接触的东西，包括是否能够让客户很轻松、方便的登

录和注册，请求响应时间、主机连接时间、上传图片、删除图片、HTML综合质量、图片综合质量、首页布局质量、首页信息类型等。

用户注册：相册为用户提供存储、展示图片的一些相关功能，并且能够设定一些私人的属性，因此，要使用这些功能用户必须先注册ID，每个用户都必须有一个独立的帐号，注册时需要提供一些基本信息，便于管理人员进行管理和权限设置，也便于网站以后的发展。因此，此功能是网站最基本的功能之一。

上传图片：要实现图片的存储功能达到在Internet上展示图片的目的，上传的功能是必不可少的。上传不受地域的限制，实现在网页上显示图片的目的。

页面的交互性：各级页面要具有良好的交互性，减少响应时间，节省用户时间。

2、后台功能需求

后台的作用是为前台运行必要的数据支持和供网站管理员对网站进行管理

用户管理：管理员对数据库里面的userInfo这张表进行操作，管理里面存储的用户基本信息。

数据管理：管理员操作存储图片信息，还有目录信息的表，达到管理的目的。

权限设置：对用户进行权限设定，属性为Administrator的用户拥有最高权限，可以对网页上的任何目录和图片进行删除，添加和修改。

3、系统的逻辑设计-数据流程图

如图4.2所示

- 16 -