1.3　系统设计

1.3.1　系统目标

根据需求分析的描述以及与用户的沟通，现制定网站实现如下目标：

　系统采用人机对话方式，界面简洁、框架清晰、美观大方。

　灵活快速地填写供求信息，使信息传递更快捷。

　信息查询灵活、方便，数据存储安全可靠。

　实现强大的后台审核功能。

　实现强大的搜索引擎，支持模糊查询、关键字描红功能等。

　对用户输入的数据，系统进行严格的数据检验，尽可能排除人为的错误。

　网站最大限度地实现易维护性和易操作性。

　为充分展现网站的交互性，供求信息网采用动态网页技术实现用户信息在线发布。

　具备完善的后台管理功能，能够及时、准确地对网站进行维护和更新。

1.3.2　系统功能结构

52同城信息网前台功能结构图如图1.2所示。

52同城信息网后台功能结构图如图1.3所示。

1.3.3　系统流程图

52同城信息网的系统流程如图1.4所示。

1.3.4　系统预览

52同城信息网由多个程序页面组成。下面列出几个典型页面，其他页面参见资源包中的源程序。

前台首页如图1.5所示，该页面用于实现各类信息的查询、企业广告信息显示、后台登录入口等功能。搜索引擎页面如图1.6所示，该页面用于实现各类信息的快速检索、查询关键字描红等功能。

发布免费信息页面如图1.7所示，该页面用于实现发布分类的免费信息功能。付费信息管理页面如图1.8所示，该页面用于实现付费信息分类查看、付费信息审核、付费信息删除等功能。

免费信息管理页面如图1.9所示，该页面用于实现免费信息分类查看、免费信息审核、免费信息删除等功能。管理员登录页面如图1.10所示，该页面用于实现对管理员登录的用户名和密码进行验证等功能。

1.3.5　开发环境

在开发52同城信息网时，该项目使用的软件开发环境如下。

1．服务器端

　操作系统：Windows 7/Linux（推荐）。

　服务器：Apache 2.4.18。

　PHP软件：PHP 7.0.12。

　数据库：MySQL 5.5.47。

　MySQL图形化管理软件：phpMyAdmin-3.5.8。

　开发工具：PhpStorm 2016.3。

　浏览器：Google Chrome。

　分辨率：最佳效果为1680×1050像素。

2．客户端

　浏览器：Google Chrome。

　分辨率：最佳效果为1680×1050像素。

1.3.6　文件夹组织结构

在编写代码之前，可以把系统中可能用到的文件夹先创建出来（例如，创建一个名为admin的文件夹，用于保存网站的后台文件），这样不但可以方便以后的开发工作，也可以规范网站的整体架构。笔者在开发52同城信息网时，设计了如图1.11所示的文件夹组织结构图。在开发时，只需要将所创建的文件保存在相应的文件夹中即可。