代码地址源码市场1开发技术论述1.1 Spring boot框架Spring Boot的开发团队来自美国的Pivotal公司是2013年研发的免费、轻量级、开源的系统框架。它集合、默认了许多框架的使用方法是基于原有的框架的功能的又一次进化所以从这个角度看它就又是一个旧的框架。Spring boot有以下几个特点低嵌入式设计代码污染性低不是只局限于Spring开发者可以随意的选择Spring框架的任意几个部分使程序的测试变得更加简单与方便没有独立的Web服务器需要所以不再需要启动TomcatGlass Fish。1.2 Vue框架Vue.js是一套构建用户界面的渐进式框架是一个基于MVVM模式的JavaScript库。Vue.js采用了自底向上的增量式开发的设计。Vue.js的显著特性有轻量级的框架、双向数据绑定、指令、插件化。1.3 Tomcat服务器Tomcat服务器是一个开源的Web应用服务器稳定而先进非常受开发人员的欢迎是主流的Web应用服务器之一。因为它占用较少的系统资源具有良好的可扩展性支持负载平衡和邮件服务以及开发应用程序系统的其他常见功能。Tomcat属于轻量级应用服务器主要应用于小规模系统和低并发性要求的软件应用。同时新版本的servlet和JAVA规范总是可以在Tomcat服务器中完美呈现因此它已经成为开发和调试JAVA程序的最佳选择。Tomcat服务器可以处理HTML页面。但是由于Tomcat服务器不如Apache能够优秀地处理静态HTML因此它们经常一起配合使用。一旦完成了精确的配置Apache就为HTML页面提供服务。于是Tomcat可以顺利地执行JAVA和servlet。1.4 MySQL数据库本项目数据库选用 MySQL。MySQL 是一款开源的关系型数据库管理系统也是 LAMP 开源 Web 应用软件栈的关键组成部分。全球许多知名网站如谷歌、Facebook、Twitter、YouTube 等的数据库均基于 MySQL 设计。MySQL 使用 C 和 C 编写经过多编译器测试具有良好的跨平台性和源代码可移植性。它支持多线程、多种编程语言 API优化后的 SQL 查询算法能有效提升查询速度。MySQL 提供 TCP/IP、JDBC 等多种连接通道并配套管理工具能够处理大量记录的大型数据库。与 Oracle、DB2 等大型商业数据库相比MySQL 在规模与功能上略有不足但这并不影响其在大多数场景下的出色表现。作为一款开源软件MySQL 为个人用户和中小企业提供了足够丰富的功能同时大大降低了开发成本。tify了开发成本。2 系统设计2.1系统功能模块设计经过分析本系统的实际需求系统主要分为三个模块用户、商家以及管理员具体的功能模块如图2-1所示图2-1 功能模块设计图3 系统的功能实现3.1前台用户功能实现对于任何网站相应完成除了信息查看外更多的操作就必然要通过系统的身份审核要通过相应的身份审核就必然要进行注册通过注册操作可以获得合法的使用权限。在系统的注册页面要根据系统的要求如账号、密码等资料的填写及确认。另外用户在注册时系统处了进行必填项的非空检测外还要对用户填入的信息进行数据库重复比对操作。如果用户填入的用户名在数据库中已经存在即已经被其他人注册则系统会进行用户名重复的响应提示。在所有的登录注册都能够通过管理员审核后表示用户是能够按照此账号名和密码对系统进行登录的。审核通过后首页会自动弹出注册成功的提示。以用户名为xxx,密码123456为例进行用户注册如下图3-1所示图3-1用户注册界面在设计系统的登录流程时通常会从实用和有效性来考虑即所设计的流程简单实用还要能够有效的屏蔽非法的登入系统保护系统数据的安全。用户需要登录本系统时需要在登录框中对应的输入个人的用户账号和密码点击登录时系统会自动接收到的帐密组合在相应的存储数据表中检索若检索能够得到结果则表示该账密组合合法则允许登录系统会自动跳转页面若检索无结果则表示系统中不存在此账密组合用户则给出错误提示并停留登录页面。如下图3-2所示图3-2用户登录界面主界面主要分为首页、商家、茶叶信息、论坛、公告信息轮播区其原理就是在发出相应的查询申请时系统会调用已设定好的MySQL数据库命令在指定的数据表中进行数据的检索并且将检索得到的结果存储为数据集的形式这样可以方便多个数据准确的绑定到GridView控件上来完成属性和内容的对应和显示。通常的情况系统会以DataKeyNames属性来绑定对应行的主键。这样的操作方式可以很大限度上避免以后在数据操作时发生错误。例如在以后的数据修改、删除操作。都需要进行数据的准确定位通过DataKeyNames就可以避免定位出错进而避免错误的删除或修改的发生。如下图3-3所示:图3-3系统主界面用户点击茶叶信息页面的搜索栏输入茶叶名称、茶叶种类进行查询然后可以查看茶叶等信息如果有需要可以添加到购物车、立即购买、收藏或者评论等操作如图3-4所示图3-4茶叶信息页面用户点击商家页面的搜索栏输入商家号、商家名称进行查询然后可以查看商家等信息还可以点击下载等操作如图3-5所示图3-5商家页面购物车:用户将想要购买的茶叶加入购物车加入购物车后可以增减数量、删除、点击购买可一键清除失效茶叶如图3-6所示图3-6购物车页面在个人中心页面可以更新个人详细信息还可以对我的发布、我的订单、我的地址、我的收藏进行详细操作如图3-7所示图3-7个人中心界面3.2后台管理员功能实现后台管理员登录在登录页面选择需要登录的角色在正确输入用户名和密码后点击登录操作如图3-8所示。图3-8后台管理员登录界面管理员进入系统主页面主要功能包括对用户、商家、茶叶种类、茶叶信息、论坛管理、系统管理、订单管理、个人资料等进行操作。管理员主页面如图3-9所示图3-9管理员主界面管理员点击用户在用户页面输入用户账号、用户姓名可以查找新增或移除用户信息并根据需要对用户信息进行相对应的操作。如图3-10所示图3-10用户界面管理员点击商家在商家页面输入商家号、商家名称可以查找新增或移除商家信息并根据需要对商家信息进行相对应的操作。如图3-11所示图3-11商家界面管理员点击茶叶种类在茶叶种类页面输入茶叶种类可以查找新增或移除茶叶种类并根据需要对茶叶种类进行相对应的操作。如图3-12所示图3-12茶叶种类界面管理员点击茶叶信息在茶叶信息页面输入茶叶名称、商家名称、价格、最大价格可以查找或移除茶叶信息并根据需要对茶叶信息进行相对应的操作。如图3-13所示图3-13茶叶信息界面管理员点击论坛管理在论坛管理页面输入帖子标题可以查找或移除论坛信息并根据需要对论坛信息进行相对应的操作。如图3-14所示图3-14论坛管理界面管理员点击系统管理在系统管理页面中包括轮播图管理、公告信息、公告信息分类、在线客服模块可以查找或新增、移除系统信息并根据需要对系统信息进行相对应的操作。如图3-15所示图3-15系统管理界面3.3后台商家功能实现后台商家注册、登录在注册、登录页面正确输入用户名和密码等信息后点击注册或者登录操作如图3-16所示。图3-16后台商家注册、商家登录界面商家进入系统主页面主要功能包括对茶叶信息、订单管理、个人资料等进行操作。商家主页面如图3-17所示图5-17商家主界面商家点击茶叶信息在茶叶信息页面输入茶叶名称、商家名称、价格、最大价格可以查找新增或移除茶叶信息并根据需要对茶叶信息进行相对应的操作。如图3-18所示图3-18茶叶信息界面
