小程序云开发项目概要设计V2.0.doc （在线聊天室项目概念设计文档）-资料库

62ca1c83-18a7-4511-97db-2d50b5f347cc.doc.pdf-第1页.png

第1页 / 共18页

62ca1c83-18a7-4511-97db-2d50b5f347cc.doc.pdf-第2页.png

第2页 / 共18页

62ca1c83-18a7-4511-97db-2d50b5f347cc.doc.pdf-第3页.png

第3页 / 共18页

62ca1c83-18a7-4511-97db-2d50b5f347cc.doc.pdf-第4页.png

第4页 / 共18页

62ca1c83-18a7-4511-97db-2d50b5f347cc.doc.pdf-第5页.png

第5页 / 共18页

62ca1c83-18a7-4511-97db-2d50b5f347cc.doc.pdf-第6页.png

第6页 / 共18页

62ca1c83-18a7-4511-97db-2d50b5f347cc.doc.pdf-第7页.png

第7页 / 共18页

62ca1c83-18a7-4511-97db-2d50b5f347cc.doc.pdf-第8页.png

第8页 / 共18页

“告别寂寞小程”序概要设计组员：潘瑞和（组长）、傅文、潘萧萧指导老师：胡秦斌南宁师范大学计算机与信息工程院计 17 专升本 3 班编写日期 2020/4/6 版本 V1.0 目录

1. 引言........................................................................................................ 4 1.1 目的................................................................................................4 1.2 范围...............................................................................................4 1.3 版本更改信息...............................................................................4 2. 项目设计原则简介................................................................................4 3. 体系结构设计........................................................................................6 3.1 MVC 设计模式................................................................................6 （1）视图层截图...........................................................................7 （2）控制器层截图.......................................................................8 （3）模型层截图...........................................................................8 3.2 体系结构：视图层——逻辑层.................................................. 8 微信小程序视图层和逻辑层的结构示意图。.................................. 9 4. 功能模块设计......................................................................................10 项目主模块分析图.............................................................................10 客户端子系统模块分析图.................................................................11 4.1 客户端子系统..............................................................................11 登录系统功能分析图.........................................................................12 4.1.2 聊天模块.................................................................................12 聊天系统功能分析图.........................................................................13 辅助系统功能分析图.........................................................................13 4.2 后台子系统.................................................................................13 5. 数据库设计..........................................................................................14

5.1 数据库种类及特点.....................................................................14 5.2 数据库逻辑结构.........................................................................15 5.3 物理结构设计.............................................................................16 5.3.1 User 表..............................................................................16 5.3.2 administrator 表............................................................16 5.3.3 visitors 表......................................................................17 5.3.4 friends 表........................................................................17 5.3.5 square 表..........................................................................17 6. 页面设计..............................................................................................18

1. 引言 1.1 目的该文档根据 SPM 课程网站的功能和性能，阐述了 SPM 课程网站的概要设计，包括框架设计，功能模块设计，数据库设计，界面设计等部分。本文档的预期读者包括：  设计开发人员  项目管理人员  测试人员  用户 1.2 范围该文档的目的是解决整个项目系统的“怎么做”的问题。在这里，主要是根据用户提出的项目需求进行的全面设计。 1.3 版本更改信息修改编号修改日期版本号修改位置修改内容概述 01 02 2020.4.6 2020.4.12 V1.0 V2.0 全部新增 2、3、5 新增、修改 2. 项目设计原则简介 “告别寂寞”项目是针对广大寂寞人群（潜在用户）的社交平台，项目设计中心是设计一个既具神秘感又具社交安全

性网络社交平台。在整个系统设计的过程中遵循以下的设计原则： 1）创意性：创意是我们社交平台的第一大亮点，我们社交平台的是按照算法匹配最合适的陌生人进行聊天的。在不确定深入了解之前，彼此就像带着面具在跳舞，而我们平台就是那个舞会提供了舞池，这是一种新形式的社交。 2）实用性：我们这个平台的第二大亮点是实用性，本平台解决了那些想交友又害怕人的问题，我采取的“面具舞会” 社交的交友形式能为人快速舒适的自然的拉近好友的距离。并且，我们的算法匹配能精确的匹配到合适的好友，避免交友泛滥浪费时间等问题。 3）安全性：安全性是本平台的第三亮点，我们采用实名制验证的方法进行效验用户的真实性，以及一证一人的原则（一张身份证只能注册一个用户），保证用户社交的安全性。以及提供了身份验证找回密码的功能，保证了用户的账号安全性等。 4）使用便捷：我们的前端用户界面是微信小程序，不需要下载安装如何插件，只需要微信端进入小程序即可。因为是小程序因此稳定性和兼容性也得到了保证。 5）项目易于修改维护：项目采用面向对象的思想进行组件化开发，后期需要维护只需要对某个组件或者功能进行修改即可，大大降低了维护成本。

3. 体系结构设计告别寂寞小程序云开发项目采用是不是单纯的 B/S 或 C/S 而是两者的结合，一共可以看作四层：小程序界面层（B） -->微信 APP（C）-->小程序后端（S）-->微信后端（S）。而在这个项目的开发过程中我们主要开发的小程序界面层，在程序结构设计上，我们采用类 MVC 的设计模式：Model 模型层、View 视图层、Controller 控制层；在体系结构上我们按照腾讯提供的官方架构进行开发，既视图层——逻辑层。下面我们先举例说明本项目在 MVC 上的使用。 3.1 MVC 设计模式当用户初次加载页面时，也就是页面初次渲染 data 中的数据，当用选择页面的时候视图层会向控制层发送请求，控制接收到视图层后通过 wx.request 方法向后端发起请求，再通过 setData 将后端返回的数据 set 更新 Data 中相应的数据。此时模型层通知 wxml 改变状态。这就是一个完整的 MVC 模式，下图是对其相应的描述。

如上图所示，在项目中模型（M）相当于 js 文件中的 Data 数据结构，视图（V）相当于与 WXML 文件，而控制器（C）就相当于 js 中的相应的函数，例如 setData. （1）视图层截图

（2）控制器层截图（3）模型层截图 3.2 体系结构：视图层——逻辑层小程序的主要模块可分为 view 模块和 service 模块，这两个模块是独立运行的。 View 模块负责前端界面显示，它由 wxml 和 wxss 转换后代码以及微信提供相关辅助模块组成。一个 view 模块对应一个页面, 小程序支持同时多个 view 存在。 Service 模块负责后台逻辑，它由 js 代码以及微信提供

资料库

小程序云开发项目概要设计V2.0.doc （在线聊天室项目概念设计文档）

相关推荐

行业

热门标签

最新资料