基于ssm快餐店点餐结算系统的设计与实现+vue论文

目 录

目 录 III
第1章 绪论 1
1.1选题动因 1
1.2目的和意义 1
1.3论文结构安排 2
第2章 开发环境与技术 3
2.1 MYSQL数据库 3
2.2 Tomcat 介绍 3
2.3 vue技术 4
2.4 SSM框架 5
第3章 系统分析 6
3.1可行性分析 6
3.1.1操作可行性分析 6
3.1.2经济可行性分析 6
3.1.3技术可行性分析 6
3.2系统流程分析 7
3.3系统性能分析 8
第4章 系统设计 9
4.1界面设计原则 9
4.2功能结构设计 10
4.3数据库设计 12
4.3.2 数据库物理设计 15
第5章 系统实现 18
5.1员工信息管理 18
5.2 商品信息管理 19
5.3商品类型管理 20
5.1公告信息管理 21
第6章 系统测试 23
6.1 系统测试方法 23
6.2 功能测试 23
6.2.1 登录功能测试 24
6.3 测试结果分析 24
结 论 25
参考文献 27
致 谢 28

第1章 系统设计

市面上设计比较好的系统都有一个共同特征，就是主题鲜明突出。通过对页面简洁清晰的布局，让页面的内容，包括文字语言，或者视频图片等元素可以清晰表达出系统的主题。让来访用户无需花费过多精力和时间找寻需要的内容。
4.1界面设计原则
一般来说，大部分用户使用系统，有些是想从系统中获取需要的信息，有些则是使用系统提供的服务。所以，为了改善用户体验，提高系统的使用率，在对系统界面设计时，需要按照下面的原则进行。
第一点，对用户进行分析，了解用户使用系统的目的，以及使用系统的方式，考虑大部分用户的阅读习惯，设计Z字形或F型结构可以方便用户获取信息。
第二点：设计有效的导航，这个包括每个页面上都有导航条的显示，有时也可以在页面的底部设计导航条，当用户进入具体页面时，要设计相应的位置提示，在页面中比较特殊的位置，需要设计返回链接，可以返回上个页面，也可以返回首页等。
第三点：对整个系统要运用统一的设计方案，包括色彩方案的一致性，页面模板的相似性等，对相同操作和专业术语的描述在整个系统中也应该保持一致。
第四点：设计的界面要保证传达的内容清晰准确。要避免在同一个页面设计非常多的内容，另外可以准确对系统内容进行分类，把页面中用户视觉集中的位置，用来显示重要信息。
作为初学者，并没有那么多的设计经验，但是可以运用上面提到的界面设计原则设计出比较好的系统，可以让用户产生良好的使用体验。
4.2功能结构设计
为了让系统的编码可以顺利进行，特意对本系统功能进行细分设计，设计的系统功能结构见图4.1 ，管理员角色用例图见图4.2，用户角色用例图见图4.3。

图4.1 系统功能结构图

4.3数据库设计
一般来说，对用户进行调查，了解其需求，主要还是完成功能上的分析设计，殊不知，设计功能时，也要展示对数据库的设计。数据库服务于程序，它可以按照设定的规则对程序的数据进行保存，因此，也可以说数据库就是程序相关数据的集合。为了保证程序的高质量，数据库提供的数据存储服务也需要快速响应，同时数据信息也要安全合法可靠，所以设计一个数据库这样的任务也需要高度重视，并花时间和精力去努力完成。毕竟这影响到后期程序的开发和使用。试想而知，假设设计一个不好的数据库，遇到的问题将会有：第一，面对信息处理，会有着繁琐的业务逻辑，延长事务处理时间。第二：程序编码期间，将会产生更多的代码去完成数据处理的功能，产生大量的数据冗余，而且也不方便注释代码，还会占用更多的存储空间。综上所述，设计出合理的数据库是多么的重要。各实体信息的E-R图如图图4.4、图4.5、图4.6、图4.7、图4.8、图4.9、图4.10、图4.11所示，系统总体E-R图如图4.12所示。

图4.4商品信息E-R图

图4.12系统总体E-R图
4.3.2 数据库物理设计
作为程序后台的支持，本数据库也需要设计数据存储的结构。而数据存储结构的设计就包括了数据表结构的设计和创建。数据表结构包括了字段，数据类型，还有字段的取值范围等信息。而E-R模型中的实体就是一张表，实体的特征就可以作为该表中的字段，根据本程序信息存储要求，设计每个字段需要的类型，还有该字段的取值范围等。每当设计完成一张数据表，就需要及时保存在数据库里面，并对该设计的数据表准确命名，要求设置的数据表的名称尽量不要是中文，而且要方便记忆。因为在程序编码阶段，通过SQL语句可以把程序里面的数据写入在各个数据表里面，而这个环节需要使用到数据表的名称。如果数据表名称是中文的话，可能会乱码并影响程序运行。下面就以表格形式展示设计的结果。
表4.1商品表
序号 列名 数据类型 说明 允许空
1 id Int 编号 否
2 caipin_name String 商品名称 是
3 caipin_photo String 商品图片 是
4 caipin_types Integer 商品类型 是
5 caipin_kucun_
number Integer 商品库存 是
6 caipin_old_money BigDecimal 商品原价 是
7 caipin_new_money BigDecimal 现价 是
8 caipin_clicknum Integer 点击次数 是
9 shangxia_types Integer 是否上架 是
10 caipin_delete Integer 逻辑删除 是
11 caipin_content String 商品简介 是
12 create_time Date 创建时间 是
表4.2商品订单表
序号 列名 数据类型 说明 允许空
1 id Int 编号 否
2 caipin_order_uuid_number String 订单号 是
3 caipin_id Integer 商品 是
4 yonghu_id Integer 员工 是
5 buy_number Integer 购买数量 是
6 zhuotai_types Integer 桌台 是
7 caipin_order_true_price BigDecimal 实付价格 是
8 caipin_order_types Integer 订单类型 是
9 caipin_order_payment_types Integer 支付类型 是
10 insert_time Date 订单创建时间 是
11 create_time Date 创建时间 是
表4.3购物车表
序号 列名 数据类型 说明 允许空
1 id Int 编号 否
2 yonghu_id Integer 所属员工 是
3 caipin_id Integer 商品 是
4 buy_number Integer 购买数量 是
5 create_time Date 添加时间 是
6 update_time Date 更新时间 是
7 insert_time Date 创建时间 是
表4.4字典表
序号 列名 数据类型 说明 允许空
1 id Int 编号 否
2 dic_code String 字段 是
3 dic_name String 字段名 是
4 code_index Integer 编码 是
5 index_name String 编码名字 是
6 super_id Integer 父字段编号 是
7 beizhu String 备注 是
8 create_time Date 创建时间 是
表4.5后厨表
序号 列名 数据类型 说明 允许空
1 id Int 编号 否
2 houcu_name String 后厨姓名 是
3 houcu_phone String 后厨手机号 是
4 houcu_email String 电子邮箱 是
5 create_time Date 创建时间 是
表4.6公告信息表
序号 列名 数据类型 说明 允许空
1 Id Int 编号 否
2 news_name String 公告标题 是
3 news_photo String 公告图片 是
4 news_types Integer 公告类型 是
5 news_content String 公告详情 是
6 create_time Date 创建时间 是
表4.7员工表
序号 列名 数据类型 说明 允许空
1 id Int 编号 否
2 yonghu_name String 员工姓名 是
3 yonghu_phone String 员工手机号 是
4 yonghu_id_number String 员工身份证号 是
5 yonghu_photo String 员工头像 是
6 yonghu_email String 电子邮箱 是
7 create_time Date 创建时间 是
表4.8用户表
序号 列名 数据类型 说明 允许空
1 id Int 编号 否
2 username String 用户名 是
3 password String 密码 是
4 role String 角色 是
5 addtime Date 新增时间 是

第2章 系统实现

这个环节需要使用前面的设计方案，包括对系统模块的设计，还有对程序后台的数据支持的数据库的设计等。不过这部分内容还是强调系统编码人员的开发能力，要把前面设计的内容通过编码的形式以一个完整的，可以运行的系统呈现出来。
功能模块的实现
5.1员工信息管理
如图5.1显示的就是员工信息管理页面，此页面提供给管理员的功能有：员工信息的查询管理，可以删除员工信息、修改员工信息、新增员工信息，
还进行了对用户名称的模糊查询的条件

图5.1 员工信息管理页面