项目运行
环境配置:
Jdk1.8 + Tomcat7.0 + Mysql + HBuilderX(Webstorm也行)+ Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。
项目技术:
vue + mybatis + Maven +mysql5.7或8.0等等组成,B/S模式 + Maven管理等等。
环境需要
1.运行环境:最好是java jdk 1.8,我们在这个平台上运行的。其他版本理论上也可以。
2.IDE环境:IDEA,Eclipse,Myeclipse都可以。推荐IDEA;
3.tomcat环境:Tomcat 7.x,8.x,9.x版本均可
4.硬件环境:windows 7/8/10 ?4G内存以上;或者 Mac OS;
5.是否Maven项目: 否;查看源码目录中是否包含pom.xml;若包含,则为maven项目,否则为非maven项目
6.数据库:MySql 5.7/8.0等版本均可;
根据日常实际需要,一方面需要在网站中实现基础信息的管理,同时还需要结合实际情况的需要,提供营养美食功能,方便营养美食管理工作的展开,综合考虑,本套网站应该满足如下要求:
首先,在网站中需要实现对基础信息,包括系统首页、个人中心、用户管理、商家管理、美食类型管理、美食信息管理、美食分享管理、系统管理等信息的管理,这些是网站的基础信息,和网站中其他内容密切相关。
然后,网站中需要实现对用户的管理,允许管理员对用户进行必要的设置,同时要避免管理员对个人信息进行操作,保障用户的信息安全。
综合营养美食管理经历和对网上信息归纳整理的结果,在实际应用中,将用户分为三种:管理员、用户和商家三个角色。其中普通用户可以操作的内容是有限的,管理员可以进行的操作最多。了解网站用户的分类以及可以进行的操作,对于接下来实现相关的功能具有重要的意义。
(1)网站的通用功能包括用户登录和密码修改,是三个角色共同需要使用的功能,用例分析如图3-1所示。
图3-1 网站通用功能用例分析图
(2)管理员可以对系统首页、个人中心、用户管理、商家管理、美食类型管理、美食信息管理、美食分享管理、系统管理等进行基本的信息管理。其用例分析如图3-2所示。
图3-2 管理员用例图
(3) 商家可以对系统首页、个人中心、美食信息管理进行操作,用例分析如图3-3所示。
图3-3商家用例图
(4) 用户进入网站可以实现对首页、商家、美食信息、美食分享、美食资讯、后台管理、个人中心进行操作,用例分析如图3-4所示。
图3-4用户用例图
在网站的需求分析中除了保证网站功能需求分析准确完整,还应考虑与其相辅相成的各种其他因素,这样才能确保网站后续设计能够更加完善、清晰,确保网站实现后的有较高的使用价值。
为保证网站的先进性开发过程中应尽量使用先进的软件开发技术、设计方法、体系架构,符合当下的应用需求和保证性能可靠。
本网站中涉及三种用户角色,根据用户角色类型合理划分其页面访问权限。网站允许管理员对用户和商家进行必要的设置,同时要避免管理员对个人重要信息进行操作,保障用户和商家的信息安全。
网站使用方便、界面友好是提高用户使用体验的重要因素。网站实现其主体功能同时,界面设计要简洁大方、使用方便、美观清晰。网站的每一项反馈都要逻辑严密,弹窗信息也是简洁明了[12]。
可扩展性要求软件的设计要留有可升级接口和升级空间,便于今后根据新的模式需求进行功能的拓展。
可修改性要求使用科学的方法设计软件,形成良好的结构和完备的文档[13]。它的前提要保证网站设计逻辑清晰,软件结构简单明了,代码编写过程中有良好的注释习惯,便于后续对网站性能进行调整。
每个用户都有专属的密码和账号,在输入合法的账号和密码之后即可进入网站。登录流程如图3-5所示:
图3-5 登录流程图
管理层人员有添加信息功能。添加信息流程如图3-6所示:
图3-6添加信息流程图
用户可以选择把自己发布的信息删掉,选择要删除的信息确认之后,删除信息的操作就完成了。删除信息流程图如图3-7所示。
图3-7 删除信息流程图
本章首先对整个网站进行了详细的需求描述,然后按照这些要求对网站的角色和功能进行了详细的分析,并对这些要求进行了详细的说明。同时为保证需求分析的全面性,还对网站的一些非功能性需求进行描述和对网站流程进行分析,为以后的网站的开发提供了一个比较完善的参考依据。
营养美食管理网站的建设可以为营养美食管理提供帮助,通过对一些基础信息管理实现针对性的安排,可以按照用户的角色权限使不同用户角色看到不一样的信息界面。现根据需求阶段的分析,我们可以大致确定网站需要包含的功能如下图所示:
网站总体结构图如下,见图4-1。
图4-1 网站总体结构图
数据库能直观反映表现网站的需求,数据库的设计能否切实符合网站的需求关系到整个网站最终的呈现结果。通过之前的分析梳理,明确了网站中需要包含的功能和要求。网站中除了涉及对数据库的增加、删除、查寻、修改的基础操作较多,还要理清实体间的对应关系,据此完成表结构的设计与实现。
为了更直观阐明数据库的设计,使用 Vision 绘制的营养美食管理网站数据模型E-R实体属性图。根据网站需求设计了以下几个主要实体。
商家实体属性图,如图4-2所示。
图4-2商家实体属性图
美食信息实体属性图,如图4-3所示。
图4-3美食信息实体属性图
美食分享实体属性图,如图4-4所示。
图4-4美食分享实体属性图
美食信息评论实体属性图,如图4-5所示。
图4-5美食信息评论实体属性图
用户实体属性图,如图4-6所示。
图4-6用户实体属性图
当人们打开网站的网址后,首先看到的就是首页界面。在这里,人们能够看到营养美食管理网站的导航条,通过导航条导航进入各功能展示页面进行操作。网站首页界面如图5-1所示:
图5-1 网站首页界面
用户注册:在用户注册页面的输入栏中输入用户注册信息进行注册操作,用户注册页面如图5-2所示:
图5-2用户注册页面
商家:在商家页面的输入栏中输入商家账户、商家名称进行查询,可以查看到商家详细信息,商家信息页面如图5-3所示:
图5-3商家信息详细页面
后台用户登录,在登录页面选择需要登录的角色,在正确输入用户名和密码后,进入操作网站进行操作;如图5-4所示。? ?????????????????????????????
图5-4 后台登录界面
5.2.1管理员模块实现
管理员进入主页面,主要功能包括对系统首页、个人中心、用户管理、商家管理、美食类型管理、美食信息管理、美食分享管理、系统管理等进行操作。管理员主页面如图5-5所示:
图5-5 管理员主界面
管理员点击用户管理。在用户页面输入用户账号进行查询、新增或删除用户列表,并根据需要对用户详情信息进行详情、修改或删除操作;如图5-6所示:
图5-6用户管理界面
管理员点击美食类型管理。进入美食类型页面输入美食类型进行查询、新增或删除美食类型列表,并根据需要对美食类型详细信息进行详情、修改或删除操作。如图5-7所示:
图5-7美食类型管理界面
管理员点击美食分享管理。在美食分享页面输入美食名称和打卡地点进行查询或删除美食分享列表,并根据需要对美食分享详细信息进行详情、修改、查看评论或删除操作。如图5-8所示:
图5-8美食分享管理界面
管理员点击系统管理。在轮播图管理页面进行查询列表,并根据需要对轮播图管理进行详情或修改操作,还可以对美食资讯进行详细操作。如图5-9所示:
图5-9系统管理界面
5.2.2商家模块实现
商家进入网站可以对系统首页、个人中心、美食信息管理等功能进行操作。商家主页面如图5-10所示:
图5-10商家主界面
商家点击分美食信息管理。在美食信息页面输入美食名称和商家名称进行查询、新增或删除美食信息列表,并根据需要对美食信息详细信息进行详情、修改、查看评论或删除操作。如图5-11所示:
图5-11美食信息管理界面
5.2.3用户模块实现
用户进入网站可以对系统首页、个人中心、美食分享管理等功能进行操作。用户主页面如图5-12所示:
图5-12用户主界面
用户点击分美食分享管理。在美食分享页面输入美食名称和打开地点进行查询、新增或删除美食分享列表,并根据需要对美食分享详细信息进行详情、修改、查看评论或删除操作。如图5-13所示:
图5-13美食分享管理界面