摘 要

家用空调销售网站作为一个电子商务平台，旨在为用户提供更加高效的空调选择方式。在家用空调销售网站中，空调的种类非常全面，并通过家用空调相关新闻以及网站中商品的销量数据给用户提供参考与建议。

在本文中介绍了网站系统开发所使用到的技术手段以及系统设计的整体过程。网站后台采用Springboot JPA框架进行搭建，并提供访问接口以便于前端发送请求与数据。前端采用HTML与CSS、Bootstrap等技术完成界面设计，并使用Javascript完成与后台相关操作性功能。家用空调销售网站的系统的整体架构采用前后端分离的模式。在网站系统中，前端即网页界面通过获取用户的需求向后台发送请求，并将后台返回的相关数据进行接收再显示在用户眼前。网站系统的整体框架清楚，且具有十分清晰的层次结构。

本文中的网站系统完成了较为全面的空调筛选与检索功能、便捷的新闻浏览功能以及清晰的统计数据。通过本系统，优化了用户选择空调的过程，提高了用户购买空调的效率。通过评论功能实现了用户间的交流，降低了用户了解不同种类空调的难度。

关键词：家用空调、Springboot、网站系统、Javascript

Abstract

Home air-conditioning sales site as an e-commerce platform aims to provide users with more efficient air-conditioning options. In the home air conditioner sales website, the types of air conditioning are very comprehensive, and they provide users with reference and recommendations through home air conditioner related news and sales data of the products in the website.

In this article, I introduce the technical methods used in the development of website systems and the overall process of system design. The website uses the Springboot JPA framework to set up the background, and provides an access interface for the front end to send requests and data. The front end uses HTML and CSS, Bootstrap and other technologies to complete the interface design, and use Javascript to complete the related operational functions with the background. The system of the home air conditioner sales website in this article is implemented using an architecture in which the front rest server is separated. In the web site system, the front end, ie, the web page interface, sends a request to the background by obtaining the user's needs, and receives the relevant data returned in the background and displays it in front of the user. The overall framework of the website system is clear and has a very clear hierarchy.

The website system in this article has completed a more comprehensive air-conditioning screening and retrieval functions, convenient news browsing capabilities and clear statistical data. Through this system, the user's process of selecting air conditioners is optimized, and the efficiency of the user's purchase of air conditioners is improved. The user-to-user communication was achieved through the comment function, which reduced the user's difficulty in understanding different types of air conditioners.

Keywords: Home Air Conditioning, Springboot, Website System, Javascript

目 录

第1章 绪论 1

1.1 研究的目的及意义 1

1.2 国内外研究现状分析 1

1.3 系统设计开发主要任务 2

第2章 系统需求分析 3

2.1 用户需求分析 3

2.2 系统功能需求分析 3

2.3 开发工具及技术 4

第3章 系统总体设计 5

3.1 系统整体架构 5

3.2 系统功能结构设计 6

3.3 系统数据传输流程设计 7

3.4 系统数据库设计 8

3.4.1 系统数据库结构图 8

3.4.2 系统数据库详细设计 9

3.5 系统设计思路 12

第4章 系统详细设计实现 13

4.1 系统后台开发 13

4.1.1 数据的实体类 13

4.1.2 系统功能后台详细实现 14

4.2 前端界面设计 16

第5章 系统运行及测试 22

5.1 页面跳转测试 22

5.2 输入输出校验 23

5.3 图片上传功能测试 23

第6章 总结与展望 25

6.1 系统开发总结 25

6.2 系统的改进与展望 26

参考文献 27

致 谢 28

第1章 绪论

1.1 研究的目的及意义

随着互联网技术，数据库技术和电子商务技术的飞速发展，人们的生活方式也产生了较大的变化，相较于以前人们更加喜欢出门去实体店挑选购买自己需要或喜欢的物品，享受逛街的乐趣，现在的人们更多地会选择比出门购物更加方便的网上购物。现在，网购已然成为人们生活中相当重要的一部分，网购商品的多样性以及价格比起实体店都有不小的优势。

随着人们生活水平的提高，对生活质量要求的提升，家用空调在现在几乎成为了生活中的必需品，而不再拥有数十年前的奢侈品的地位。科学技术的突飞猛进也使得空调的功能并不局限于简单的制冷或制热，当下，使用空调的主要目的是让人们能在相对舒适的工作或者生活环境下进行更高效率的学习工作或者获得更优质的生活体验。为了尽可能的满足所有用户的体验，人们对于空调的选择也会变得十分繁琐。在实体店中由于空调的占地面积的限制，用户所能选择的余地变得非常有限，而通过专门的家用空调销售网站系统可以让这个过程变得简单。现在，家用空调比起之前所认为的“大件”更像是一件消耗品，而家用空调的销售网站可以让用户更方便的进行家用空调的挑选以及比较，对几乎所有的家用空调种类进行分类并建立索引，让用户更快的找到自己所需要的家用空调。同时，网站上可以发布关于家用空调的新闻以及价格变化趋势，让用户可以自己抉择最适合自己的空调，改善自己的生活。通过设计出合适的网站，让用户选择家用空调的过程更加享受。

1.2 国内外研究现状分析

空调销售网站本质上是属于电子商务网站，并以此来完成网络零售功能的。在美国，日本等信息化较为发达的国家与地区，电子商城的发展极为迅速，全世界的网络零售交易额从0.86万亿美元增长至1.92万亿美元，平均下来，每年的交易额增长率高达17.4%。随着智能手机持有率的提高，互联网使用的普及，未来几年里的全球的网络交易额仍将会保持相当乐观的势头增长。在我国，从近几年的天猫，淘宝，京东等购物网站的销售记录飞速突破与销售额指数型提升可以看出，网购正在逐渐取代实体店购物。在家用空调这一块儿，国内知名电器大厂如格力、美的等都拥有自己经营的网络商城。由于现在东南亚地区以及亚洲部分国家的经济规模的快速发展以及当地环境问题，他们对于空调的需求也在不断增加，成为了一股提高空调成交量的主力军。近几年来，印度尼西亚，泰国，越南等国家的空调销售量十分可观，他们十分钟爱日本厂商生产的空调，而这种进口工作需求促进了空调销售网站的蓬勃发展。

1.3 系统设计开发主要任务

家用空调销售网站主要目的是为了完成家用空调的发布，销售等工作，为了明确自己的工作目的，有效地进行开发过程，系统设计与开发的过程根据时间以及功能模块详细分为了以下几个任务：

（1） 需求分析：通过对系统所面向的使用对象进行调查以及对当前类似网站系统分析确定网站系统所需要完成的功能与系统实现所需开发工具及开发技术。

（2） 系统总体设计：通过需求分析阶段确定的系统功能，设计好系统整体的架构、系统各个层次之间的关联、系统间各部分逻辑联系与物理关系包括数据传输、交互、存储等，完成系统数据库的设计。

（3） 系统详细设计：通过之前搭建好的系统的框架以及系统的底层实现，实现整个系统的开发，包括后台服务器的搭建，网站系统界面的实现以及各个模块详细功能（如不同角色的功能模块、商品模块等），同时还需要完成前端与服务器，服务器与数据库之间数据交互的实现。

（4） 系统测试：对已完成的系统进行测试，同时载入大量数据，并对系统的每个功能进行黑盒测试，通过前端测试页面跳转是否正常，参数传递是否出现错误。

（5） 总结与展望：在整个网站系统开发完成以后，总结系统的设计与开发过程，分析系统具有的特点与需要改进的不足之处。反思自己的问题。

第2章 系统需求分析

系统需求分析在一个系统的开发过程中是十分关键的一个环节，在这个环节里，开发者需要确定软件的功能需求，避免出现完成系统之后，由于与客户需求不符需要重新开发或者根本就无人需要的的尴尬情况^[1]。开发本就是一个需要精力，时间的过程，在这一章里，主要是确定网站系统的功能需求以及开发主要所使用的技术与工具

2.1 用户需求分析

家用空调销售网站主要是为了让用户更方便的选择适合自己的家用空调。对于网站来说，为了简化用户选择的过程，可以通过空调的多种属性对空调进行分类，用户可根据自己的需求筛选合适的空调。除了添加控制条件，空调的销量与评价也是影响用户选择的一大重要因素，所以，需要在用户查看空调时将空调的销量以及其他用户的使用评价显示在界面显眼的位置。用户选择好合适的空调以后，就可以进行空调购买阶段。在这一过程中，系统会生成一个订单，订单中有需要用户填写的相关信息。当填写的信息没有错误是，订单会生效。在购买家用空调以后，用户能对空调进行评论。

一个家用空调销售网站并不能只有空调的购买这单一的功能，有时候，用户无法根据自己的需求确定合适的空调，或者无法了解最近的空调市场从而做出正确的选择，所以此时需要一些新闻或技术指导来帮助客户进行选择。网站系统中应该添加一些相关新闻来帮助用户，用户可以查看最新的消息来决定自己的选择，也可通过技术指导来解决有关空调的问题。部分用户也可以将自己获得的最新资讯分享给其他用户，或者将一些使用或保养空调的方式教给其他用户。

2.2 系统功能需求分析

在这里主要通过用户角色与功能模块的分类对网站功能进行需求分析，系统主要包括两种角色：

（1） 管理员：管理网站系统。管理员需要对家用空调进行相关信息的管理。添加或删除部分空调数据。审核新闻内容，用户发布的新闻内容需要与家用空调相关并且真实有效。查看用户对系统的留言。通过用户反馈改进此系统。

（2） 用 户： 可以查看正在销售的家用空调。可以使用分类检索或者关键词检索对家用空调进行筛选。购买家用空调，之后能在用户的个人信息中查看自己所购买空调的相关信息。可评论自己已购买的空调。用户可以发布、浏览空调相关新闻。新闻检索的方式是关键词检索或者新闻类型分类。可以给网站留言。可以修改自己的信息，可以查看自己所购买过的空调订单信息以及所发布过的新闻。用户注册后成为会员，并可通过购买家用空调或者发布新闻获取经验并提升会员等级。

此网站系统主要分为以下几种用户功能模块：

（1） 登录/注册模块：注册新用户。登录通过用户输入账号与密码以及后台校验完成。用户只有完成登陆之后才可进行购买商品生成订单与发布新闻等操作。

（2） 商品模块：商品模块主要包括显示所有商品，并可根据空调品牌、类型、售价范围对空调进行分类查询，同时也可根据关键词查找指定空调。在空调详情的界面需要显示关于此空调的评论。购买空调需要详细填写空调订单信息，空调订单生效之后需要用户确认即可完成订单，订单完成之后用户也可对此商品的购买过程或商品本身进行评价，主要分为好评与差评。

（3） 新闻模块：主要功能是浏览新闻。用户可根据新闻类型筛选新闻。关键词检索新闻系统也是支持的。用户还可以进行新闻发布，新闻发布之后会在个人信息中生成记录。

（4） 留言模块：用户与管理员均可看到留言，留言模块记载的主要是用户对网站体验的留言以及对网站问题的提出与改进的措施。

（5） 销售统计模块：根据商品类型与商品售价范围统计商品的销量，并以清晰的图表显示出来。

2.3 开发工具及技术

家用空调销售网站系统整体采用MVC模式进行设计开发，即视图、模型与控制三层结构。在本次设计中使用Springboot JPA框架框架搭建后台，使用这种框架建立的依赖可以较为简单的实现服务端与数据库的连接，也一定程度上的简化了数据库部分操作，只要设定好前端访问的接口（即指定访问路径）即可方便的完成前端与后台的数据交互^[2]，前端主要使用HTML JS完成编写，并使用CSS、Bootstrap等工具完成界面的设计，JavaScript负责连接后台，访问后台的接口并获取后台返回的数据同时控制页面跳转^[3]。本文中预期的家用空调网站系统是前后端分离的架构模式，前端通过后台提供的接口进行数据交互。本次网站系统开发所使用的数据库是Mysql数据库，通过对数据库中的数据进行增、删、改、查等操作完成系统的基本功能。

第3章 系统总体设计

系统总体设计的目的是打造好网站系统的框架。在系统详细实现前，需要对实现家用空调销售网站系统进行规划。在系统总体设计的过程中，需要考虑到系统架构层次以及各层次所对应的工作与各层次间的联系，同时还要设计好数据传输的流程^[4]。系统总体设计还应该包括数据库的设计，合理建立数据库优化查询的速度，降低系统内部的复杂度，使系统更加健康。在前端结构设计方面，经过规划之后可减少一些无意义的跳转，加强页面之间关联。

3.1 系统整体架构

系统整体架构模型图如下；

图 3.1 系统整体架构图

系统整体分为前端显示界面、后台数据处理与数据库三部分。系统整体呈MVC模式也就是模型、视图、控制三层结构。前端界面主要是视图，与用户进行交互，通过将用户输入的数据传输给后台并获取后台返回的数据再将其反馈给用户。而后台数据处理可分为业务逻辑层与数据访问层两个层次：

（1） 业务逻辑层：通过接口获取前端传递的参数根据前端所需求的功能将任务分发给数据访问层执行，获取数据访问层返回的数据或信息之后，将其转换成合适的数据类型返回前端，完成前后端的数据交互。

（2） 数据访问层：通过业务逻辑层分发下来的任务与传递的参数执行对数据库的相关操作，根据业务逻辑层的需求，通过与数据库的交互主要是对数据库中数据的增、删、改、查并将数据库中获取的数据进行处理，最后将执行结果返回给业务逻辑层^[5]。

3.2 系统功能结构设计

系统功能相关的用户用例图：

图 3.2 系统用例图^[6]

根据用户用例中的功能设计与系统木块功能设计的结合，将需求分析中，系统功能需求根据各种功能之间的逻辑关联详细分为以下几类：

（1） 登录注册。

（2） 空调商品信息功能：显示空调列表，对空调进行分类，购买空调，空调评论，空调管理。

（3） 新闻信息：新闻列表，新闻分类，新闻管理。

（4） 用户留言。

（5） 统计数据：商品类型统计，商品售价统计。

网站系统的结构与模块分类将影响网站界面的设计

图 3.3 系统功能结构图

3.3 系统数据传输流程设计

网站系统中的数据传输流程主要可分为以下几种情况：

（1） 无数据传递，这种情况主要出现在前端，基本就是单纯的页面跳转，通过链接的定向跳转，比如说各个模块页面之间的跳转等。在这种情况下，页面无参数传递。

（2） 由网站界面通过Javascriipt向服务器发送请求。这种情况是前端的Javascript获取HTML页面中用户输入的数据，并将这些数据传递至后台接口，后台接口获取数据后，执行指定任务，完成后，后台返回执行成功与否的结果，前端根据此结果进行下一步的操作。这种情况主要包括用户登录，用户注册等操作^[7]。

（3）由网站界面通过Javascriipt向后台发送请求并传递所需要的参数，服务器根据请求查询数据库。网站界面将服务端的查询结果显示出来。这种情况实现显示家用空调列表或者新闻列表。

3.4 系统数据库设计

3.4.1 系统数据库结构图

以上是毕业论文大纲或资料介绍，该课题完整毕业论文、开题报告、任务书、程序设计、图纸设计等资料请添加微信获取，微信号：bysjorg。

相关图片展示：