软件架构设计说明书.docxVIP

软件架构设计说明书PAGE

软件架构设计说明书

PAGE11

14级HTML5方向靓妆小组

PAGE11

软件架构设计说明书

【靓妆网】

2017-5-10

河北师范大学软件学院

小组成员：李博、孙士嘉

王安琪、袁夕霞、王娜

编写：王安琪、李博

目录

TOC\o1-3\h\z\u

一、 简介 4

1. 编写目的 4

2. 文档范围 4

3. 定义 4

二、 架构表示方式 5

三、 架构设计目标与约束 5

1. 关键功能需求 5

2. 关键质量需求 7

3. 开发策略 8

四、 用例视图 8

1. 概述 8

2. 关键用例 9

五、 逻辑视图 11

1. 概述 11

2. 系统层次模型 12

3. 主要的设计包和子系统 12

六、 进程视图 12

1. 概述 12

2. 角色进程视图 13

七、 部署视图 16

1. 概述 16

2. 部署方案视图 16

简介

编写目的

本文档全面与系统地表述了靓妆网的构架，并通过使用多种视图来从不同角度描述本系统的各个主要方面，以满足靓妆网的相关涉众（客户、设计人员等）对本系统的不同关注焦点和需求。本文档记录并表述了系统架构的设计人员对系统构架方面做出的重要决策。

我们小组成员将根据构架定义的构件结构制定项目的开发计划；程序设计员将据此进行各构件的详细设计；测试设计员按照构架设计系统的总体测试框架；另外构架文档还用于指导各构件的实施、集成及测试。

本文档的预期阅读人员为项目经理、程序设计人员、测试人员和其他有关的工作人员。

文档范围

本软件架构说文档适合于靓妆网的总体应用架构。

定义

Bootstrap（web框架）:基于HTML、CSS、JAVASCRIPT的，它简洁灵活，使得Web开发更加快捷，是一个CSS/HTML框架。

Mysql:一个小型关系型数据管理系统，开发者为瑞典MysqlAB公司，属于开源软件。

AnularJS：是一款优秀的前端JS框架，AngularJS有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入。

Javascript:为客户提供更流畅的浏览效果。

NavicatforMySQL:是一套管理和开发MySQL或MariaDB的理想解决方案，支持单一程序，可同时连接到MySQL和MariaDB。

Myeclipse:开发工具。

架构表示方式

本软件架构设计文档以一系列的网页来表示系统的软件构架，主要包括首页、产品介绍、视频教学、美妆点评、种草五大板块，每个板块拥有一个或多个列表页和内容页。并围绕相关版块内容来描述系统的基本结构、组成机制与工作原理等。本软件架构设计文档还将系统的构架机制描述也放在了逻辑视图之下。

架构设计目标与约束

描述构架设计最主要目标就是满足关键系统功能需求和质量约束，这些功能需求和质量要求对软件构架有重大的影响，并决定了构架的设计。本节同时还列明影响构架的其他相关因素，如网站的复用策略、使用商业构件、设计与实施的策略等。

关键功能需求

按照需求分析文档的规格要求，本靓妆网的设计分成了以无登录或登陆后无会员一般功能、登录后加入会员功能模块为主的三大模块进行开发，而在此三大模块的的基础上，又细分成了首页、产品介绍、视频教学、美妆点评、种草、个人管理六大模块。其功能模块示意图如下所示：

首页模块

首页汇集了网站各版块内容的一个总的网站，首页、产品介绍、视频教学、美妆点评、种草五大板块在首页都有推送，并在旁边会有“更多”，点击便可进入其所对应的网页。

产品介绍模块

产品介绍列表页首先会有个根据美妆产品分类的列表，用户可以根据自己的需求进行筛选，同样我们也根据产品的品牌进行了分类，用户也可以凭自己想了解的产品的品牌进行选择，我们也会根据一些产品的热度把近期比较hot的产品放到产品列表的轮播图里进行一个推送。

产品内容页为产品的参数，包括产品品牌、功效、适用人群、产品规格、保质期、产品色号、原产地、特别说明、产品详情和产品图等进行多方面的介绍，使用户能够更加全面的了解产品性能。

视频教学模块

视频教学是我们网站的一个特色，其主要为各种妆容的教学和一些基本的化妆知识的普及，做到有适合新手学化妆的视频、有时候对妆容更高要求想更加美丽的人的视频，更有专门老师一对一教学视频。视频分为普通、付费和会员，普通是所有用户都可以观看的，会员为在注册我网站用户的前提下，加入会员后可以观看的。

美妆点评模块

美妆点评是为各位美妆达人、美妆爱好者提供的一个发表自己想法的地方，这里会有专业美妆师为大家解析