第二章 系统设计
2.1 系统设计方法三原则
人类在复杂的工程技术系统如能源、交通等建设方面,积累了丰富的经验,为研究复杂系统如管理系统提供了科学的指导性方法论,其主要原则如下:
(1)整体性原则。系统是相互联系,相互作用的诸要素组成的综合体。我们必须从整体和各组成部分的相互关系来考察事物,从整体目标和功能出发,正确处理系统各组成部分之间的相互关系和相互作用。
(2)分解—协调原则。就是把复杂问题化成若干相对简单的子问题以方便求解。若子系统的问题比较复杂,还可以再分。但在处理各类子问题时,必须根据系统的整体功能和目标,协调各子系统的行为、功能与目标,以保证整体功能目标的实现。
(3)目标优化原则。所谓目标优化原则对简单的系统来说,是求最优解,对复杂系统来说,求的是满意解。一定要注意,目标优化原则并不简单是求最优解的问题。
这里最需要指出的是:以上三原则是系统方法中处理复杂系统问题的三个主要原则,并非是全部原则。在处理实际问题时,还需要在这些原则的指导下,根据问题的特点,确定求解的具体方法和策略。
2.2 系统的功能模块
改变了人们的生活方式和消费习惯,外卖让人们可以在家中或办公室里就能享受到各种美食,不用再花时间去餐厅或超市购买食物,大大提高了生活效率。外卖平台上提供了各种各样的美食选择,包括中餐、西餐、快餐、甜点等,满足了人们的不同口味需求。
系统的功能模块分成两大部分,第一部分是管理员管理部分,第二部分是用户界面部分。管理员页面包含用户管理,商品管理,订单管理。其中商品管理又包括查询所有商品,添加商品分类,添加商品,删除商品。如图2-1所示。
图2-1 管理员管理功能模块图
用户界面的功能模块分为五个大的部分,浏览商品信息,查询商品信息,商品分类信息,加入订单,结算订单,改变订单状态。浏览商品信息是点击分类或点击主页部分商品;查询商品是通过商品名进行查询;加入订单是用户浏览到自己需要的商品并登录加入到订单中,商品分类是用户在主页看到的分类,结算订单是对用户加入到订单的商品进行结算,改变订单的状态是外卖到达目的地确认接受。系统的功能模块图如图2-2所示。
2.3 前台页面的设计
前台页面采用Bootstrap[6]前端框架来进行对页面的设计。采用bootstrap的栅格系统进行布局,Bootstrap包含了一个响应式的、移动设备优先的、不固定的栅格系统,可以随着设备或视口大小的增加而适当地扩展到12列。它包含了用于简单的布局选项的预定义类,也包含了用于生成更多语义布局的功能强大的混合类。Bootstrap内置了一套响应式、移动设备优先的流式栅格系统,随着屏幕设备或视口(viewport)尺寸的增加,系统会自动分为最多12列。
我在这里是把Bootstrap中的栅格系统叫做布局。它就是通过一系列的行(row)与列(column)的组合创建页面布局,然后你的内容就可以放入到你创建好的布局当中。
栅格系统的实现原理非常简单,仅仅是通过定义容器大小,平分12份(也有平分成24份或32份,但12份是最常见的),再调整内外边距,最后结合媒体查询,就制作出了强大的响应式栅格系统。Bootstrap框架中的栅格系统就是将容器平分成12份。