社区干洗店服务微信小程序的详细设计与实现主要是根据前面的社区干洗店服务微信小程序的需求分析和社区干洗店服务微信小程序的总体设计来设计页面并实现业务逻辑。主要从社区干洗店服务微信小程序界面实现、业务逻辑实现这两部分进行介绍。
当进入社区干洗店服务微信小程序的时候，首先映入眼帘的是系统的导航栏，下面是轮播图以及系统内容，其主界面展示如下图4-1所示。
图4-1 前台首页界面图
社区干洗店服务微信小程序中的前台上注册后的用户是可以通过自己的账户名和密码进行登录的，当用户输入完整的自己的账户名和密码信息并点击“登录”按钮后，将会首先验证输入的有没有空数据，再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致，只有在一致后将会登录成功并自动跳转到社区干洗店服务微信小程序的首页中；否则将会提示相应错误信息，登录界面如下图4-2所示。
图4-2登录界面图
4.1.3注册界面
不是社区干洗店服务微信小程序中正式用户的是可以在线进行注册的，如果你没有本社区干洗店服务微信小程序的账号的话，添加“注册”，当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等后再点击“注册”按钮后将会先验证输入的有没有空数据，再次验证密码和确认密码是否是一样的，最后验证输入的账户名和数据库表中已经注册的账户名是否重复，只有都验证没问题后即可用户注册成功。其用注册界面展示如下图4-3所示。
图4-2注册界面图
4.1.4商品详情界面
当访客点击了任意商品后将会进入该款商品的详情界面，可以了解到该商品的图片信息、商品信息、价钱信息等，同时可以对该商品进行加购+立即购买+收藏+点赞+评论，商品详情展示页面如图4-4所示。
图4-4商品详情界面图
当用户点击“收货地址”右后，就回去显示出目前现有的地址，也可以添加新的地址，界面如下图4-5所示。
图4-5收货地址界面图
4.1.6我的订单界面
当用户点击“我的订单”链接后就进入自己购买的订单的界面展示，界面如下图4-6所示。
图4-6我的订单界面图
4.1.7新闻资讯界面
用户点击“新闻资讯”菜单显示所有的新闻资讯信息，可以按照条件进行新闻资讯的筛选或者输入关键词进行局部搜索，点击可以进入新闻资讯详细展示界面，在此界面用户可以收藏、点赞和评论。界面如图4-7所示。
图4-7新闻资讯界面图
管理员，卖家在登录界面输入账号+密码，点击“登录”按钮，系统在用户数据库表中会对管理员，用户以的账号进行匹配，账号+密码正确的话，就会登录到系统中各个用户的主管理界面，否则提示对应的信息，返回到登录的界面，如果管理人员忘记密码的话，点击“忘记密码”根据提示可以找回密码，然后再进行登录其主界面展示如下图4-8所示。
图4-8登录界面图
4.2.2 公告消息管理界面
管理员点击“公告消息管理”菜单可以查看到系统中的所有公告消息信息，对已经存在的公告消息，管理员可以修改，也可以添加新的公告消息或者删除公告消息。界面如下图4-9所示。
管理员点击“资源管理”菜单能够对其下子菜单新闻资讯和新闻资讯的分类进行增删改查。界面如下图4-10所示。
图4-10资源管理界面图
管理员点击“系统用户”菜单可以对系统中存在的用户进行管理，包含了管理员用户、商家用户和注册用户。界面如下图4-11所示。
图4-11系统用户管理界面图
点击“销售数据”按钮会显示自己添加的销售数据，如果想要添加新的销售数据，点击“添加”按钮根据提示输入销售数据，点击“提交”后在销售数据界面就可以显示了，如果信息有错可以对销售数据进行更新维护，也可以直接删除某一销售数据，界面如下图4-12所示。
图4-12销售数据管理界面图
系统开发到了最后一个阶段那就是系统测试，系统测试对软件的开发其实是非常有必要的。因为没什么系统一经开发出来就可能会尽善尽美，再厉害的系统开发工程师也会在系统开发的时候出现纰漏，系统测试能够较好的改正一些bug，为后期系统的维护性提供很好的支持。通过系统测试，开发人员也可以建立自己对系统的信心，为后期的系统版本的跟新提供支持。
系统测试包括：用户登录功能测试、商品展示功能测试、商品添加、商品搜索、密码修改功能测试，如表5-1、5-2、5-3、5-4、5-5所示：
表5-1 用户登录功能测试表
| 用例名称 | 用户登录系统 |
| 目的 | 测试用户通过正确的用户名和密码可否登录功能 |
| 前提 | 未登录的情况下 |
| 测试流程 | 1) 进入登录页面 2) 输入正确的用户名和密码 |
| 预期结果 | 用户名和密码正确的时候，跳转到登录成功界面，反之则显示错误信息，提示重新输入 |
| 实际结果 | 实际结果与预期结果一致 |
商品查看功能测试：
表5-2 商品查看功能测试表
| 用例名称 | 商品查看 |
| 目的 | 测试商品查看功能 |
| 前提 | 用户登录 |
| 测试流程 | 点击商品列表 |
| 预期结果 | 可以查看到所有商品 |
| 实际结果 | 实际结果与预期结果一致 |
管理员添加商品界面测试：
表5-3 管理员添加商品界面测试表
| 用例名称 | 商品发布测试用例 |
| 目的 | 测试商品发布功能 |
| 前提 | 用户正常登录情况下 |
| 测试流程 | 1）点击商品管理就，然后点击添加后并填写信息。 2）点击进行提交。 |
| 预期结果 | 提交以后，页面首页会显示新的商品 |
| 实际结果 | 实际结果与预期结果一致 |
商品搜索功能测试：
表5-4商品搜索功能测试表
| 用例名称 | 商品搜索测试 |
| 目的 | 测试商品搜索功能 |
| 前提 | 无 |
| 测试流程 | 1）在搜索框填入搜索关键字。 2）点击搜索按钮。 |
| 预期结果 | 页面显示包含有搜索关键字的商品 |
| 实际结果 | 实际结果与预期结果一致 |
密码修改功能测试：
表5-5 密码修改功能测试表
| 用例名称 | 密码修改测试用例 |
| 目的 | 测试管理员密码修改功能 |
| 前提 | 管理员用户正常登录情况下 |
| 测试流程 | 1）管理员密码修改并完成填写。 2）点击进行提交。 |
| 预期结果 | 使用新的密码可以登录 |
| 实际结果 | 实际结果与预期结果一致 |
通过编写社区干洗店服务微信小程序的测试用例，已经检测完毕用户登录模块、商品查看模块、商品添加模块、商品搜索模块、密码修改功能测试，通过这5大模块为社区干洗店服务微信小程序的后期推广运营提供了强力的技术支撑。
">