4 宠物领养网站详细设计与实现
宠物领养网站的详细设计与实现主要是根据前面的宠物领养网站的需求分析和宠物领养网站的总体设计来设计页面并实现业务逻辑。主要从宠物领养网站界面实现、业务逻辑实现这两部分进行介绍。
在宠物领养网站的前台首页界面上采用了上+中+下的方式来布局界面，上面是导航栏，下面是轮播图，下面依次是通知公告和热门宠物推荐，其主界面展示如下图4-1所示。
图4-1 首页界面图
不是宠物领养网站中正式用户的是可以在线进行注册的，当填写上自己的账号+用户姓名+用户手机号+身份证再点击“注册”按钮后将会先验证输入的有没有空数据，再次验证输入的账户名和数据库表中已经注册的账户名是否重复，只有都验证没问题后即可会员注册成功。其用会员注册界面展示如下图4-2所示。
图4-2 用户注册界面图
宠物领养网站中的前台上注册后的用户是可以通过自己的账户名和密码进行登录的，当会员输入完整的自己的账户名和密码信息并点击“登录”按钮后，将会首先验证输入的有没有空数据，再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致，只有在一致后将会登录成功并自动跳转到宠物领养网站的首页中；否则将会提示相应错误信息，用户登录界面如下图4-3所示。
图4-3用户登录界面图
当用户点击宠物领养网站中导航栏上的“宠物信息”后将会进入到该“宠物信息”列表的界面，然后选择想要看的宠物，点击进入到详细界面，在详细界面可以留言+点赞+评论等操作。界面如下图所示。
图4-4宠物信息界面图
当用户在新闻列表任意点击后将会进入详情界面，可以了解到该新闻详细内容等，同时可以对该新闻进行查看详情+评价，界面图如下图所示。
图4-5 网站新闻界面图
用户登录以后点击“个人中心”可以查看到自己的宠物领养信息。界面如下图所示。
图4-6领养信息界面图
宠物领养网站中的管理人员是可以对前台注册的用户和管理员进行管理。用户管理管理界面如下图所示。
宠物领养网站中的管理人员管理宠物信息，包括添加+删除+查询+修改。界面如下图所示。
图4-9宠物信息管理界面图
4.2.3宠物领养管理界面
管理人员可以对前台用户提交的宠物领养申请信息进行审核和维护，办理宠物领养审核单。宠物领养管理审核界面如下图所示。
图4-10宠物领养管理审核界面图
宠物领养网站中的管理人员是可以对宠物类型进行增删改查操作。宠物类型管理界面如下图4-11所示。
图4-11宠物种类管理界面图
宠物领养网站中的管理人员在“轮播图信息”这一菜单下是可以对宠物领养网站内的轮播图进行添加修改的，其管理界面如下图所示。
图4-12轮播图信息界面图
在主页左侧菜单栏中点击“公告信息管理”按钮，点击“新增”按钮，进入到新增公告界面。在此处公告可以添加公告的名称、内容方式。公告信息管理界面如下图所示。
图4-13网站公告管理界面图
5系统测试
系统测试包括：用户登录功能测试、用户注册功能测试、宠物展示功能测试、宠物信息添加功能测试，如表5-1、5-2、5-3、5-4所示：
表5-1 用户登录功能测试表
| 测试名称 | 测试功能 | 操作 | 操作过程 | 预期结果 | 测试结果 |
| 用户登录模块测试 | 正确输入用户信息，用户成功登录 | 输入用户的信息 | 1.在密码框输入用户密码。2.点击登录 | 跳转到首页 | 正确 |
用户注册功能测试：
表5-2 用户注册功能测试表
| 测试名称 | 测试功能 | 操作 | 操作过程 | 预期结果 | 测试结果 |
| 用户注册模块测试 | 正确输入用户星系，完成用户注册 | 输入用户的基本信息 | 在注册页面填写用户相应的信息，然后点击“注册”按钮。 | 提示成功并跳转到登录界面 | 正确 |
| 用户注册模块测试 | 用户注册失败 | 用户两次输入密码不一致 | 用户在注册页面填写信息时不填写用户名然后点击“注册”按钮。 | 注册失败提示用户名不能为空 | 正确 |
宠物信息界面测试：
表5-3 宠物信息界面测试表
| 测试名称 | 测试功能 | 操作 | 操作过程 | 预期结果 | 测试结果 |
| 宠物信息功能模块测试 | 宠物信息正常的显示 | 浏览宠物信息 | 在前台首页选择一个宠物类型进入分类列表，然后选择一个宠物 | 进入该宠物的详细信息界面 | 正确 |
管理员添加宠物功能测试：
表5-4 管理员添加宠物信息功能测试表
| 测试名称 | 测试功能 | 操作 | 操作过程 | 预期结果 | 测试结果 |
| 管理员添加宠物信息功能测试 | 添加宠物信息成功的情况 | 输入新宠物的基本信息 | 后台选择“发布宠物”选项，然后填写新宠物基本信息点击“添加”按钮 | 新宠物添加成功 | 正确 |
| 管理员添加宠物信息功能测试 | 添加宠物信息失败的情况 | 输入宠物基本信息不完全 | 后台选择“发布宠物”选项，然后不完全填写宠物信息，点击“添加”按钮。 | 对应信息框后出现提示请输入XXXX信息 | 正确 |
| 管理员添加宠物信息功能测试 | 添加宠物信息失败的情况 | 管理员在价格框输入非数字字符 | 后台选择“发布宠物”选项然后再价格框输入非数字字符，点击“添加”按钮。 | 添加失败，提示“价格必须时货币格式！” | 正确 |
通过编写宠物领养网站的测试用例，已经检测完毕用户登录模块、用户注册模块、宠物种类展示模块、宠物信息添加模块功能测试，通过这4大模块为宠物领养网站的后期推广运营提供了强力的技术支撑。
万表网官网长春是几线网页制作成品作业项目建设条件评估包括哪些内容网络运营工程师是干什么的国家企业信用信息公示系统官网陕西省开网店系统微信公众号微官网主机托管费用免费云服务器永久公司黄页模板南宁市西乡塘区是否有疫情韩国插画设计网站大全logo设计公司哪家靠谱辽宁鞍山疫情最新消息江苏省建筑工程招投标网站门户网登录微信接口apivi项目清单vi设计列表营销短信武汉服务器托管seo优化公司信华为软件技术有限公司东莞关键字优化网络推广设计培训学校有哪些手机开店软件河南省住建厅网站建设工程信息网湖北企业网上登记注册入口深圳市政府门户网站龙岩优化seo