成都职业技术学院毕业设计（项目技术报告）论文（设计）题目： “齐豚商城”网站设计与分析 学生姓名　　 张针豪 专业班级 软件技术（JAVA）193-2 学生学号 19302030328 专业名称 软件技术 指导教师 吴全娥 2021年11月11 “齐豚商城”网站设计与分析作者： 张针豪指导教师：吴全娥软件技术（JAVA）193-2班摘要：网上购物商城系统是建立在Internet 网上进行商务活动的虚拟网络空间和保障商务顺利运营的管理环境;是协调、整合信息流、物质流、资金流有序、关联、高效流行的重要场所。企业、商家可以充分利用网上购物商城提供的网络基础设施、支付平台、安全平台、管理平台等共亨资源有效地、低成本地开展自己的商业活动。齐豚商城系统有前台和后台组成，具有操作简单、界面友善、灵活性好、运行稳定等特点，是电子商务的理想选择。齐豚商城系统正是为此而设计的，在开发过程中，我采用idea2020作为开发软件，采用javaee做为底层语言开发，模板引擎采用的是thymeleaf，数据库采用MySQL 5.5，后端框架采用的是SSM+springboot+mybatis-plus，后端界面采用了AdminLTE 2.4是一款建立在bootstrap和jquery之上的开源的模板主题工具，里面提供了更丰富的功能组件，支付功能采用的是支付宝沙箱，优美的弹窗采用的是sweetalert 2，验证码采用的是EasyCaptcha，最后用宝塔面板部署到阿里云服务器上面运行。“关键字”：MySQL 5.5，SSM+springboot+mybatis-plus，AdminLTE 2.4SSM：Spring 、 Spring MVC 和 MyBatis 框架的缩写，是标准的MVC模式。Springboot：设计目的是用来简化Spring应用的初始搭建以及开发过程。mybatis-plus：是一个Mybatis的增强工具。AdminLTE 2.4：是建立在bootstrap和jquery之上的开源的模板主题工具。Mysql5.5：是一个关系型数据库管理系统。AbstractOnline shopping mall system is built on the Internet for business activities of virtual network space and ensure the smooth operation of business management environment; It is an important place to coordinate and integrate information flow, material flow and capital flow in order, relevance and high efficiency. Enterprises and businesses can make full use of the network infrastructure, payment platform, security platform, management platform and other common resources provided by online shopping malls to carry out their business activities effectively and at low cost. Qidolphin mall system is composed of front stage and back stage, with simple operation, friendly interface, good flexibility, stable operation and other characteristics, is the ideal choice for e-commerce. Qidolphin Mall system is designed for this purpose. In the development process, I use IDEA2020 as the development software, javaEE as the underlying language development, template engine is thymeleaf, database is MySQL 5.5, The back-end framework adopts SSM+ SpringBoot + Mybatis - Plus, and the back-end interface adopts AdminLTE 2.4 is an open source template theme tool built on bootstrap and jquery, which provides richer functional components. The payment function adopts Alipay sandbox. Sweetalert 2 is used for graceful popover, EasyCaptcha is used for verification code, and finally it is deployed to Ali Cloud server for operation with pagoda panel. “Key words”：MySQL 5.5, SSM+ Springboot + Mybatis - Plus, AdminLTE 2.4 SSM: Short for Spring, Spring MVC, and MyBatis framework, is the standard MVC pattern. Springboot: Designed to simplify the initial setup and development of Spring applications. Mybatis - Plus: is an enhancement tool for Mybatis. AdminLTE 2.4: An open source template theme tool built on bootstrap and jquery. Mysql5.5 is a relational database management system. 目录第1章 引 言 11.1课题背景 11.2课题目的 11.3参考资料 11.4系统开发工具 11.4.1 数据库系统 11.4.2 Navicat Premium 15 21.4.3 IDEA 21.5硬件需求 2第2章 收集与分析应用需求 32.1 收集需求 31. 产品定位及核心功能 32. 用户群分析 32.2分析需求 31. 齐豚商城后端可划分成5个功能模块 32.齐豚商城前端可划分成6个功能模块 4第3章 系统设计 63.1系统总体结构 61、Spring 62、 Spring MVC 63、 Spring-boot 64、 Mybatis 65、 mybatis-plus 66、 AdminLTE 67、 其它结构 73.2系统功能结构设计 7(1) 前台： 7(2) 后台： 83.3数据库设计 103.3.1概念结构设计 103.3.2物理结构设计 103.3.3 er图展示 113.3.4数据库字段 113.4接口设计 153.4.1外部接口 163.4.2内部接口 183.5界面设计 373.5.1登录|注册页面 373.5.2主页面 393.5.3商品详情页面 403.5.4搜索页面 413.5.5购物车页面 423.5.6个人信息页面 423.5.7订单信息页面 433.5.8订单详情页面 443.5.9支付选择页面 453.5.10支付宝支付页面 453.5.11后台主页 463.5.12首页配置 473.5.13分类管理 473.5.14商品管理 483.5.15库存管理 483.5.16商品订单 493.5.17库存订单 493.5.18报表统计 503.5.19用户管理 503.5.20员工管理 513.5.20修改信息 51第4章 结论 52致 谢 53参考文献 54 第1章 引 言1.1课题背景随着信息科学技术的不断发展与完善，信息化已经成为个人之间甚至是国家之间商务发展的一大趋势，并且广泛应用于商业贸易、国际化的网络、计算机科学以及网络通信之中。电子商务正是依托信息化技术的迅猛发展将全球化的巿场集中在网络平台之中﹐打破了传统销售模式巿场受众的局限性，成为当下人们消费的主要方式。而随着JAVA技术的崛起与数据库技术的不断完善，为网上购物系统提供了良好的技术支持。电子商务的发展壮大与网络技术的进步息息相关。相对于传统购物方式而言,网络购物已经广泛受到消费者以及企业的高度重视。随着传统购物方式竞争的白炽化、网上购物环境的成熟、网上购物市场规模的飞速增长。一面是传统渠道竞争的压力，另一面是新兴渠道广阔市场前景诱惑，网络购物已经成为众多消费者的首选购物方式，齐豚商城就由此而诞生。1.2课题目的随着网络的普及，市场经济的本质是竞争，众多目光都投向了网络购物。而电子商务和互联网的发展，极大地促进了网上消费，所以开发齐豚商城网站平台，它不仅可以让用户友好的购买商品，优美的界面让用户流连忘返，多功能后台还可以让商家便捷的配置网站的各种信息，都达到了快速购买和快速配置，让人们的生活更加的便捷，更加的有活力。1.3参考资料在本文档中，引用了如下的文档和资料-- 《软件文档编写规范 - GB2020》-- 《数据库管理系统（SQL/ACCESS）技术手册》1.4系统开发工具1.4.1 数据库系统后台数据库系统使用的MySQL。MySQL是一个关系型数据库管理系统，由瑞典MySQL AB 公司开发，属于 Oracle 旗下产品。MySQL 是最流行的关系型数据库管理系统之一，在 WEB 应用方面，MySQL是最好的 RDBMS (Relational Database Management System，关系数据库管理系统) 应用软件之一。MySQL是一种关系型数据库管理系统，关系数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内，这样就增加了速度并提高了灵活性。MySQL所使用的 SQL 语言是用于访问数据库的最常用标准化语言。MySQL 软件采用了双授权政策，分为社区版和商业版，由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，一般中小型网站的开发都选择 MySQL 作为网站数据库。1.4.2 Navicat Premium 15Navicat Premium 是一套多连接数据库开发工具，让你在单一应用程序中同时连接多达七种数据库：MySQL、MariaDB、MongoDB、SQL Server、SQLite、Oracle 和 PostgreSQL，可一次快速方便地访问所有数据库。Navicat Premium 15具有无缝数据迁移，多元化操作工具，数据可视化工具，提升生产力，高级安全连接，深色模式，简单的查询编辑，智能数据库设计器，智能模式分析器，协同合作更方便，跨平台许可证等众多优点。1.4.3 IDEAIDEA全称 IntelliJ IDEA，是java编程语言开发的集成环境。IntelliJ在业界被公认为最好的java开发工具，尤其在智能代码助手、代码自动提示、重构、JavaEE支持、各类版本工具(git、svn等)、JUnit、CVS整合、代码分析、 创新的GUI设计等方面的功能可以说是超常的。IDEA十分智能的协助开发，智能代码提示，参数提示，快速完成语句，Postfix Code 快速转换 if、for 等表达式，Live Template 定义关键字，快速输出对应代码，强大的搜索功能，版本控制功能，重构代码功能，版本更新速度快等众多优点。1.5硬件需求表4- 1 user表服务器系统 服务器配置 Java jdk 数据库 域名国产化服务器 CPU: 2vCPU 运行内存：4Gib系统：centos 7.6 Jdk1.8 Mysql5.5 zzhtun.online 第2章 收集与分析应用需求2.1 收集需求需求分析工作是软件生存周期最重要的一个环节。需求分析的基本任务是要确定系统必须完成哪些工作，并提出完整、准确、清晰、具体的要求。需求分析阶段确定的系统逻辑模型是以后设计和实现目标系统的基础，因此，必须准确完整地体现用户的要求。1. 产品定位及核心功能（1）网络购物平台和网络购物后台管理平台。（2）淘宝是最早一批独立的第三方消费购物平台，用户可以在淘宝商城上自由地购买商品。而这些已经购物的消费者，可以继续口碑宣传本商城。（3）可以方便后台管理人员对网站动态的设置商品展示，对商品和用户进行一系列操作，还可以直观的查看网站的各个信息。2. 用户群分析由于购物是现在的主流消费方式，特别是双十一，所以根本不缺用户群体。2.2分析需求根据收集到的用户需求，了解到齐豚商城需要完成用户的搜素信息、商品加入购物车、购物车里商品的增删改、订单的提交，修改收货地址、查看订单流程、更改个人信息，管理员后台管理等功能的可适用性。同时，系统管理员需要通过管理系统完成用户和员工基本信息管理、商品信息管理、网站配置管理。1. 齐豚商城后端可划分成5个功能模块首页配置模块，商品管理模块，订单管理模块，报表统计模块，系统管理模块。这5个功能模块的基本内容如下：首页配置模块：对主页信息进行增删改。 主页轮播图配置 主页热销商品配置 主页新品商品配置 主页推荐商品配置商品管理模块：对商品数据进行管理。 增改商品详情 上下架商品 增加商品库存 增删改商品三级分类分类订单管理模块：对订单进行管理。 修改订单信息 订单状态设置为配货完成 订单状态设置为设置出库 订单状态设置为关闭 修改库存订单信息报表统计模块：统计网站各个信息 商品上下架报表 库存数量报表 用户是否禁用报表 员工是否禁用报表系统管理模块：管理用户，员工，自己信息 用户的状态解除禁用和禁用，重置密码 员工的新增，状态解除禁用和禁用，重置密码 更改个人信息 退出登录2.齐豚商城前端可划分成6个功能模块用户登录注册模块，用户个人信息，商品信息模块，购物车模块，订单模块，搜索模块。这6个功能模块的基本内容如下：（1）用户注册模块：新用户的注册 使用手机号码，验证码注册 设置密码（2）用户登录模块：根据已有账号进行登录 使用账号和密码，验证码验证，进行登录（3）用户个人模块：修改自己的账号 查看个人信息 修改个人信息（3）商品详情模块：会员可以查看商品详情 将商品加入购物车 选购商品（4）购物车模块：会员可以操作购物车里商品 增减购物车商品数量 删除购物车商品 提交购物车（5）订单模块：对订单的查看和支付 使用支付宝支付订单 取消订单（6）搜索模块：会员可以搜索商品 用户输入搜索的商品名字 第3章 系统设计这系统设计阶段的主要目标是将系统分析阶段所提出的反映了用户信息要求的系统逻辑方案转换成可以实施的基于软件的物理方案。3.1系统总体结构1、Spring使用Spring来管理JAVA类，Spring可以项目更快，更轻松，更安全地进行java编程，而且是一个轻量级的非侵入式框架，提供对事务的管理，更好的对主流框架进行集成。2、Spring MVCspring-mvc是一个基于Java的实现了mvc设计模式的请求驱动类型的轻量级Web框架，通过把model，view，controller分离，将web层进行职责解耦，把复杂的web应用分成逻辑清晰的几部分，简化开发，减少出错，方便组内开发人员之间的配合。清晰的角色分配：前端控制器(dispatcher servelet) , 请求到处理器映射（handler mapping), 处理器适配器（handler adapter), 视图解析器（view resolver）3、Spring-boot使用spring boot可以减少项目的配置，减少配置文件，减少代码的编写量，项目更加精简，对整个团队的合作和配合起了至关重要的优势，避免了大量的样板代码、注解和XML配置，而且spring boot遵循“自我默认配置法”，以减少开发工作量。4、Mybatismybatis和hibernate都是操作数据库的框架，但是mybatis对SQL语句的编写更加清晰，能够更加清楚的操作SQL语句，而且可以对数据库返回的结果进行映射和解析，利用SQL拼接，不需要死板的模板样式，只需要修改参数的不同，以至于到达想要的效果，特别适用于数据库表的操作繁琐的项目。5、mybatis-plusmyBatis-Plus在 MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生。有众多的功能，如无侵入,损耗小,支持 Lambda 形式调用,内置代码生成器等6、AdminLTEAdminLTE是一款建立在bootstrap和jquery之上的开源的模板主题工具。Bootstrap有很多高质量的HTML、CSS以及JavaScript，使您的WEB工程项目变得无比简单，包括官方的CDN和启动器服务。jQuery 是一个快速、小型且功能丰富的 JavaScript 库。它使像HTML文档横穿和操作，事件处理，动画和Ajax的东西简单得多，一个易于使用的API，在众多的浏览器上工作。有多功能性和可扩展性等优点。 提供一系列响应的、可重复使用的组件， 并内置了多个模板页面。 自适应多种屏幕分辨率，兼容PC和移动端。 快速的创建一个响应式的Html5网站。 dminLTE 不但美观，而且可以免去写很大CSS与JS的工作量端管理框架。7、其它结构 sweetalert:一个美观，响应，可定制，可访问（WAI-ARIA）替代JAVASCRIPT的弹出框零依赖。 wangEditor:Typescript 开发的 Web 富文本编辑器，轻量、简洁、易用、开源免费 EasyCaptcha：Java图形验证码，支持gif、中文、算术等类型，可用于Java Web、JavaSE等项目。 支付宝沙箱:使用支付宝沙箱模拟支付宝支付，对于广大开发者开发提供了便利。3.2系统功能结构设计(1) 前台： 图3-2-1 前台功能结构图1.登录注册用户可以访问主页和搜索页面，想要浏览商品详情，购物车，订单等，都需要登录才能访问。登录和注册都需要验证码验证。2.个人信息 用户可以更改自己的信息 用户可以查看自己的订单列表，带分页操作 用户可以退出登录3. 购物车 购物车可以增减删商品 购物车可以结算商品，然后到支付页面4. 订单 用户可以查看自己的订单详情 用户可以支付订单 用户可以选择支付方式 用户可以取消订单5. 主页 主页动态展示商品轮播图 主页动态展示热销商品 主页动态展示新品商品 主页动态展示推荐商品 主页动态展示商品分类 可以点击商品，进入商品详情 商品详情里面可以加入购物车和选购该商品(2) 后台： 图3-2-2 后台功能结构图1. 登录 管理员和员工才能登录 需要验证码才能登录 员工数错超过三次就要封禁，需超级管理员解除封禁2. 主页模块 主页轮播图增删改 主页热销商品增删改 主页新品商品增删改 主页推荐商品增删改3. 管理模块 商品类别的增删改 商品的增删改 进库的库存的增加4. 订单模块 商品被购买的订单，修改，配货，出库，关闭订单功能。 商品进货的订单，修改功能。5. 报表模块 商品上下架数量报表。 库存数量比例报表。 员工封禁数量报表。 用户封禁数量报表。6. 系统模块 用户管理，禁用账号，解除禁用，重置密码 员工管理，添加员工，禁用员工，解除禁用，重置密码 修改个人信息 退出登录3.3数据库设计数据库(Database)，是按照数据结构来组织、存储和管理数据的仓库，是用于查询的大量数据的存储区域。使用数据库可以带来许多好处：如减少了数据的冗余度，从而大大地节省了数据的存储空间，实现数据资源的充分共享等等。此外，数据库技术还为用户提供了非常简便的使用手段，使用户易于编写有关数据库应用程序。特别是近年来推出的计算机关系数据库管理系统，操作直观，使用灵活，编程方便，功能强大，环境适应广泛，数据处理能力极强。数据库的设计是指对一个给定的应用环境，构造数据库模式，建立数据库及其应用系统，满足各种用户需求。作为信息资源开发、管理和服务的一种有效的手段，数据库技术的应用已越来越广泛，从小型的单项事务处理系统到大型的信息系统大都用先进的数据库技术来保持系统数据的安全性、完整性和共享性。对一个实际的系统来说，数据库表的设计在遵循数据库理论的同时，必须能用开发工具来实现用户在各方面提出的功能要求。一个真正的、完整的站点是离不开数据库的，因为少量的数据，如网页访问人数等完全可以存储在文本文件中，但实际应用中，需要保存的数据远不止这一点点，而且这些数据之间往往还有关联，利用数据库来管理这些数据，可以很方便的查询和更新。可以说一个动态网站的建设是离不开一个设计最优的数据库的。我们现在可以使用的数据库有很多种，如：Fox数据库(.dbf)、Access数据库(.mdb)、DB2、Informix、MySQL、Oracle和SQL Server等等，在本次设计中，选择了MySQL作为后台数据库工具，因为它功能远比其它数据库强大，并提供了许多标准的关系数据库管理功能的支持。3.3.1概念结构设计在系统的数据库设计中，先要对系统分析得到的数据字典中的数据存储进行分析，分析各数据存储之间的关系，然后才能得出系统的关系模式。3.3.2物理结构设计设计原则如下：进行规范化设计，尽可能地减少数据冗余和重复合理的数据库表的设计应该是在满足需求的前提下，使数据的重复量最小，就尽量按照关系数据库系统理论方法去设计一个数据库，减少数据的冗余。结构设计与操作设计相结合在设计数据库结构时，有时为了编程实现的简捷和思路的清晰，往往故意增加一些冗余数据。这虽然有悖于传统的关系数据库理论，但是考虑到选择的机器型号和档次等因素，如果增加的冗余不会明显增加存储空间和降低处理效率，并且对编程实现有很大帮助，往往可以采用这种方法。数据结构具有相对的稳定性数据结构的相对稳定性，可以作为新、旧系统转换的依据。无论采用何种方法或手段去处理日常事务，都应该能完成相应的功能，决不会因为采用了计算机而丢失了必要的功能，或彻