本模板基于：Vue与Mysql数据库开发

功能功能实现

网站界面实现

界面设计原则

用户原则。人机界面设计首先要确立用户类型。划分类型可以从不同的角度，视实际情况而定。如果进入的权限不一样，系统中菜单项中的可用的项也就相应的不一样。

信息最小量原则。人机界面设计要尽量减少用户记忆负担，采用有助于记忆的设计方案。

帮助和提示原则。要对用户的操作命令做出反应，帮助用户处理问题。在系统内部处理工作要有提示，尽量把主动权让给用户，例如删除功能，要提示用户是否确定要删除该条记录。

数据输入界面设计

数据输入界面往往占终端用户的大部分使用时间，也是计算机系统中最易出错的部分之一。其总目标：简化用户的工作，并尽可能降低输入出错率，还要容忍用户错误。这些要求在设计实现时可采用多种方法：

尽可能减轻用户记忆，采用列表选择。对共同输入内容设置默认值；使用代码和缩写等；系统自动记录用户已输入过的内容，例如打印页面的设置，根据每个不同的用户有不同的值。

使界面有一致风格的数据输入界面

防止用户出错。对删除必须再一次确认，对致命错误，要警告并退出。对空值输入，要给出提示信息；在输入框中也有限制，限制可输入的字符类型。

提供反馈。要使用户能查看已输入的内容，并提示有效的输入回答。

数据输入界面若条件具备尽可能采用自动输入。

主要功能代码

登录模块详细设计

本系统角色有两类，管理员、注册用户，他们都属于系统的用户，用户登录实现的过程主要有几个步骤，首先对用户输入的信息进行保存然后利用JAVA程序从数据库中进行检索看是不是有用户输入的信息在数据库中是否存在如果存在就返回正确的结果，如果不正确就返回错误的结果。如果结果数据库中存在就显示登录成功，如果数据库不存在就显示失败请重新登录。

用户注册模块

用户需要注册登录才能进行购买商品。所以网站提供了一个用户注册和登陆的模块，用户需要正确输入账号和密码才能登录系统。

用户注册实现的过程主要是将用户填写的数据写入数据库中即可。

在线客服模块的实现

在线客服需要用户登录后才可以实现。

个人中心管理模块

管理员登入系统，可以添加新的管理员用户，删除现有的管理员，也可以对自己的密码进行修改。修改密码，添加删除管理员实现的过程主要是将填写的数据写入数据库中即可。

咖啡信息管理模块的实现

管理员登录系统后，可以添加上传咖啡信息，管理员可以对咖啡信息进行增删改查，用户在前台登录后可以查询咖啡信息。

咖啡类别管理模块的实现

管理员登录系统后，可以添加上传商品类别，管理员可以对商品类别进行增删改查，用户在前台登录后可以查询商品类别，商家上架商品时需要指定商品类别。

系统管理模块的实现

管理员登录系统后，可以管理咖啡资讯和在线客服以及轮播图。

下单流程模块的实现

首先，用户经过注册登录系统前台，进行商品购买，用户选择商品和购买数量，进行添加购物车，用户进入个人后台，进行购物车结算，生成订单，商家登录后台进行用户订单审核，审核通过，进行商品发货，用户购买成功。

订单管理模块设计

订单管理模块分为两部分：用户的订单管理和管理员的订单管理，用户在前台进行商品的在线下单，登录个人后台之后，选择购物车的订单，生成有最终订单，付款成功后，这样在管理员后台就可以看到该单子。

用户前台界面模块

用户前台功能有查看咖啡资讯、商品、个人中心、购物车、在线客服等信息，进行用户注册，登录后进行在线咨询，商品购买等。用户后台功能有个人资料管理、我的收藏管理、我的订单管理等，主要是将在前台添加进行购物车的商品进行生成订单。