感兴趣的可以先收藏起来,大家在毕设选题,项目以及论文编写等相关问题都可以给我加好友咨询
系统介绍:
当下,正处于信息化的时代,许多行业顺应时代的变化,结合使用计算机技术向数字化、信息化建设迈进。传统的点餐信息管理模式,采用人工登记的方式保存相关数据,这种以人力为主的管理模式已然落后。本人结合使用主流的程序开发技术,设计了一款基于vue框架的点餐系统,可以较大地减少人力、财力的损耗,方便相关人员及时更新和保存信息。本系统主要使用B/S开发模式,在idea集成开发环境下,采用Java语言编码设计系统功能,MySQL数据库管理相关的系统数据信息,vue框架设计和开发系统功能界面,最后通过使用Tomcat服务器,在浏览器中发布设计的系统,并且完成系统与数据库的交互工作。本文对系统的需求分析、可行性分析、技术支持、功能设计、数据库设计、功能测试等内容做了较为详细的介绍,并且在本文中也展示了系统主要的功能模块设计界面和操作界面,并对其做出了必要的解释说明,方便用户对系统进行操作和使用,以及后期的相关人员对系统进行更新和维护。通过设计基于vue框架的点餐系统,可以极大地提高餐馆行业的工作效率,提升用户的使用体验。
通过结合系统分析阶段的相关内容,对系统的整体功能设计进行规划。由此可知,本系统的使用者主要可以被分为管理员角色和用户角色两类。其中,管理员角色主要的功能需求有用户信息管理、菜品信息管理、订单信息管理等模块,用户角色主要的功能需求有系统登录、查询菜品信息、查询订单信息等模块。本系统的总体功能设计如图4-1所示。
程序上交给用户进行使用时,需要提供程序的操作流程图,这样便于用户容易理解程序的具体工作步骤,现如今程序的操作流程都有一个大致的标准,即先通过登录页面提交登录数据,通过程序验证正确之后,用户才能在程序功能操作区页面操作对应的功能。
程序操作流程图
功能截图:
5.1 个人中心
通过设计的个人中心管理功能模块,管理用户可以对相关的个人信息进行管理,比如管理用户可以更新个人账号的密码信息,修改个人账号的用户名信息等,修改密码界面设计如图5-1所示,个人信息界面设计如图5-2所示。
图5-1修改密码界面
图5-2个人信息界面
5.2 用户 管理
通过设计的用户管理功能模块,管理用户可以对相关的用户信息进行管理,比如管理用户可以查看用户头像信息,更新用户手机号码,删除已经注销的用户信息记录等,用户管理界面设计如图5-3所示。
图5-3用户管理界面
5.3 菜品 管理
通过设计的菜品管理功能模块,管理用户可以对相关的菜品信息进行管理,比如管理用户可以添加新菜品信息记录,更新菜品名称,删除失效的菜品信息记录等,菜品管理界面设计如图5-4所示。
图5-4菜品管理界面
5.4 菜品评价 管理
通过设计的菜品评价管理功能模块,管理用户可以对相关的菜品评价信息进行管理,比如管理用户可以查看详细的菜品评价信息,删除失效的菜品评价信息记录等,菜品评价管理界面设计如图5-5所示。
图5-5菜品评价管理界面
5. 5菜品收藏 管理
通过设计的菜品收藏管理功能模块,管理用户可以对相关的菜品收藏信息进行管理,比如管理用户可以查看详细的菜品收藏信息,删除失效的菜品收藏信息记录等,菜品收藏管理界面设计如图5-6所示。
图5-6菜品收藏管理界面
5. 6菜品订单 管理
通过设计的菜品订单管理功能模块,管理用户可以对相关的菜品订单信息进行管理,比如管理用户可以查看详细的菜品订单信息,删除失效的菜品订单信息记录等,菜品订单管理界面设计如图5-7所示。
图5-7菜品订单管理界面
5.7餐桌管理
通过设计的餐桌管理功能模块,管理用户可以对相关的餐桌、餐桌占用信息进行管理,比如管理用户可以查看详细的餐桌占用信息,删除失效的餐桌占用信息记录等,餐桌管理界面设计如图5-8所示,餐桌占用管理界面设计如图5-9所示。
图5-8餐桌管理界面
图5-9餐桌占用管理界面
5.8基础数据管理
通过设计的基础数据管理功能模块,管理用户可以对相关的菜品类型、会员等级类型信息进行管理,比如管理用户可以查看详细的菜品类型、会员等级类型信息,删除失效的菜品类型、会员等级类型信息记录等,菜品类型管理界面设计如图5-10所示,会员等级类型管理界面设计如图5-11所示。
图5-10菜品类型管理界面
图5-11会员等级类型管理界面
5.9轮播图管理
通过设计的轮播图管理功能模块,管理用户可以对相关的轮播图信息进行管理,比如管理用户可以查看菜品的轮播图名称,删除失效的轮播图信息记录等,轮播图管理界面设计如图5-12所示。
图5-12轮播图管理界面
代码实现:
/**
* 登录相关
*/
@RequestMapping("users")
@RestController
public class UserController{
@Autowired
private UserService userService;
@Autowired
private TokenService tokenService;
/**
* 登录
*/
@IgnoreAuth
@PostMapping(value = "/login")
public R login(String username, String password, String role, HttpServletRequest request) {
UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
if(user != null){
if(!user.getRole().equals(role)){
return R.error("权限不正常");
}
if(user==null || !user.getPassword().equals(password)) {
return R.error("账号或密码不正确");
}
String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
return R.ok().put("token", token);
}else{
return R.error("账号或密码或权限不对");
}
}
/**
* 注册
*/
@IgnoreAuth
@PostMapping(value = "/register")
public R register(@RequestBody UserEntity user){
// ValidatorUtils.validateEntity(user);
if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
return R.error("用户已存在");
}
userService.insert(user);
return R.ok();
}
/**
* 退出
*/
@GetMapping(value = "logout")
public R logout(HttpServletRequest request) {
request.getSession().invalidate();
return R.ok("退出成功");
}
/**
* 密码重置
*/
@IgnoreAuth
@RequestMapping(value = "/resetPass")
public R resetPass(String username, HttpServletRequest request){
UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
if(user==null) {
return R.error("账号不存在");
}
user.setPassword("123456");
userService.update(user,null);
return R.ok("密码已重置为:123456");
}
/**
* 列表
*/
@RequestMapping("/page")
public R page(@RequestParam Map<String, Object> params,UserEntity user){
EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));
return R.ok().put("data", page);
}
/**
* 信息
*/
@RequestMapping("/info/{id}")
public R info(@PathVariable("id") String id){
UserEntity user = userService.selectById(id);
return R.ok().put("data", user);
}
/**
* 获取用户的session用户信息
*/
@RequestMapping("/session")
public R getCurrUser(HttpServletRequest request){
Integer id = (Integer)request.getSession().getAttribute("userId");
UserEntity user = userService.selectById(id);
return R.ok().put("data", user);
}
/**
* 保存
*/
@PostMapping("/save")
public R save(@RequestBody UserEntity user){
// ValidatorUtils.validateEntity(user);
if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
return R.error("用户已存在");
}
userService.insert(user);
return R.ok();
}
/**
* 修改
*/
@RequestMapping("/update")
public R update(@RequestBody UserEntity user){
// ValidatorUtils.validateEntity(user);
userService.updateById(user);//全部更新
return R.ok();
}
/**
* 删除
*/
@RequestMapping("/delete")
public R delete(@RequestBody Integer[] ids){
userService.deleteBatchIds(Arrays.asList(ids));
return R.ok();
}
}
论文参考:
欢迎大家点赞、收藏、关注、评论
熟悉一切计算机问题,欢迎打扰。
非开源,毕设定制,程序开发,熟悉各种编程语言和开发,满足各种需求。
链接点击直达:下载链接