网上订餐系统的设计与实现.docx
网上订餐系统的设计与实现摘要网上订餐既解决了菜品单一问题,又解决了饭后刷碗难的烦恼。日后随着年轻人逐渐进入工作岗位,网上订餐将会越来越普遍,网上订餐这个课题的提出,既顺应了未来的整体趋势,又方便了人们日常,提高了人们的生活效率,同时给餐饮企业带来利润,又促进了市场发展与就业岗位。本系统以Java+SpringBoot为基础,充分发挥互联网便捷、快速的优势,让顾客能够在最短的时间里,以最快的速度下单。对于这个方案,采用JSP和JaVaSCriPt技术,通过JaVa语言和SPringBoot的架构,来实现一个在线订餐的系统。它将彻底的颠覆原来的传统的点菜方式,让使用者能够更快更便捷地完成用餐过程,让使用者可以在家里吃上一顿丰盛的大餐。与此同时,为餐饮公司提供了更为准确的会计数据,便于进行统一的管理。同时可以实现用户管理、商品管理、评论管理、订单管理、管理员管理等功能。关键词:Java;订餐管理系统;JaVaSCriPt技术第二章软件的开发技术第一章绪论X.1研究背景随着互联网技术的不断进步,以及企业间的相互联系,企业运营体系在销售、到货、售后服务及维护等各环节都具有非常显著的优势未找“引用。尤其是在公司的运营模式下,如果这个公司的顾客是一个需要进行多笔支付的公司,并且商品需要安装、服务和维护,那么通过成本控制、应收账款管理等方法,企业就能把对产品的资金占用降到最小程度,加速企业的现金流回收。在时间方面,通过履行对客户的承诺,提高客户的满意程度,从而维持客户关系。该软件以订餐管理为基础,是一款电脑订餐软件,充分发挥Internet便捷、快速的优势,为用户提供最便捷、最快速的订餐服务未找到引用,OB/S体系结构(浏览器/服务器体系结构)是一种随着互联网技术的发展而不断改进和完善的C/S体系结构。该系统采用WWW模式,并以WWW模式向用户提供完备的界面,部分业务在前台进行,大部分业务在后台进行,从而形成一个立体化的架构。B/S的架构,在很大程度上是将WWW浏览器的技术运用到了日益完善的程度,将其与各种不同的脚本语言(VBSCript、JaVaSCriPt等)以及ACtiVeX技术相融合,这样一个普通的浏览器就可以完成原本必须要专门的程序才能完成的强大的工作,还可以节省大量的研发费用,它属于一种新型的构建软件的技术未找到9lffl*O由于视窗98/视窗2000在系统中嵌入了视窗技术,所以视窗架构就更受欢迎了。当前,大部分的应用程序都采用客户机/服务器的两级架构*味找知用,,而当前的应用程序则逐渐朝着分布式网络程序的方向发展。对新的和已有的软件,无论是网络还是客户机/服务器软件,都能提供相同的服务;各应用程序之间可以共用一个逻辑部件;利用已有的程序,可以对其进行扩充,形成新的程序。这也是当前软件开发的趋势。随着企业的发展,企业的主导技术和企业的经营理念都有3个发展阶段。接口技术从DC)S文字接口,到视窗GUI,再到现在的浏览器(BroWSer)接口o除了浏览器的界面非常的直观和容易使用之外,更重要的是,在浏览器平台上的任何应用程序,它们的接口都是统一的。因此,用户对操作训练的需求大大降低,并使其具有较强的可用性。平台体系结构*«!未找到引用也从单一用户向F/S(File/Server)系统、C/S(ClientZServer)系统、B/S(BrowserZServer)系统发展。而在系统的管理与维修方面,采用B/S结构*怵找附用.,的软件,只要对服务器进行管理即可,而用户则是一个普通的浏览器,无需进行维修。因此,未来的主要趋势就是:更“瘦”的客户端,更“胖”的服务器,让更新和维修变得更快捷,更方便。从以上所述中可以看出,使用浏览器/服务器架构来进行订餐管理是一种很有前景的方法。1.2 研究意义在与传统的电话订餐相比下,网上订餐有着独特的优点。电话订餐时,往往会出现解释不清,无法给客户呈现菜品的问题,严重影响了餐饮的服务。与之相比,网络订餐可以最大程度解决这些问题,让客户自由选择。通过网络订餐,可以把餐厅的业务范围扩展到更大范围,增加餐厅的订单量,提高餐厅的知名度。与此类似,网络餐饮服务也是一个循序渐进的发展进程未找网用乩。在进行本地体系建设时,应注意本地体系与整体体系的兼容性与整体体系的整合,这是未来本地体系建设与维持的关键。日后随着年轻人逐渐进入工作岗位,网上订餐将会越来越普遍,网上订餐这个课题的提出,既顺应了未来的整体趋势,又方便了人们日常,提高了生活效率。同时给餐饮企业带来利润,又促进了市场发展与就业岗位物来找到引用礼。1.3 研究现状在国外许多经济发达国家中网上订餐发展的速度非常快。因为经济发达国家的人很注重时间观念和效率,更重要的是,他们可以更好地运用网上订餐功能。他们的计算机技术在餐饮业的应用上十分成熟未找毗用如O网络点菜的方式也很多,在美国,更多的人选择了网络点菜,其中以年轻人居多。在中国网上订餐刚刚处于初步发展期,整体系统数量并不占优势,甚至于说是屈指可数,大的高级酒店更趋向于对于房间的选择,并不注重餐饮行业,与之相对的中小餐饮企业则未涉及网上业务,甚至于有的小企业虽然开通了网上业务,但和没开通也没什么区别。从大的国家统计来看效果并不理想。1.4 选题目的随着科技的快速发展,人类已经步入了以电脑为中心的时代。互联网的发展为人类提供了无穷的商业机会和方便。在中国的餐饮行业中,网络定餐起到了举足轻重的地位。在线订购为顾客带来了最便捷的一种就餐体验,它以快速、便捷的送货上门为顾客带来了最佳的饮食服务,为顾客节省了大量的时间和烦恼,同时也能为商户带来更大的收益,在线订购能够提升工作的效率,节省开支。另外,在线订餐也能帮助餐厅的销售。利用网络的信息系统,实现了对餐厅各项信息的实时采集。1.5本章小结本章主要介绍了本次设计的研究背景、研究现状、选题目的、选题意义等O同时介绍了国内外的订餐现状,通过对比,分析了订餐系统的目的与意义。第二章软件的开发技术第二章软件的开发技术2.1 软件开发环境实现这个工程,要安装WindoWSlO家庭版/企业版和OffiCe软件的电脑,并配置项目相关环境,用的IDEA来编写程序i!未IWlmW,2.2 程序语言编程语言:JaVao脚本语言:HTM1.、JavaScripto数据库:MySQ1.o2.2.1 JSP简介JavaSCriPt(JS)和FreemanHunt开发的Web技术,包括JSP和ServletZJavaScript(JSP/JavaServletZJavaScript),被广泛应用于网站开发。JSP技术是一种用于构建动态Web页面的技术,其主要特点是使用模块化技术,将代码划分为多个模块,然后在每个模块中构建页面。这种技术可以灵活地处理多种类型的数据,并且能够动态地调整页面中各个元素的显示方式,从而实现网站的自定义功能*咏我训用".JSP技术开发的Web应用程序是在JaVa基础上的,它最大的优点在于可以简捷快速的从Java程序中生成Web页面。此技术的主要特点如下。1 .跨平台。2 .组件重用。3 .预编译。2.2.2 HTM1.语言在开发具有互动功能的动态页面时,需要编写许多超文本文本语言(HTM1.)oHTM1.是一种具有标识意义的文字,它包含了一定的符号和句法叫!未找到引用OHTM1.语言具有很多优点,其中包括可扩展性、简易性、平台无关性等。运用起来更加方便。HTM1.语言的通用性使得它可以被网络上的所有用户浏览,且HTM1.文档制作不是很复杂,且功能强大。2.2.3 ADO组件在该软件的研制中,经常使用到的ADo部件包括。1.Connection对象:与背景资料库的联结。2 .Command对象:执行SQ1.指令,访问数据库。3 .RecordSet对象:保存在资料库中存取的资料资讯,为最常用物件。4 .Error对象和ErrorS集合叫沫找到引用在存取资料库时,为出错资讯提供。2.2.4 SpringBoot框架本次设计所用项目采用SPringBOot进行快速搭建,整合了其他一些框架,为各个版本的兼容性提供基本的保障,以不断减少项目中的配置,使项目的设计达到简洁高效,减少了代码的重复与繁杂,为后续论文的进行提供保障,这就是SPringBOOt的用处。2.2.5 MySQ1.数据库MySQ1.可以说是当下最流行的关系型数据库管理系统。前景十分广泛。本次论文设计重点项目使用MySQ1.关系型数据库,用来进行存储,管理项目中的核心数据。MySQ1.使用SQ1.作为与数据库通信的标准语言。它具有高性能、可靠性和扩展性,已被广泛应用于Web应用程序、企业应用程序和其他大型数据库管理系统。2.3本章小结本章主要介绍了订餐管理系统的软件开发环境,软件的基本配置,并介绍了订餐管理系统用到的程序语言,如JSP、HTM1.语言、SPringBoot框架、MySQ1.数据库等。第三章系统分析3.1 可行性分析3.1.1 技术可行性分析此项目的设计分为前后端,前端主要使用的有HTM1.+JS+CSS,后端主要使用的语言是Java,并用SPringBOoI整合整个SSM框架,利用IDEA进行工具的开发,最终开发数据库用到MySQ1.味"引用.0在学校的时候老师带大家学习的就是Java,SPringBOot以及HTM1.+JS+CSS课程。因此有了一定的基础,所以从技术上来说是可行的。3.1.2 经济可行性分析现在人工成本已经变成了一笔巨大的开支,用人越多,成本越高,本次订餐管理系统的设计完全不需要过多的人工,一个人基本可以完成所有项目,其余产生的费用几乎算不上大的开销甚至可以忽略不计,除此之外不需要其他的额外开支,所以从经济上来说可行。3.1.3 市场需求可行性分析民以食为天,生活中离不开餐饮,市场需求一直处于高峰,本次订餐管理系统的设计与实现,充分对应了市场的需求,为客户带来更高的体验,更好的满足商家提供的要求,帮助商家更好的实现盈利。3.2 需求分析3.2.1 用户需求分析通过对社会需求的研究可以得知,对于这一次的设计题目,订餐管理系统的要求是:订购者可以在国内的任意一个地方登陆注册到本系统,然后进行商品的挑选和采购,可以在需要的时候,可以随意的检查自己的购物车中的物品,如果有什么不满,还可以向上面举报,并且在上面发布了公告,以此达到用户反馈要求。而这个系统的管理员,不仅能够查看到使用者的资料,而且还能够对使用者进行修改、删除、添加、更新等操作。根据公司的指示,分析后得到具体的系统功能如下所述。用户订购系统的主要功能要求如下。用户在任何时候都可以登陆或者登记,并且完全不会让你的购物车中的物品丢失。用户可以在任何时间获取他们的口令,口令会被传送到他们登记时所使用的邮箱中。用户投诉,在用户订购的商品没有被受理的情况下,用户可以在任何时候进行投诉。最后一次付款时,用户可以通过多种付款方法进行付款,会显示出相应的付款提示。用户用例图如图3.1所示。3.2.2 管理员需求分析通过对商家的基本调查,并结合本次设计题目可以看出管理员的需求:可以掌握所有信息,并对基本信息进行增加、删除与更改。并随时掌握用户的需求状态,及时做出反馈。用户管理:用户通过自己的界面可以进行账户号码的询问、更改或重置。订单管理:管理员通过对全部订单进行浏览,对订单编号进行搜索,并对使用者的问题进行浏览。消息管理:管理员可以自行解决消息的发出与接收。商品管理:商品管理员可以对商品进行基本浏览以及商品数量进行增减调整并对商品出现的问题进行整改。其它管理:管理员决定增加告示、移除告示、设定使用者打折比率、设定使用者等级、设定积分值与等级之间的关联、增加付款方法、移除付款方法等。管理员用例图如图3.2所示。3.3 数据库需求分析本次设计使用的是MySQ1.数据库,他的功能是用来进行存储,以及管理项目中的核心数据库。数据库可以更好地表示实体的属性组成以及实体与实体之间的关系。其中数据库包含如下数据未找到引用叫“1 .管理员信息表:用户名,登录密码。2 .用户信息表:账号,登录密码,目前所在地,手机号,享受打折比例,会员积分。3 .商品分类表:商品分类。4 .折扣信息表:折扣等级,会员折扣值,会员积分。5 .公告栏内容表:公告标题,公告内容,公告时间,公告人姓名。6 .订餐信息表:用户姓名,订单商品号,预计时间,金额,支付方式,交易是否完成,送货地点公式。7 .付款方式信息表:付款方式,付款方式说明,时间,交易人姓名。8 .商品明细表:商品货号,商品子类,商品分类,商品数量,商品名称,商品价格,是否入库,订购数量,说明,是否打包,图例,是否在顶层,是否推荐。9 .订餐投诉表:用户名,订单编号,订购日期。3.4本章小结本章主要对系统进行分析,其中包括可行性分析、需求分析以及数据库分析,可行性分析包括技术可行性分析、经济可行性分析与市场需求可行性分析,用户需求分析包括用户需求分析与管理员需求分析。第四章系统设计4.1 系统功能模块的设计该订餐管理系统是建立在B/S架构的基础上,可以利用互联网进行联机存取,还可以对数据库进行一些处理好怵找则用乩。主要有两种操作方法:登陆和管理。其中一个是用户管理页一个是管理员管理页。管理员可以大批量观看全部的商品,并对商品进行设定,同时还可以对商品进行配置,还可以增加公告,查看/删除公告,设置用户优惠比例,设置用户等级,设置积分和级别的联系,增加支付方式,查看和删除支付方式,除此之外,还可以添加普通的管理员等。使用者的登入页面包含了以下内容:使用者可以在任何时间都可以登入或进行登记,并且将自己的账号发往使用者在登记的时候所填的邮箱。还有使用者的投诉系统,假如使用者订购的物品没有被办理,使用者可以在第一时间向商家进行投诉,使用者在进行最终的付款时,可以在不同的付款方法中进行选择。后台主要功能分为以下6种。1.用户管理。2 .商品管理。3 .评论管理。4 .订单管理。5 .管理员管理。6 .咨询管理前台主要功能展示如下。1.首页。7 .商品分类。8 .其他功能。1.1.1 后台系统功能模块结构图本次对于订餐管理系统的设计是由多个功能模块组合而成。将几个身份不同的用户进行不同需求的设计,通过自己的改进,使系统得以运行,使后续的结构更加突出,条理更清晰。根据对该系统的分析可以将系统分为用户管理功能,商品管理功能,评论管理功能以及其他功能等。系统功能结构图如图4.1所示。1.1.2 前台系统功能模块结构图通过对后台的基本设计确定了前台的图样,由于用到了前后端的分离,使后台更改更方便。其中前台又分为登陆系统,首页,美食分类,其中登陆,退出等在主页面就可以看到并加以改进,前台的模块又分为很多,在此基础上可以分出各个类型的模块进行编辑,为后续的设计进行规划,使条理更清楚,后续的前台系统功能模块还有很多要改进的地方,通过改进后的代码使程序得以完整运行,为后续设计做铺垫.误!未找到引用源.O根据对该系统的分析可以将系统分为首页,美食分类等,如图4.2所示。图4.2前台系统功能结构模块图4.2 系统流程图系统流程图是整个系统的框架,分为多个模块,每个模块之间既有相互对应的关系,又有各自不同的分工,首先进行用户登录,然后进入管理员身份进行是否的后续运行,如果运行成功将会进入下一界面,进行用户管理,邮件管理,订单管理,商品管理,其他管理,退出系统。登录失败后,系统将会跳转到下一界面,进行新用户注册,商品选购,订单投诉,查看评价,与找回密码。当系统运行正常时就会显不出来。通过对每个功能的分析,得出了整个系统的运行过程。如图4.3所示。图4.3系统流程图4.3 数据库设计4.3.1 数据库概念模型图对数据库的设计基本上都是通过E.R图来表现的,E.R图可以很好的体现出各个要素之间的联系,也可以很好的体现出各个要素之间的联系。从而设计出达到预期的数据库模型,为后续论文的跟进进行一个基础的铺垫,其中大体可以分为三大类,其中每一大类又可以分为多个小类,大类与小类之间既有一对多又有多对一的关系。各个模块之间形成了属于自己的特殊联系,并由各个模块整体组成了数据库概念模型图。其中的E.R图很好地对系统进行了描述,更清晰,直观的了解数据库。4.3.2数据库表描述根据数据库之间的关系和模块的需要,建立了一个数据库,里面包括十个数据表。1 .Adminuser(管理员信息表):用户名、登录密码。2 .User(用户信息表):用户姓名、登录密码、当前所在地区、手机号、打折比例、会员积分。3 .Area(商品子类表):商品子类。4 .Bigarea(商品分类表):商品分类。5 .Discount(折扣信息表):折扣等级、会员折扣值、会员积分。SMessage(公告栏内容表):公告牌的名称、信息、公告的日期、公告人的名字。6 .Orders(订单信息表):客户名称、订单号码、订单日期、总额、付款条件、成交与否、发货地址等。8 .Paydefault(付款方式信息表):付款基本方式、付款说明、交易时间、交易人基本信息。9 .Subs(商品明细表):货物编号、货物小类别、货物类别、数目、名字、价钱、有无已添加、定单数目、描述、包装、图纸、最上面一层、建议以及其他子类。IO-Usererror(订单投诉表):用户名、订单号、订购日期。4.3.3数据库表清单!.Administrator:管理员信息表。表41管理员信息表字段名数据类型长度字段描述ID自动编号12编号(主键)username文本50管理员用户名password文本50密码2.User:用户信息表。表4.2用户信息表字段名数据类型长度字段描述ID自动编号12编号(主键)username文本50一般用户名password文本50用户名密码Userfrom文本50所在地址Email文本50电子邮件telephone文本50电话discount数字12享受打折比例sumjifen数字12积分3.Area:商品子类表。表4.3商品子类表字段名数据类型长度字段描述ID自动编号12编号(主键)area文本50商品子类bigarea文本50商品分类4.Igarea:商品分类表。表4.4商品分类表字段名数据类型长度字段描述ID自动编号12编号(主键)(标识,递增量)bigarea文本50商品分类5.Discount:折扣信息表。表4.5折扣信息表字段名数据类型长度字段描述ID自动编号12编号(主键)discouni数字12折扣等级Ieavel文本50折扣值jifen数字12积分6.Message:公告栏内容表。表4.6公告栏内容表字段名数据类型长度字段描述ID自动编号12编号(主键)subject文本50标题message文本50内容idate文本50发布时间senduser文本50发布人姓名7.Subs:商品明细表。表4.7商品明细表字段名数据类型长度字段描述ID自动编号12编号(主键)bigarea文本50商品分类Subsnumber文本50数量subsname文本50名称price数字12价格bookbm文本50订购数量other备注15说明ispacket文本50是否打包photo文本50图例top文本50是否在顶层tuijian文本50是否推荐subs文本50货号area文本50商品子类8.0rders:订单信息表。表4.8订单信息表字段名数据类型长度字段描述ID自动编号12编号(主键)username文本50用户名inBillNo文本50订单号ordertime文本50时间summoney文本50总金额paymentlype文本50支付方式number文本50金额saddress文本50送货地点semail文本50电子邮件9.Paydefault:付款方式信息表。表4.9付款方式信息表字段名数据类型长度字段描述ID自动编号12编号(主键)paymenltype文本50付款方式paymentmessage备注50付款方式说明idate文本10时间senduser文本50文本10.Usererror:订单投诉表。表4.10订单投诉表字段名数据类型长度字段描述ID自动编号12编号(主键)username文本50用户名inBillNo文本50订单号sdate文本50订购日期4.4本章小结本章主要介绍了系统的功能模块、系统流程图、数据库设计等。其中系统功能模块包括前台系统功能模块图与后台系统功能模块图,数据库设计包括用户订餐E.R图以及数据库表。第五章系统实现5.1 系统页面划分该软件包括两大接口,即使用者登录接口和管理者登录接II*,未找到引用.。管理员登陆界面包括六大系统管理。分别为用户管理、商品管理、评论管理、订单管理以及其他管理。1 .用户管理:对使用者资讯进行大量浏览,对账户进行询问、编辑、更改、登录搜索。2 .商品管理:对全部商品进行成批浏览,对商品进行搜索,对商家地址进行搜O3 .评论管理:对系统商品进行浏览,通过平台上的图片及基本信息进行商品的选择。4 .订单管理:对全部物品进行预览,对物品进行增加与减少,确保信息的实时性。5 .其它管理:增加通知管理模块,移除通知管理模块,设定打折率模块,设定使用者等级模块,设定积分与等级的关联模块,增加付款方法模块等基本模块。用户登陆界面是进入前台的初始界面,由多个不同部分组成,其中基本组成如下。1 .新用户注册:第一次使用的用户被视为新用户,新用户需要注册才可以看到后续页面,并进行后续操作。新用户注册还分为注册成功与注册失败,需要大家自行探索。2 .在线订购首页:用户注册完成进入后会看到初始页面,就是在线订购首页,在这里用户可以选择商品。找到自己喜欢的商家,选择自己想要的商品高效便捷。3 .登陆与退出:用户注册后可以进行的基本选项登录与退出,带给用户使用权利同时又让用户随便退出。4 .找回密码:当用户使用后忘记密码,可以通过系统进行召回,安全的同时也高效。5 .订单未处理投诉:当用户的订单下达后未得到处理,用户可以进行投诉,商家会根据投诉及时进行反馈。5.2系统功能模块实现5.2.1 客户端首页下图显示了该系统的登录界面。全页由框架组成,使用者首先通过点击进入该界面进行登录,用户需要先输入身份,后输入密码,如果使用者输入错误将无法进入后续选择界面,反之密码输入正确使用者可正常进入下一选择界面。如图5.1所示。图5.1登录界面5.2.2 新用户注册页面1 .页面示例使用者进入网页会出现一个基础页面,这个页面就是新用户注册页面。这时基本可以确定程序运行正常。后续前台与后台的操作页面可以正常显示。如过使用者需要在页面上选择注册,就会进入图5.2所示的这个网页。在这里用户需要填写姓名、昵称、地址、手机等个人信息,填写后点击REGISTER即可进入5.3注册成功页面。如果失败的话用户需要重新确定用户名以及密码。选择正确后重新进入。Register图5.2新用户注册首页跳出新用户注册首页后,用户可以进行后续操作。在图5.3注册成功界面上用户可以直接返回首页进行后续操作,通过这个操作用户可以检验一下系统是否正常运行如果错误运行用户就无法进入这一界面,就需要设计者回去重新调试进行后续整改以及对系统的修复。同时这个界面也可以对下一步系统进行检验。此页面的正常打开标志着系统的实现,以及代码的检验,用户可以观察到我的购物车、我的订单、咨询管理等问题,为后续的设计以及整改进行铺垫,无法生成界面就一定是出了问题,只有细心的去更改,设计者才会完善此系统,运行正确的程序。注册成功后用户会进入登陆成功页面,用户会看到我的购物车、我的订单、咨询管理和常见问题,这样用户就成功运行了下一页面,并会在中间看到注册成功返回首页。这就是注册成功图,如图5.3所示。三晶分强细泗物三ftfl911e贵讯目理f¾三三注Aft成功.诋5若石图5.3注册成功页面2 .实现方法在用户填写表格之后,会将表格的结果提交到一个特定的程序进行审核,在这个过程中,如果表格的数据是正确的91,那么就会将表格的内容提交到下一个adduSer面,这个网页会将使用者的资料写入到一个资料库中。在newuser的代码段中,根据formname=ADDUser的语句,可以得出方法=Pe)Saction=adduseronSubmit=returnCheckForm的语句,对以ADDUSer命名的form进行了描述。可以得到,当用户按下注册键时,VbSCriPt里的CheCkFOrm就会确认用户的信息,然后将数据提交到adduser页面以供处理。在adduser页面中,首先要做的事情就是安全监视,它会判断数据源是否从它自己的服务器页面中出来。通过服务器中各个数据库的表确定数值。接下来的步骤是返回来自调整表单的值。首先向数据库中写入数据,并判断是否有该用户。其次创建一个新的数据库对象。然后,利用这个数据库来验证验证这个用户是否存在。接着利用ADo组件对其数据库进行访问。最后,通过USemame&来确定这个用户是否存在。注册成功之后,根据用户所在的网页,会展现出两个不同的页面。注册成功自动进入,注册失败则返回上一级。通过这两个网页验证系统的操作性以及检测系统是否可以正常运行,根据不同的显示页面确定数据之间的稳定性以及后续的可实时性等问题。当用户登录到订餐系统的主页时,登陆的使用者,会发出一个要进行登记的信息,就像是在图5.4中看到的那样,就是平台首页。在这里用户可以进行基本的操作,选择自己想要的商品,浏览商家的最新消息,将喜欢的商品加入购物车等。图5.4用户初始进入页面5.2.3用户登录页面1 .页面示例当用户在系统首页上单击登录,就会出现图5.5所示页面,用户需要填写用户名与密码。此页面设计简洁,并没有加入过多的设计,只是一个简单的小页面,功能也不是很多,但是清晰明了,表面看上去是有两个格子组成,此系统的设计耗时较长,并且在其中加入了很多图片,在运行上也出现了很多问题,最后通过老师的检测与提示使系统得以运行相信用不了多久,就可以自主完成该程序的设计,设计出简单的页面,并通过不断的测试,不断的对页面进行完善,达到预期效果,并通过最终测试使页面能够呈现出来*!未找四用。为用户提供清晰、完整的使用环境。1.ogin图5.5用户登录页面2 .实现方法用户登录界面的主要功能分为已注册和未注册基本数据流程如下。通过了已注册和未注册。己登记的使用者,请输入使用者名称及密码,当你做完这一切,你就可以直接跳转到下一页。未注册用户单击您没有注册,转入到系统后不会进入到下一界面,需要重新找到正确的用户名进行操作。系统可以在一般条件下检查用户、口令以及一般条件下的登录,如果不是这样的话,就会进入一个错误的输出页面。代码的编写过程,就是从一个数据库中创建一个结构,并在该结构的基础上查找下一个结构。5.2.4购物页面1 .页面示例当用户在系统首页上点击任意一种物品,就会显示一个如图5.6所示的后台首页。后台首页的作用是让设计者随时看到要下单的物品,并可以在需要的时候可以看到购物车。在确定了购买的内容之后,进行后续操作。的颜聒醺嫌懿傣图5.6后台首页后台首页是后台管理系统的门面*!未找响用.,上面标注这一些大类信息,信息上用户可以看到六大管理系统。分别是用户管理,商品管理,评论管理,订单管理,管理员管理,咨询管理,通过各种管理用户可以进入相应的子类进行查找,使平台简洁,工整未加引用o在后台,管理员可以从用户列表中了解到用户的一些基本情况,从而更快地查找到用户的相关信息。如:ID、用户名、密码、地址、手机、用户等级、会员操作等。如图5.7用户列表图所示。I前台白负后台瞰I图5.7用户列表图后台管理商品列表功能包括商品名、单价、人气、销量、商品描述、分类、所属商家、图片地址、是否已上线等操作,使员工更好的对商品问题进行及时处理。如图5.8所示。酸>时问>2023-057215(58O»4iD45$55e三ew.f三fSIM工J“喇国O»4ZjOU4U4WW9-IG订MeIWSP!Ono23433MWffi皿»«IWOVAM13M三.N施皿4Oa210M23MtS-f三S*M图5.8商品列表图商品列表图中管理员可以清晰地看到ID,商品名,单价,人气,商品描述,分类图片地址,是否上线等操作。各类名称列举了几个,看起来更清晰更容易分辨。后台管理让管理员清楚的看到分了几类。后台管理的商品分类管理通过各种专区让员工更快,更方便的找到商品及时处理未找到引用。如图5.9所示。前台首页后台首页±aaww:2023-05-15IfcOl27苴页>asa>Iesa分关管理£即第C粼2管理碎蜿猛SS加6模T¾ftS分MC订单管理OIO分M名8I管理员管理1麻蜘资讯财O2CSZlEttO3位子愿有.O4牛区WWS闻EM6图5.9商品分类管理图后台管理的评论列表功能可以让管理员快速了解并处理顾客的问题,通过后台管理员可以快速了解到用户名、评论商品、评论内容、评论时间用户等级等。让使用者及时对顾客的评论进行回复及解决。如图5.10所示。解价首由后台自苑KEW上次Iram.仁天附。>那的XWJ<S1W)127IftrreAm的加IOWr神"KWRUKA卬二订第M3½*<x*'»»>:。夕,42,7Clt夕1BTt*iTO4fiQr*Tk,Ur1MWC5TW)*5?t*7三W2hMe7gMMcSTiWMQ-5WTJlWBlnr0fcMnafWIfl.OWtC*7W*MMtavlOIMMecsfjauflUg¼wafcf*HelMZIcMJmBeflOuMvw*GHkrM*w<axtf>M图5.10评论列表图2 .实现方法后台管理的订单列表功能让使用者快速找到用户的姓名、地址、手机买家信息,总价与状态。让商家及时对客户进行反馈。如图5.11所示。EIhg三>iJttW>iJM>ZCWJ-CS-ISIwOI2,UE、HtfifWMA13Gin“««:««.”1I。"IXUe9,*ts*u,网。s3u三*mX*.9*w柒tt½?R.<SCQas0tt,思石碑制。4t*MR三mi=T;(IMIIIIIIII皿MQ3,OW"«:££.。,wjwocwfmne<Ht*jKK4FIl>*i.flt11.三m三皿R图5.11订单列表图5.2.5 咨询管理登录页面本系统通过对于安全方面的考虑,没有将咨询管理登录界面放到系统中,使系统保密性更强。如图5.12所示。上ZmR.硒>淋#&>冽双<SlS1Mk27:,刖t理AgKlfImM)催督讨K>KMKUKMM«04c11wItwsraMMWMWeyI八WV0QUM。厕!理9MBWMUyl7lk5iS1MnH图5.12咨询管理登录界面5.2.6 用户管理部分的管理员列表管理员单击页面中的密码、加密言、角色、地址等。通过此列表商家可以对很多问题进行及时发现与解决,出现如图5.13所示,此图针对很多特殊的系统问题EiJ啦IDW工et2监丽I1M<b9.W6-IiI246X2S32固vO15ix6X7d.如M12456158S)2四21551.海p0dctVteu9e加922QX623画OX)W41ett.AKHF&.d!Muger12<U26Ma困图5.13管理员列表图5.2.7 订单管理部分的角色管理页面当单击“管理员管理”里面的“角色管理”时,功能是查看订单信息数据表角色信息,其中包含ID、角色名、角色描述以及权限等,方便管理员管理。如图5.14所示。偷的页G台颉JiJMMlW叠5IH9ftit113W»itMM9n图5.14角色管理图WK-15160177mraw前区K3WiSWtGJW1W三S1W三MW5.2.8 商品管理部分的重要页面当单击“管理员管理”时,出现“权限管理”如图5.15所示。