饭店点餐平台导航
【餐厅点餐平台｜一】项目描述+需求剖析
【餐厅点餐平台｜二】总体设计
【餐厅点餐平台｜三】模块设计
【餐厅点餐平台｜四】UI设计+疗效展示
【源码下载】
文章目录
五：UI设计
UI设计分为三个模块，分别是登陆/注册界面；店家功能界面和管理员功能界面。
5.1登陆/注册界面：流程概览
登陆
界面设计：界面中帐号和密码输入框为类型；
用户类型选择为，设置其为互斥框，用户只能选一个；
登陆/注册按键为，点击按键进行相应功能实现。
运行程序，弹出登陆/注册界面，用户选择功能；
用户输入帐号（手机号）和密码，选择用户类型后登陆。若未选择用户类型，弹出“类型未选择”窗口。按下登陆按键将获取到的帐号，密码传给前端，前端执行登陆函数，并接收来自前端返回的执行结果。假如弹出open窗口，表示未联接到数据库；弹出框，表示数据库联接成功。假如帐号密码输入错误，弹出“账号密码不匹配，请重新输入”提示；帐号密码输入正确，则步入相应用户页面；
注册
界面设计：界面使用了、、、和。
其中，获取用户输入的信息；用作性别选择；获取用户类型；获取用户相应恳求；用作显示不同的页面。
不仅所有类型用户都须要输入的信息外，管理员额外须要输入组织名称、组织地址、组织卡号信息。使用实现如下：在中添加一个控件，在控件中添加两个页面，页面0：内容为空，界面1：显示管理员须要输入的其他信息。
初始打开注册界面时，显示界面0。对类型选择的设置状态改变槽函数，当选择管理员时，弹出界面1；选择店家时，弹出界面0。
执行逻辑：用户选择类型并填入相应信息，点击确定注册按键，将数据传给前端，执行注册函数，接收前端返回的执行结果。假如返回结果是True，弹出“注册成功”窗口；假如是False，弹出“注册失败，信息输入不合法”窗口。假如注册成功，将返回登录界面进行登陆。
5.2店家功能界面：流程概览
界面设计：界面上方是中包含三个，显示固定文本“商家管理系统”；在店家管理界面打开时，显示店家名子；在店家打开窗口时，显示窗口名称。包含5个，分别是五个功能实现按键。
界面总体使用实现六个页面的切换：
页面0是空白界面，在店家未选择功能时，显示此界面；界面1是打开窗口界面，界面2是添加食材页面；界面3是窗口申请页面；界面4是加盟申请页面；界面5是添加折扣页面。
打开窗口
打开窗口
用户点击打开窗口按键，显示右图所示并向前端发出恳求获取当前可开启窗口信息。由一个和一个组成。显示从前端传来的当前可以开启的窗口的信息。
用户点击须要打开窗口的勾选框，并点击确定按键，即可获取到店家所选择窗口的信息，向前端恳求获取此窗口的食材信息，并将其显示在页面1上。
菜肴有三种类型：1.单品；2.套餐；3.不可选（比如：蕃茄酱），为单品时，右方选择框显示“添加”按钮；为套餐时，右方选择框显示“选套餐”按钮；为不可选时，右方选择框显示“自能看，不能选”文本。
界面1如右图所示：
点餐
界面设计：点餐界面显示两个框，左方的框中内容为本窗口可点的菜肴，在第六列中插入，并在插入时对每位进行添加槽函数;，使其可以才能实时获取店家点击了那个按键并在左侧对订单信息进行显示。添加套餐时首先对套餐的内容进行选择，选择完成后将订单信息显示在左侧框中。
店家打开窗口后，即可按照中学生的需求进行点餐：
\1.选择单品添加时，右方订单信息显示框会实时显示已点的食材。
\2.选择套餐时，首先弹出“点套餐，显示下一个窗口”提示，点击确定，跳转到选择套餐详尽信息窗口。
选择套餐内容窗口
界面设计：套餐界面总体上显示一个和一个。
List：List中显示不同类型的菜单的食材，list的每一行都是一个，每一个菜单由一个table显示。
table：table内容设计为三行若干列，第一行展示食材图片，第二行显示菜肴名称，第三行放置添加菜肴；第一列显示该菜单的描述信息，从第二列开始动态添加各个菜肴的选择信息，可添加若干个。
添加：添加槽函数：功能1：每点击选择一个菜肴，第一列的食材份数显示减1，若为0则表示不可选择点击；功能2：对进行了重新封装，降低了的位置信息，点击触发槽函数可以辨识按键“身份”，如“0行0列”，因而对用户点击的按键对应菜单进行匹配。
递交订单：添加槽函数：将上述按键的添加结果添加到订单中，并关掉套餐界面，返回点餐界面。
递交订单
界面设计：界面包含两个、一个label和一个；
拿来显示订单详尽信息；有两列高校点餐，第一列动态显示当前可选择的折扣，第二列是折扣勾选框。添加槽函数：当打钩选框状态发生变化时，动态获取当前选择的折扣信息，并将当前的折扣信息发送给前端，并发送重新估算价钱的信息，将前端返回的价钱动态显示在label上。
label：label内容格式为：“订单价钱为：xx”，拿来显示当前订单总价钱。
：对按下添加槽函数，按下槽函数将当前订单西餐品信息、餐品份数及单价发送给前端，恳请前端结算，接收前端发送的订单是否结算成功的结果，弹出相应的提示框。
添加食材
添加单品
点击添加食材按键，显示界面2。
界面设计：界面包含四个、一个label，一个，两个按键。
：获取菜肴的名称、单位、总价、描述信息。
：显示菜肴类型的三个选项，分别是“称重，总价，组合”。添加槽函数：当选择“组合”时，弹出添加套餐界面。
label：label显示食物对应的图片。
：“添加图片”按钮，添加槽函数，显示本机文件夹，选择jpg或png格式的图片高校点餐，对图片进行剪裁及按比列缩放，将其显示在label中。
“确定”按钮，添加槽函数，获取当前界面上所有信息并组合成结构体，将结构体传给前端并发送添加菜肴的恳求。
添加套餐
在（1）中的食材类型中选择组合时，表示要添加套餐，弹出添加套餐界面。
界面设计：首先是右边的，其中显示了当前店内可点单的单品，店家对其上单品进行选择，对中插入的添加槽函数，可以实时获取被勾选的框。
：按下add按键是在套餐中加入一类，比如拉面中的“两荤两素”，其中“荤菜”就是一类，“素菜”是另一类。在添加凉菜时，勾选右边的勾选框，之后选数目为2，类型名称填凉菜，点击add，即添加成功；添加凉菜与此类似。
在套餐内容添加完成后，点击“套餐组合完成”，即可结束添加套餐，并将套餐信息发送给前端并恳求添加套餐。
窗口申请
点击窗口申请显示界面4
界面设计：界面4包含、一个和一个。
：第一列插入控件供店家勾选，二三列显示当前可申请的窗口的地址和收租形式。
：输入店家所设置的窗口名称。
：添加槽函数，从界面获取勾选的窗口和窗口名称。点击按键，即可即将申请的窗口的信息传给前端，并发送加入窗口的恳求。
加盟申请
界面设计：界面4包含、一个。
：第一列插入控件供店家勾选，二三列显示当前可申请的组织的名称和地址。
：添加槽函数，从界面获取勾选的组织。点击按键，即可即将加盟的组织的信息传给前端，并发送加盟的恳求。
添加折扣
界面设计：包含一个、一个和一个。
：供店家选择打折方法是满减还是打折。
：供店家选择折扣力度。
：添加槽函数，点击按键，获取界面的打折方法和折扣力度，将打折信息传给前端并发送添加打折的恳求。按照前端返回的结果进行显示。
5.3管理员界面流程概览
管理员登入成功，右上方显示组织名称；有四个功能，加盟审批、窗口审批、菜品审批，添加窗口。分别为界面1，界面2，界面3，界面4。
加盟审批
界面设计：包含一个和两个。
：第一列插入类型勾选框，其余列显示当前须要审批的加盟的店家id，名称和审批id，一个管理员只能审批自己管理的组织。信息动态显示。
：分别是初审通过和初审不通过，添加点击按键槽函数，槽函数获取中的被勾选的信息并将其传给前端，发送初审通过/不通过的恳求。当点击按键以后，完成审批，则中此信息都会被删掉。
窗口审批
界面设计：包含一个和两个。
：第一列插入类型勾选框，其余列显示当前须要审批的窗口位置、名称，店家姓名，店家电话和审批id，一个管理员只能审批自己管理的组织中的窗口。信息动态显示。
：分别是初审通过和初审不通过，添加点击按键槽函数，槽函数获取中的被勾选的信息并将其传给前端，发送初审通过/不通过的恳求。当点击按键以后，完成审批，则中此信息都会被删掉。
食材审批
界面设计：包含一个和两个。
：第一列插入类型勾选框，第二列插入label控件显示菜肴图片，其余列显示当前须要添加的食材的窗口名子，菜肴名称，总价，计价方法，单位和食材描述。一个管理员只能审批自己管理的窗口。信息动态显示。
：分别是初审通过和初审不通过，添加点击按键槽函数，槽函数获取中的被勾选的信息并将其传给前端，发送初审通过/不通过的恳求。当点击按键以后，完成审批，则中此信息都会被删掉。
添加窗口
界面设计：包含一个、一个和一个。
：管理员输入窗口位置
：管理员选择收租类型，有两种：日租、利润收租。
：添加槽函数，点击确定，获取和的信息发送给前端，并恳求添加窗口。按照返回结果进行显示。
六：代码实现
代码实现系统功能分为基于用户种类两个模块诠释：店家模块与管理员模块。
6.1店家系统疗效诠释
登陆模块疗效诠释
若用户没有仍未注册帐号则点击注册步入注册界面，勾选店家提示框，填写相应信息，若填写无误则注册成功：
注册成功以后返回登录界面，用户勾选店家提示框，填写相关信息，填写无误则登录成功步入主界面，否则弹出报错信息，并返回登录界面：
功能模块疗效诠释
用户登录成功以后步入系统主界面，店家在此界面可选择打开窗口点菜、添加食材、窗口申请、加盟申请、添加折等多种功能：
功能展示一：打开窗口点菜。
若选择套餐类型，则打开套餐详情页，递交订单后再返回点餐页面结算。
递交订单：
功能展示二：添加菜肴。
若要添加套餐，则选择组和食材类型，打开组合详情页面进行设置：
功能展示三：窗口申请。
功能展示四：加盟申请
功能展示五：添加折扣。
6.2管理员系统疗效诠释
登陆模块疗效诠释
对于登陆模块，管理员几乎与上文中的店家相同，惟一的不同点既是管理员在注册时须要输入对应组织相关信息：
功能模块疗效诠释
注册、登录完成以后管理员步入管理员系统主界面，管理员在此界面可选择加盟审批、菜品审批、窗口审批、添加窗口店面等功能。
l功能展示一：加盟审批。
功能展示二：窗口审批。
功能展示三：食材审批。
功能展示四：添加窗口店面。
免责声明：部分文章信息来源于网络以及网友投稿，本站只负责对文章进行整理、排版、编辑，出于传递更多信息之目的，并不意味着赞同其观点或证实其内容的真实性，如本站文章和转稿涉及版权等问题，请作者在及时联系本站，我们会尽快为您处理。
