MVVM 是指 MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。将其分为三个核心部分，这三个部分分别有不同的功能。
图4-1系统架构图
视图层视图是指被用户所看到的并且能够与之进行交互的界面。视图可以向用户展示相关的数据，并接收用户输入的数据，但对用户数据不进行任何实际业务操作处理。
模型层通过控制层来处理视图层传递的数据，同一个模型可以给不同的视图提供数据，也可以被不同的视图重复使用。由于 Model 的主要内容是数据、方法和行为，其也是 MVVM 中逻辑最为复杂，代码量最多的部分，其中包含了许多应用中需要用到的业务逻辑，因此模型层的开发也变得尤为重要，后期一般不会对模型层进行大规模改动，也是 MVVM中最稳定的部分。
控制层主要负责视图层和模型层之间的数据传输和处理请求操作。当用户通过视图发送数据和请求时，控制层可以接收请求和数据并决定调用哪些模型、通过模型的哪些操作来处理数据和请求，处理完成后，控制层再将数据返回给相应的视图。
根据对系统的功能进行分析可以总结广西壮族文化宣传网站的具体功能模块包括下面的几个主要的功能模块：该系统主要从两大模块进行设计的，首先就是用户参与操作需要的模块，此外还需要有管理员用到的模块，两者之间不是互相独立的，他们之间有着密切的联系，同数据库表中的数据连接起来进行操作。每个模块访问相同的数据库，但访问的表不同。系统的各个功能模块是根据所收集的资料研究得到的。在以上分析功能的基础上，系统模块分为多个模块。用户含有的功能有注册，登录文化资讯搜索，视频推荐、壮族特色推荐等，退出登录等功能，管理员含有的功能有修改密码，用户管理、文化资讯管理、视频中西管理、特色分类、壮族特色管理等功能。
系统的功能结构图如下图所示。
图4-2系统功能结构图
用户模块主要实现用户的注册、登录、景点信息浏览、个人订单、旅游攻略搜索、旅游攻略查询和个人资料修改、登录密码修改、订单查询等功能。
用户注册：用户通过账号注册得到用户名和密码。
用户登录：用户在被管理员添加成功后，通过管理员提供的用户名、密码和输入验证码进行登录，操作非常简单。
个人资料管理：用户根据用户ID修改当前ID的一些属性的值。
修改个人登录密码：用户登录响应式旅游旅游攻略网站后可以自己修改自己的密码。
视频推荐：用户根据自己的需求选中某个推荐的文化介绍进行浏览操作。
壮族特色推荐：用户可以查看壮族特色文化的信息。
管理员模块是本系统重要开发部分，它的使用对象是系统管理员，在进入管理员模块前，需要输入正确的用户姓名、密码和验证码，才能进入管理员模块。界面右上方有退出系统按钮，点击可退出管理员模块界面。
系统用户管理：管理员添加、管理、查询管理员信息并有修改他们密码的权限。
注册用户管理：管理员管理已注册的用户，审核刚注册的用户，修改用户的基本信息。
资讯信息管理：管理员录入资讯信息，跳转至添资讯页面，填写资讯信息，提交后，资讯信息存储数据库的资讯信息表中，包括资讯编号、资讯名称、资讯类别、票价、简介、图片等信息。
视频中心管理：视频中心管理包括视频中心录入、视频中心修改、视频中心删除，在数据库中设计并建立视频中心表，管理员添加视频中心，即往数据表中插入一条数据，删除视频中心，则在数据库删除一条数据，修改视频中心，则修改数据库的数据。
壮族特色信息管理：管理员管理壮族特色信息信息，包括壮族特色信息信息增加，壮族特色信息信息删除，壮族特色信息信息更新，对应数据库的壮族特色信息信息表，增加壮族特色信息信息，要对标题、类别、图片、内容等属性进行录入。
E-R图一般是由实体、实体的属性与联系三个要素组成的。在规划系统中所使用的数据库实体对象及实体E-R图，则需要通过对系统的需求分析、业务流程设计和系统功能结构来确定的。
总体ER图如下图所示。
图4-3总体ER图
将实体属性模型转换为关系数据库应该遵循以下几个原则：
1.一个实体转换后要对应一个关系。
2.所有的主键必须要定义为非空（not null）。
3.针对二元联系也应该按照一对多、弱对实、一对一和多对多等联系来定义外键。
得到数据库的关系后，设计如下表结构。
user_registration表：
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| user_registration_id | int | 11 | 是 | 是 | 用户注册ID |
| gender | varchar | 64 | 否 | 否 | 性别 |
| full_name | varchar | 64 | 否 | 否 | 姓名 |
| date_of_birth | varchar | 64 | 否 | 否 | 出生日期 |
| examine_state | varchar | 16 | 是 | 否 | 审核状态 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| user_id | int | 11 | 是 | 否 | 用户ID |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
video_center表:
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| video_center_id | int | 11 | 是 | 是 | 视频中心ID |
| title | varchar | 64 | 否 | 否 | 标题 |
| video | varchar | 255 | 否 | 否 | 视频 |
| cover | varchar | 255 | 否 | 否 | 封面 |
| video_introduction | text | 0 | 否 | 否 | 视频简介 |
| hits | int | 11 | 是 | 否 | 点击数 |
| examine_state | varchar | 16 | 是 | 否 | 审核状态 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| video_center_id | int | 11 | 是 | 是 | 视频中心ID |
type表:
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| type_id | smallint | 5 | 是 | 是 | 分类ID |
| name | varchar | 16 | 是 | 否 | 分类名称 |
| description | varchar | 255 | 否 | 否 | 描述 |
| url | varchar | 255 | 否 | 否 | 外链地址 |
| father_id | smallint | 5 | 是 | 否 | 上级分类ID |
| icon | varchar | 255 | 否 | 否 | 分类图标： |
| create_time | timestamp | 0 | 是 | 否 | 创建时间： |
| update_time | timestamp | 0 | 是 | 否 | 更新时间： |
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| type_id | smallint | 5 | 是 | 是 | 分类ID |
zhuang_characteristics表:
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| zhuang_characteristics_id | int | 11 | 是 | 是 | 壮族特色ID |
| name | varchar | 64 | 否 | 否 | 名称 |
| classification | varchar | 64 | 否 | 否 | 分类 |
| cultural_introduction | longtext | 0 | 否 | 否 | 文化介绍 |
| picture | varchar | 255 | 否 | 否 | 图片 |
| hits | int | 11 | 是 | 否 | 点击数 |
| examine_state | varchar | 16 | 是 | 否 | 审核状态 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| zhuang_characteristics_id | int | 11 | 是 | 是 | 壮族特色ID |
| name | varchar | 64 | 否 | 否 | 名称 |
| classification | varchar | 64 | 否 | 否 | 分类 |
| cultural_introduction | longtext | 0 | 否 | 否 | 文化介绍 |
| picture | varchar | 255 | 否 | 否 | 图片 |
characteristic_classification表:
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| characteristic_classification_id | int | 11 | 是 | 是 | 特色分类ID |
| classification_name | varchar | 64 | 否 | 否 | 分类名称 |
| classification_introduction | varchar | 64 | 否 | 否 | 分类简介 |
| classification_number | varchar | 64 | 否 | 否 | 分类编号 |
| examine_state | varchar | 16 | 是 | 否 | 审核状态 |
| recommend | int | 11 | 是 | 否 | 智能推荐 |
| create_time | datetime | 0 | 是 | 否 | 创建时间 |
| update_time | timestamp | 0 | 是 | 否 | 更新时间 |
| 名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
| characteristic_classification_id | int | 11 | 是 | 是 | 特色分类ID |
| classification_name | varchar | 64 | 否 | 否 | 分类名称 |
| classification_introduction | varchar | 64 | 否 | 否 | 分类简介 |
| classification_number | varchar | 64 | 否 | 否 | 分类编号 |
| examine_state | varchar | 16 | 是 | 否 | 审核状态 |