购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

1.2 系统设计

1.2.1 开发环境

本项目的开发及运行环境如下:

操作系统:推荐Windows 10、Windows 11或更高版本,同时兼容Windows 7(SP1)。

开发工具:WebStorm。

开发框架:Vue.js 3.0。

1.2.2 业务流程

在智汇企业官网首页,网站logo下面设计有网站导航栏,导航栏下面则是活动图片展示区域。单击不同的城市名称,可以展示对应城市的活动信息。显示公司的最新消息时,我们采用滚动效果。在产品推荐界面,用户可以对产品进行检索。最后,页面右侧还设计一个浮动窗口。

本项目的业务流程如图1.1所示。

图1.1 本项目的业务流程图

1.2.3 功能结构

本项目的功能结构已经在章首页中给出。作为企业官网首页的应用,本项目实现的具体功能如下:

浏览活动图片:用户可以通过单击对应的城市名称来浏览该城市的活动图片。

浏览最新消息:最新消息以从下向上滚动的形式进行显示。

展示公司产品:公司产品以图片列表的形式进行展示。

检索产品:用户可以通过输入关键字来检索产品,系统将显示相应的检索结果。

设置浮动窗口:浮动窗口的位置在页面中始终保持不变。 OzxiHO212VCzpk0L24hpZWpSp04YUz9YVIEZrTGD6LLJ+r4culX+dgJj4tIPM64Z

点击中间区域
呼出菜单
上一章
目录
下一章
×