4跳蚤市场网站详细设计与实现
跳蚤市场网站的详细设计与实现主要是根据前面的跳蚤市场网站的需求分析和跳蚤市场网站的总体设计来设计页面并实现业务逻辑。主要从跳蚤市场网站界面实现、业务逻辑实现这两部分进行介绍。
当进入跳蚤市场网站的时候,首先映入眼帘的是系统的导航栏,下面是轮播图以及系统内容,其主界面展示如下图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物流信息管理界面图
5系统测试
系统开发到了最后一个阶段那就是系统测试,系统测试对软件的开发其实是非常有必要的。因为没什么系统一经开发出来就可能会尽善尽美,再厉害的系统开发工程师也会在系统开发的时候出现纰漏,系统测试能够较好的改正一些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大模块为跳蚤市场网站的后期推广运营提供了强力的技术支撑。
网站建设流程步骤网站建设中中山软件开发衡阳网站seo惠州seo顾问丹阳建站牡丹江网站推广物联网应用系统开发江门网站优化龙口seo北京做网站开发一个网站多少钱随州网站建设公司快速开发小程序网站制作计划山西建站discuz二次开发邵阳网站建设长沙建站做网站东莞泉州seo网页制作用什么软件h5网站建设上海网页设计东莞网站建设哪家好哪个网站建设好制作网站需要多少钱公司建站冷水滩网站建设资阳网站优化程序开发外包