基于SpringBoot+Vue的广告管理系统设计与实现
摘 要
本文聚焦基于SpringBoot+Vue的广告管理系统设计与实现,旨在提升广告管理效率与精准度。系统采用B/S架构,后端以SpringBoot框架为核心,利用其自动配置、内置服务器及丰富插件等特性,快速搭建稳定且可扩展的服务端应用,集成MyBatis-Plus简化数据访问层开发,实现高效ORM操作。前端运用Vue.js框架,借助虚拟DOM、响应式数据绑定及组件化等技术,构建灵活、高效且易于维护的用户界面,提供良好交互体验。系统功能涵盖广告信息管理、用户管理等模块,通过详细设计与编码实现各模块功能。在开发过程中,进行系统测试以验证功能完整性、发现潜在缺陷并确保系统集成性。测试结果表明,系统功能符合设计要求,能满足广告管理实际需求。该系统的实现为广告行业提供了高效管理工具,有助于提升广告投放效果与行业智能化水平。
关键词:SpringBoot;Vue;广告管理系统
ABSTRACT
This article focuses on the design and implementation of an advertising management system based on SpringBoot + Vue, aiming to improve the efficiency and accuracy of advertising management. The system adopts B/S architecture, with the SpringBoot framework at its core. It leverages its automatic configuration, built-in server, and rich plug-ins to quickly build stable and scalable server applications. It integrates MyBatis-Plus to simplify data access layer development and achieve efficient ORM operations. The front-end uses the Vue.js framework, leveraging virtual DOM, reactive data binding, and componentization technologies to build a flexible, efficient, and easy-to-maintain user interface that provides a good interactive experience. The system functions cover advertising information management, user management, and other modules, and the functions of each module are implemented through detailed design and coding. During the development process, system testing is conducted to verify functional integrity, identify potential defects, and ensure system integration. The test results show that the system functions meet the design requirements and can meet the actual needs of advertising management. The implementation of this system provides an efficient management tool for the advertising industry, which helps to improve the effectiveness of advertising and the level of industry intelligence.
Keywords: SpringBoot; Vue; Advertising management system
目 录
1.绪论
1.1.选题背景与意义
1.1.1选题背景
在数字化时代,广告行业正经历着深刻变革,传统广告管理方式面临诸多挑战。随着互联网广告规模持续扩大,广告信息量呈爆炸式增长,传统人工管理方式效率低下、易出错,难以满足精准投放与实时监控需求。广告主对广告效果评估要求日益严格,需要更科学、高效的管理系统支持[1]。SpringBoot作为轻量级Java开发框架,能快速构建稳定后端服务;Vue.js前端框架则可打造优质用户界面。将二者结合构建广告管理系统,可实现广告信息高效管理、精准投放策略制定及效果实时监控,提升广告管理效率与精准度,助力广告行业在数字化浪潮中稳健发展[2]。
1.1.2.选题意义
在当今数字化营销蓬勃发展的背景下,构建基于SpringBoot + Vue的广告管理系统具有重大意义。该系统能有效整合广告资源,借助SpringBoot高效处理后端业务逻辑,Vue构建友好前端界面,实现广告信息的集中管理与精准投放。它能显著提升广告管理效率,减少人工操作误差,降低管理成本。该系统的实现有助于推动广告行业数字化转型,提升行业整体智能化水平,促进广告市场的健康、有序发展,为企业和广告主创造更大价值[3]。
1.2.国内外现状
1.2.1.国内现状分析
在国内,随着互联网广告市场的迅猛扩张,基于SpringBoot + Vue的广告管理系统逐渐受到关注。部分企业已尝试运用此类技术构建广告管理平台,借助SpringBoot快速开发、易于集成的特性,以及Vue灵活高效的前端交互能力,实现广告信息的精准管理与投放[4]。整体应用仍处于发展阶段,存在功能同质化、个性化服务不足等问题。安全与隐私保护、系统稳定性与可扩展性等方面也面临挑战[5]。随着技术的不断进步与市场需求的升级,该领域有望迎来更多创新突破,推动广告管理向智能化、精细化方向发展[6]。
1.2.2.国外现状分析
在国外,基于SpringBoot + Vue的广告管理系统发展相对成熟。众多大型广告商与技术公司已广泛应用此类系统,借助SpringBoot强大的后端处理能力与Vue灵活的前端交互设计,实现广告全流程数字化管理。这些系统不仅具备高效的广告投放、精准的用户定向功能,还融入了先进的AI算法进行效果预测与优化[7]。国外系统在数据安全、隐私保护及系统稳定性方面表现突出,支持多平台、多设备无缝对接。随着市场竞争加剧,如何持续创新、提供差异化服务成为新的挑战,推动着该领域技术不断迭代升级[8]。
2.技术介绍
2.1.SpringBoot与Vue.js框架
SpringBoot与Vue.js框架的结合,为广告管理系统的设计与实现提供了高效、灵活的技术方案。SpringBoot凭借其自动配置、快速开发及丰富的插件生态,简化了后端服务搭建,实现了广告业务逻辑的高效处理。Vue.js则以其组件化、响应式数据绑定及虚拟DOM等特性,构建了流畅、易用的前端界面,提升了用户体验。二者通过RESTful API无缝对接,实现了前后端分离开发,既提高了开发效率,又增强了系统的可维护性与可扩展性。这种组合不仅满足了广告管理系统对高效、精准管理的需求,还为后续的功能扩展与优化奠定了坚实基础。
2.2.MySQL数据
在基于SpringBoot + Vue的广告管理系统设计中,采用MySQL作为数据库存储方案具备显著优势。MySQL作为成熟的关系型数据库管理系统,以其高性能、高可靠性和易用性著称,能够高效处理广告管理系统中的大量数据,包括广告信息、设计方案、投放记录等。通过SpringBoot框架与MySQL数据库的集成,可以轻松实现数据的增删改查操作,确保数据的一致性和完整性。MySQL丰富的SQL功能与SpringBoot的ORM框架(如MyBatis或JPA)相结合,进一步简化了数据库操作,提升了开发效率,为广告管理系统的稳定运行提供了坚实的数据支撑。
3.系统分析
3.1.系统可行性分析
3.1.1.技术可行性
SpringBoot与Vue.js框架结合构建广告管理系统在技术上具备高度可行性。SpringBoot作为轻量级Java框架,能快速搭建稳定、可扩展的后端服务,其丰富的插件与自动配置特性,极大简化了开发流程,确保广告业务逻辑的高效处理。Vue.js则以组件化、响应式数据绑定等优势,构建出灵活、易用的前端界面,提升用户体验。二者通过RESTful API实现无缝对接,支持前后端分离开发,提高开发效率与系统可维护性。MySQL数据库作为数据存储层,提供稳定、高效的数据管理服务。因此,该技术组合完全能满足广告管理系统开发需求,确保项目顺利实施。
3.1.2.经济可行性
基于SpringBoot + Vue的广告管理系统具有显著优势。开发成本方面,SpringBoot与Vue.js均为开源框架,可大幅降低软件授权费用,且其丰富的社区资源能减少开发过程中的技术难题,降低人力成本。系统上线后,高效的管理功能可提升广告投放精准度与效果,为企业带来更高收益。系统易于维护与扩展,能快速响应市场变化,减少长期运营成本。相比传统广告管理方式,该系统能显著提升工作效率,减少人工错误,进一步节省经济成本。该项目具有高度的可行性。
3.2.系统功能分析
基于SpringBoot+Vue的广告管理系统包含注册用户、商家用户和管理员三个角色划分,每个角色对应的主要功能如下:
3.2.1.注册用户(客户)主要功能
(1)注册:在用户注册页面中填写好用户姓名、用户性别、用户年龄、选择身份、账号、密码、确认密码、昵称、邮箱等信息,点击下方注册按钮,提示注册成功后,系统将自动跳转回到首页。
(2)登录:登录是填写好账号、密码以及验证通过,然后点击“登录”。
(3)我的账户:用户点击“个人信息”按钮,可以对个人的头像、昵称、账号等信息进行更新。修改密码:用户点击“修改密码”按钮,可以对登录密码进行更改,首先输入原密码,然后再输入新密码和确认密码,当原密码正确,输入两次新密码一致,则修改成功,否则给出错误提示信息。
(4)通知公告:主要展示后台发布的通知公告信息。点击信息可进行发表评论、点赞、收藏等操作。
(5)新闻资讯:主要展示后台发布的新闻资讯信息。点击信息可进行发表评论、点赞、收藏等操作。
(6)广告信息:展示后台发布的广告信息详情,客户浏览到有感兴趣的广告信息可点击“预约投放”,填写好预约申请信息需后台审核通过才能预约。点击信息可进行发表评论、点赞、收藏等操作。
(7)预约服务:主要展示该客户的预约服务信息。
(8)预算方案:主要展示后台提供的预算方案信息,客户如对预算信息满意就可审核通过,接下让商家做出设计方案。
(9)设计方案:主要展示该商家提供的设计方案信息。客户如对设计方案满意可进行审核。并对方案进行支付。
(10)收藏:客户可收藏自己喜欢的广告信息,方便日后自己浏览预约。
(11)评论管理:用户可查看系统评论信息和交流心得注意事项等功能。可查询、重置、删除等操作。
3.2.2.商家用户主要功能
(1)注册:在用户注册页面中填写好商家姓名、商家性别、商家年龄、上传营业执照、选择身份、账号、密码、确认密码、昵称、邮箱等信息,点击下方注册按钮,提示注册成功后,系统将自动跳转回到首页。
(3)登录:登录是填写好账号、密码以及验证通过,然后点击“登录”。商家用户需后台审核通过才能登录。
(4)个人信息:商家用户点击“个人信息”按钮,可以对个人的头像、昵称、账号等信息进行更新。修改密码:用户点击“修改密码”按钮,可以对登录密码进行更改,首先输入原密码,然后再输入新密码和确认密码,当原密码正确,输入两次新密码一致,则修改成功,否则给出错误提示信息。
(5)广告分类管理:包含广告分类列表和广告分类添加功能。广告分类列表:主要管理该商家广告分类信息,支持查询、修改、删除等操作。广告分类添加:可手动添加广告分类信息。
(6)广告信息管理:包含广告信息列表和广告信息添加功能。广告信息列表:主要管理该商家广告信息,支持查询、修改、删除等操作。广告信息添加:主要添加的广告信息数据。添加的信需管理员审核通过才能在前台展示。
(7)预约服务管理:管理该商家的客户预约服务信息。并对信息进行审核。可进行查询、重置、删除等操作。
(8)预算方案管理:管理该商家客户预算方案信息,商家需给自己客户做出广告投放预算方案提供给客户参考。可进行查询、重置、删除等操作。
(9)设计方案管理:商家用户需做出广告设计方案给客户参考查看。可进行查询、重置、删除等操作。
3.2.3.管理员主要功能
(1)系统用户:管理员可以查看平台的系统用户,维护系统设置和权限控制,可进行增删改查等操作。
(2)广告类型管理:包含广告类型列表和广告类型添加功能。广告类型列表:主要管理所有广告类型信息,支持查询、修改、删除等操作。可查看具体广告类型记录详情。广告类型添加:可手动添加广告类型数据。
(3)广告信息管理:包含广告信息列表和广告信息添加功能。广告信息列表:主要管理所有商家广告信息,支持查询、修改、删除等操作。可查看具体广告信息记录详情。广告信息添加:主要添加的广告信息数据。添加的信息可在前台展示。
(4)预约服务管理:管理所有商家客户的预约服务信息。并对信息进行审核。可进行查询、重置、删除等操作。
(5)预算方案管理:管理所有商家客户的预算方案信息,管理员可客户做出广告投放预算方案提供给用户参考。可进行查询、重置、删除等操作。
(6)设计方案管理:管理员需做出广告设计方案给客户参考查看。可进行查询、重置、删除等操作。
(7)素材信息管理:包含素材信息列表和素材信息添加功能。素材信息列表:主要管理素材信息,支持查询、修改、删除等操作。可查看具体素材信息记录详情。素材信息添加:主要添加的素材信息数据。
(8)系统管理:主要是轮播图管理:管理员可以管理平台首页的轮播图内容,提供宣传和推广信息,支持增删改查等操作。添加的轮播图可在前台首页展示。
(9)通知公告管理:管理员可发布公告信息,发布的公告信息可在前台首页展现,支持增删改查等操作。
(10)资源管理:包含新闻资讯信息和资讯分类等功能,新闻资讯信息:管理员可查看新闻资讯信息,支持增删改查等操作。资讯分类:可手动添加的资讯信息,添加的信息都可在前台展示。
3.3.非功能性需求分析
在基于SpringBoot+Vue的广告管理系统的网站的毕业设计中,非功能性需求分析是也是很重要的。它主要关注系统除了基本功能外的其他特性,如性能、安全性、易用性、可维护性等,这些特性对于确保系统的稳定运行和用户满意度至关重要。
性能:系统需要能够处理大量的并发访问,确保在高并发情况下依然能够稳定运行,为用户提供流畅的体验。系统响应速度要快,用户提交操作后,系统应迅速反馈处理结果,避免用户长时间等待。系统还需具备较高的数据吞吐能力,能够高效地存储和检索广告信息及用户信息。系统应具备可扩展性,随着用户量和数据量的增长,能够方便地进行性能优化和扩展,以满足未来发展的需要。
安全性:系统需确保用户数据的安全,包括个人信息、预约服务等敏感数据,应采用加密技术进行存储和传输,防止数据泄露。系统应实施严格的访问控制,对不同用户设定不同的权限级别,防止未授权访问和操作。系统还需定期进行安全审计和漏洞扫描,及时发现并修复潜在的安全隐患,确保系统的整体安全性。这些安全措施的实施,将为系统提供坚实的安全保障。
易用性:系统界面应简洁明了,布局合理,使用户能够快速上手并轻松找到所需功能。操作流程需设计得直观易懂,减少用户的操作难度和学习成本。系统还应提供清晰的导航和搜索功能,帮助用户快速定位社团相关信息。需关注不同用户群体的使用习惯和需求,确保系统具有广泛的适用性和良好的用户体验。
可维护性:系统需采用模块化设计,各功能模块独立且可复用,便于故障排查和代码修改。系统应提供详尽的监控功能,实时监控运行状态和性能指标,及时预警潜在问题。还需确保文档齐全,包括系统架构、接口说明、操作手册等,便于开发人员和维护人员快速理解和上手。这些措施共同确保系统具有良好的可维护性。
3.4.注册用户用例分析
3.4.1.注册用户(客户)用例图
基于SpringBoot+Vue的广告管理系统中注册用户包含注册登录、首页、我的账户、通知公告、新闻资讯、广告信息、预约服务、设计方案、收藏、评论管理等功能模块,对应角色用例图如图3.1所示:

图3.1 注册用户角色用例图
3.4.2.商家用户用例图
基于SpringBoot+Vue的广告管理系统中商家用户包含注册登录、个人信息、广告分类管理、广告信息管理、预约服务管理、预算方案管理、设计方案管理等功能模块,对应角色用例图如图3.2所示:

图3.2 商家用户角色用例图
3.4.3.管理员用例图
基于SpringBoot+Vue的广告管理系统的设计与实现中管理员涉及后台首页、系统用户、广告分类管理、广告信息管理、预约服务管理、预算信息管理、设计方案管理、素材信息管理、系统管理、通知公告管理、资源管理等,管理员对应的用例图如图3.3所示:
:

图3.2管理员角色用例图
3.5.系统流程分析
3.5.1.用户登录操作流程
所有用户登录系统需要前端校验用户名、密码是否正确以及是否为空,具体流程图如图所示:

图3-4用户登录流程图
3.5.2.用户修改密码操作流程
所有用户可以我的账户信息页面,点击修改修改密码进行修改登录密码操作,修改密码流程如图所示:

图3-5修改密码流程图
3.5.3.添加广告信息流程
添加广告信息,输入广告名称、广告规格、广告类型、广告编号等信息,并校验输入是否正确,广告信息添加流程图,如图所示:

图3-6广告信息添加流程图
4.系统设计
在上一章节主要体现了基于SpringBoot+Vue的广告管理系统的功能性需求,并根据需求分析绘制注册用户(客户)、商家用户和管理员用例以及系统相关操作流程。本章节主要介绍基于SpringBoot+Vue的广告管理系统的网站核心功能模块设计、数据库设计、系统详细设计。
4.1.系统功能模块设计
基于SpringBoot+Vue的广告管理系统的网站功能模块主要涉及有注册用户(客户)、商家用户和管理员三个角色。每个角色对应的功能模块如图4.1所示。

图4.1基于SpringBoot+Vue的广告管理系统的功能模块图
4.2.数据库设计
4.2.1.数据库概念结构设计
基于SpringBoot+Vue的广告管理系统的管理员、注册用户、广告信息、预约服务、预算方案、设计方案等E-R实体关系图。

图4.2基于SpringBoot+Vue的广告管理系统的E-R关系图
4.2.2.数据库逻辑结构设计
将上述管理员、注册用户、广告信息、预约服务、预算方案、设计方案等E-R图转换为数据库表结构,如下:
表 4-1-advertising_information(广告信息)
| 编号 | 字段名 | 类型 | 长度 | 是否非空 | 是否主键 | 注释 |
| 1 | advertising_information_id | int | 是 | 是 | 广告信息ID | |
| 2 | merchant_account_number | int | 否 | 否 | 商家账号 | |
| 3 | advertisement_number | varchar | 64 | 否 | 否 | 广告编号 |
| 4 | advertisement_name | varchar | 64 | 否 | 否 | 广告名称 |
| 5 | advertising_specifications | varchar | 64 | 否 | 否 | 广告规格 |
| 6 | advertising_type | varchar | 64 | 否 | 否 | 广告类型 |
| 7 | cover_image | varchar | 255 | 否 | 否 | 封面图片 |
| 8 | contact_phone | varchar | 16 | 否 | 否 | 联系电话 |
| 9 | video_effects | varchar | 255 | 否 | 否 | 视频效果 |
| 10 | advertising_details | longtext | 4294967295 | 否 | 否 | 广告详情 |
| 11 | hits | int | 是 | 否 | 点击数 | |
| 12 | praise_len | int | 是 | 否 | 点赞数 | |
| 13 | collect_len | int | 是 | 否 | 收藏数 | |
| 14 | comment_len | int | 是 | 否 | 评论数 | |
| 15 | examine_state | varchar | 16 | 是 | 否 | 审核状态 |
| 16 | examine_reply | varchar | 255 | 否 | 否 | 审核回复 |
| 17 | recommend | int | 是 | 否 | 智能推荐 | |
| 18 | reservation_service_limit_times | int | 是 | 否 | 预约投放限制次数 | |
| 19 | create_time | datetime | 是 | 否 | 创建时间 | |
| 20 | update_time | timestamp | 是 | 否 | 更新时间 |
表 4-2-design_scheme(设计方案)
| 编号 | 字段名 | 类型 | 长度 | 是否非空 | 是否主键 | 注释 |
| 1 | design_scheme_id | int | 是 | 是 | 设计方案ID | |
| 2 | user_name | varchar | 64 | 否 | 否 | 用户姓名 |
| 3 | reservation_user | int | 否 | 否 | 预约用户 | |
| 4 | merchant_account_number | int | 否 | 否 | 商家账号 | |
| 5 | advertisement_number | varchar | 64 | 否 | 否 | 广告编号 |
| 6 | advertising_specifications | varchar | 64 | 否 | 否 | 广告规格 |
| 7 | delivery_location | varchar | 64 | 否 | 否 | 投放位置 |
| 8 | delivery_time | varchar | 64 | 否 | 否 | 投放时间 |
| 9 | placements_price | double | 否 | 否 | 投放价格 | |
| 10 | design_video | varchar | 255 | 否 | 否 | 设计视频 |
| 11 | design_documents | varchar | 255 | 否 | 否 | 设计文件 |
| 12 | design_details | text | 65535 | 否 | 否 | 设计详情 |
| 13 | pay_state | varchar | 16 | 是 | 否 | 支付状态 |
| 14 | pay_type | varchar | 16 | 否 | 否 | 支付类型: 微信、支付宝、网银 |
| 15 | create_time | datetime | 是 | 否 | 创建时间 | |
| 16 | update_time | timestamp | 是 | 否 | 更新时间 | |
| 17 | source_table | varchar | 255 | 否 | 否 | 来源表 |
| 18 | source_id | int | 否 | 否 | 来源ID | |
| 19 | source_user_id | int | 否 | 否 | 来源用户 |
表 4-3-reservation_service(预约服务)
| 编号 | 字段名 | 类型 | 长度 | 是否非空 | 是否主键 | 注释 |
| 1 | reservation_service_id | int | 是 | 是 | 预约服务ID | |
| 2 | reservation_user | int | 否 | 否 | 预约用户 | |
| 3 | user_name | varchar | 64 | 否 | 否 | 用户姓名 |
| 4 | merchant_account_number | int | 否 | 否 | 商家账号 | |
| 5 | advertisement_number | varchar | 64 | 否 | 否 | 广告编号 |
| 6 | advertising_specifications | varchar | 64 | 否 | 否 | 广告规格 |
| 7 | delivery_location | varchar | 64 | 否 | 否 | 投放位置 |
| 8 | delivery_requirements | varchar | 255 | 否 | 否 | 投放要求 |
| 9 | appointment_remarks | text | 65535 | 否 | 否 | 预约备注 |
| 10 | examine_state | varchar | 16 | 是 | 否 | 审核状态 |
| 11 | examine_reply | varchar | 255 | 否 | 否 | 审核回复 |
| 12 | budget_programme_limit_times | int | 是 | 否 | 预算方案限制次数 | |
| 13 | create_time | datetime | 是 | 否 | 创建时间 | |
| 14 | update_time | timestamp | 是 | 否 | 更新时间 | |
| 15 | source_table | varchar | 255 | 否 | 否 | 来源表 |
| 16 | source_id | int | 否 | 否 | 来源ID | |
| 17 | source_user_id | int | 否 | 否 | 来源用户 |
表 4-4-budget_programme(预算方案)
| 编号 | 字段名 | 类型 | 长度 | 是否非空 | 是否主键 | 注释 |
| 1 | budget_programme_id | int | 是 | 是 | 预算方案ID | |
| 2 | reservation_user | int | 否 | 否 | 预约用户 | |
| 3 | user_name | varchar | 64 | 否 | 否 | 用户姓名 |
| 4 | merchant_account_number | int | 否 | 否 | 商家账号 | |
| 5 | advertisement_number | varchar | 64 | 否 | 否 | 广告编号 |
| 6 | advertising_specifications | varchar | 64 | 否 | 否 | 广告规格 |
| 7 | budget_price | double | 否 | 否 | 预算价格 | |
| 8 | design_scheme | varchar | 255 | 否 | 否 | 设计方案 |
| 9 | examine_state | varchar | 16 | 是 | 否 | 审核状态 |
| 10 | examine_reply | varchar | 255 | 否 | 否 | 审核回复 |
| 11 | design_scheme_limit_times | int | 是 | 否 | 发送方案限制次数 | |
| 12 | create_time | datetime | 是 | 否 | 创建时间 | |
| 13 | update_time | timestamp | 是 | 否 | 更新时间 | |
| 14 | source_table | varchar | 255 | 否 | 否 | 来源表 |
| 15 | source_id | int | 否 | 否 | 来源ID | |
| 16 | source_user_id | int | 否 | 否 | 来源用户 |
表 4-5-registered_user(注册用户)
| 编号 | 字段名 | 类型 | 长度 | 是否非空 | 是否主键 | 注释 |
| 1 | registered_user_id | int | 是 | 是 | 注册用户ID | |
| 2 | user_name | varchar | 64 | 否 | 否 | 用户姓名 |
| 3 | user_age | double | 否 | 否 | 用户年龄 | |
| 4 | user_gender | varchar | 64 | 否 | 否 | 用户性别 |
| 5 | examine_state | varchar | 16 | 是 | 否 | 审核状态 |
| 6 | user_id | int | 是 | 否 | 用户ID | |
| 7 | create_time | datetime | 是 | 否 | 创建时间 | |
| 8 | update_time | timestamp | 是 | 否 | 更新时间 |
表 4-6-access_token(登陆访问时长)
| 编号 | 字段名 | 类型 | 长度 | 是否非空 | 是否主键 | 注释 |
| 1 | token_id | int | 是 | 是 | 临时访问牌ID | |
| 2 | token | varchar | 64 | 否 | 否 | 临时访问牌 |
| 3 | info | text | 65535 | 否 | 否 | 信息 |
| 4 | maxage | int | 是 | 否 | 最大寿命:默认2小时 | |
| 5 | create_time | timestamp | 是 | 否 | 创建时间 | |
| 6 | update_time | timestamp | 是 | 否 | 更新时间 | |
| 7 | user_id | int | 是 | 否 | 用户编号 |
表 4-7-advertising_type(广告类型)
| 编号 | 字段名 | 类型 | 长度 | 是否非空 | 是否主键 | 注释 |
| 1 | advertising_type_id | int | 是 | 是 | 广告类型ID | |
| 2 | advertising_type | varchar | 64 | 否 | 否 | 广告类型 |
| 3 | create_time | datetime | 是 | 否 | 创建时间 | |
| 4 | update_time | timestamp | 是 | 否 | 更新时间 |
表 4-8-article(文章)
| 编号 | 字段名 | 类型 | 长度 | 是否非空 | 是否主键 | 注释 |
| 1 | article_id | mediumint | 是 | 是 | 文章id | |
| 2 | title | varchar | 125 | 是 | 是 | 标题 |
| 3 | type | varchar | 64 | 是 | 否 | 文章分类 |
| 4 | hits | int | 是 | 否 | 点击数 | |
| 5 | praise_len | int | 是 | 否 | 点赞数 | |
| 6 | create_time | timestamp | 是 | 否 | 创建时间 | |
| 7 | update_time | timestamp | 是 | 否 | 更新时间 | |
| 8 | source | varchar | 255 | 否 | 否 | 来源 |
| 9 | url | varchar | 255 | 否 | 否 | 来源地址 |
| 10 | tag | varchar | 255 | 否 | 否 | 标签 |
| 11 | content | longtext | 4294967295 | 否 | 否 | 正文 |
| 12 | img | varchar | 255 | 否 | 否 | 封面图 |
| 13 | description | text | 65535 | 否 | 否 | 文章描述 |
表 4-9-article_type(文章分类)
| 编号 | 字段名 | 类型 | 长度 | 是否非空 | 是否主键 | 注释 |
| 1 | type_id | smallint | 是 | 是 | 分类ID | |
| 2 | display | smallint | 是 | 否 | 显示顺序 | |
| 3 | name | varchar | 16 | 是 | 否 | 分类名称 |
| 4 | father_id | smallint | 是 | 否 | 上级分类ID | |
| 5 | description | varchar | 255 | 否 | 否 | 描述 |
| 6 | icon | text | 65535 | 否 | 否 | 分类图标 |
| 7 | url | varchar | 255 | 否 | 否 | 外链地址 |
| 8 | create_time | timestamp | 是 | 否 | 创建时间 | |
| 9 | update_time | timestamp | 是 | 否 | 更新时间 |
表 4-10-auth(用户权限管理)
| 编号 | 字段名 | 类型 | 长度 | 是否非空 | 是否主键 | 注释 |
| 1 | auth_id | int | 是 | 是 | 授权ID | |
| 2 | user_group | varchar | 64 | 否 | 否 | 用户组 |
| 3 | mod_name | varchar | 64 | 否 | 否 | 模块名 |
| 4 | table_name | varchar | 64 | 否 | 否 | 表名 |
| 5 | page_title | varchar | 255 | 否 | 否 | 页面标题 |
| 6 | path | varchar | 255 | 否 | 否 | 路由路径 |
| 7 | parent | varchar | 64 | 否 | 否 | 父级菜单 |
| 8 | parent_sort | int | 是 | 否 | 父级菜单排序 | |
| 9 | position | varchar | 32 | 否 | 否 | 位置 |
| 10 | mode | varchar | 32 | 是 | 否 | 跳转方式 |
| 11 | add | tinyint | 是 | 否 | 是否可增加 | |
| 12 | del | tinyint | 是 | 否 | 是否可删除 | |
| 13 | set | tinyint | 是 | 否 | 是否可修改 | |
| 14 | get | tinyint | 是 | 否 | 是否可查看 | |
| 15 | field_add | text | 65535 | 否 | 否 | 添加字段 |
| 16 | field_set | text | 65535 | 否 | 否 | 修改字段 |
| 17 | field_get | text | 65535 | 否 | 否 | 查询字段 |
| 18 | table_nav_name | varchar | 500 | 否 | 否 | 跨表导航名称 |
| 19 | table_nav | varchar | 500 | 否 | 否 | 跨表导航 |
| 20 | option | text | 65535 | 否 | 否 | 配置 |
| 21 | create_time | timestamp | 是 | 否 | 创建时间 | |
| 22 | update_time | timestamp | 是 | 否 | 更新时间 |
表 4-11-code_token(验证码)
| 编号 | 字段名 | 类型 | 长度 | 是否非空 | 是否主键 | 注释 |
| 1 | code_token_id | int | 是 | 是 | 验证码ID | |
| 2 | token | varchar | 255 | 否 | 否 | 令牌 |
| 3 | code | varchar | 255 | 否 | 否 | 验证码 |
| 4 | expire_time | timestamp | 是 | 否 | 失效时间 | |
| 5 | create_time | timestamp | 是 | 否 | 创建时间 | |
| 6 | update_time | timestamp | 是 | 否 | 更新时间 |
表 4-12-collect(收藏)
| 编号 | 字段名 | 类型 | 长度 | 是否非空 | 是否主键 | 注释 |
| 1 | collect_id | int | 是 | 是 | 收藏ID | |
| 2 | user_id | int | 是 | 是 | 收藏人ID | |
| 3 | source_table | varchar | 255 | 否 | 否 | 来源表 |
| 4 | source_field | varchar | 255 | 否 | 否 | 来源字段 |
| 5 | source_id | int | 是 | 否 | 来源ID | |
| 6 | title | varchar | 255 | 否 | 否 | 标题 |
| 7 | img | varchar | 255 | 否 | 否 | 封面 |
| 8 | create_time | timestamp | 是 | 否 | 创建时间 | |
| 9 | update_time | timestamp | 是 | 否 | 更新时间 |
表 4-3-comment(评论)
| 编号 | 字段名 | 类型 | 长度 | 是否非空 | 是否主键 | 注释 |
| 1 | comment_id | int | 是 | 是 | 评论ID | |
| 2 | user_id | int | 是 | 是 | 评论人ID | |
| 3 | reply_to_id | int | 是 | 否 | 回复评论ID | |
| 4 | content | longtext | 4294967295 | 否 | 否 | 内容 |
| 5 | nickname | varchar | 255 | 否 | 否 | 昵称 |
| 6 | avatar | varchar | 255 | 否 | 否 | 头像地址 |
| 7 | create_time | timestamp | 是 | 否 | 创建时间 | |
| 8 | update_time | timestamp | 是 | 否 | 更新时间 | |
| 9 | source_table | varchar | 255 | 否 | 否 | 来源表 |
| 10 | source_field | varchar | 255 | 否 | 否 | 来源字段 |
| 11 | source_id | int | 是 | 否 | 来源ID |
表 4-14-hits(用户点击)
| 编号 | 字段名 | 类型 | 长度 | 是否非空 | 是否主键 | 注释 |
| 1 | hits_id | int | 是 | 是 | 点赞ID | |
| 2 | user_id | int | 是 | 否 | 点赞人 | |
| 3 | create_time | timestamp | 是 | 否 | 创建时间 | |
| 4 | update_time | timestamp | 是 | 否 | 更新时间 | |
| 5 | source_table | varchar | 255 | 否 | 否 | 来源表 |
| 6 | source_field | varchar | 255 | 否 | 否 | 来源字段 |
| 7 | source_id | int | 是 | 否 | 来源ID |
表 4-15-material_information(素材信息)
| 编号 | 字段名 | 类型 | 长度 | 是否非空 | 是否主键 | 注释 |
| 1 | material_information_id | int | 是 | 是 | 素材信息ID | |
| 2 | business_user | int | 否 | 否 | 商家用户 | |
| 3 | material_number | varchar | 64 | 否 | 否 | 素材编号 |
| 4 | advertising_specifications | varchar | 64 | 否 | 否 | 广告规格 |
| 5 | advertising_type | varchar | 64 | 否 | 否 | 广告类型 |
| 6 | video_effects | varchar | 255 | 否 | 否 | 视频效果 |
| 7 | advertising_copy | longtext | 4294967295 | 否 | 否 | 广告文案 |
| 8 | create_time | datetime | 是 | 否 | 创建时间 | |
| 9 | update_time | timestamp | 是 | 否 | 更新时间 |
表 4-16-notice(公告)
| 编号 | 字段名 | 类型 | 长度 | 是否非空 | 是否主键 | 注释 |
| 1 | notice_id | mediumint | 是 | 是 | 公告ID | |
| 2 | title | varchar | 125 | 是 | 否 | 标题 |
| 3 | content | longtext | 4294967295 | 否 | 否 | 正文 |
| 4 | create_time | timestamp | 是 | 否 | 创建时间 | |
| 5 | update_time | timestamp | 是 | 否 | 更新时间 |
表 4-17-praise(点赞)
| 编号 | 字段名 | 类型 | 长度 | 是否非空 | 是否主键 | 注释 |
| 1 | praise_id | int | 是 | 是 | 点赞ID | |
| 2 | user_id | int | 是 | 是 | 点赞人 | |
| 3 | create_time | timestamp | 是 | 否 | 创建时间 | |
| 4 | update_time | timestamp | 是 | 否 | 更新时间 | |
| 5 | source_table | varchar | 255 | 否 | 否 | 来源表 |
| 6 | source_field | varchar | 255 | 否 | 否 | 来源字段 |
| 7 | source_id | int | 是 | 否 | 来源ID | |
| 8 | status | tinyint | 是 | 否 | 点赞状态:1为点赞,0已取消 |
表 4-18-slides(轮播图)
| 编号 | 字段名 | 类型 | 长度 | 是否非空 | 是否主键 | 注释 |
| 1 | slides_id | int | 是 | 是 | 轮播图ID | |
| 2 | title | varchar | 64 | 否 | 否 | 标题 |
| 3 | content | varchar | 255 | 否 | 否 | 内容 |
| 4 | url | varchar | 255 | 否 | 否 | 链接 |
| 5 | img | varchar | 255 | 否 | 否 | 轮播图 |
| 6 | hits | int | 是 | 否 | 点击量 | |
| 7 | create_time | timestamp | 是 | 否 | 创建时间 | |
| 8 | update_time | timestamp | 是 | 否 | 更新时间 |
表 4-19-upload(文件上传)
| 编号 | 字段名 | 类型 | 长度 | 是否非空 | 是否主键 | 注释 |
| 1 | upload_id | int | 是 | 是 | 上传ID | |
| 2 | name | varchar | 64 | 否 | 否 | 文件名 |
| 3 | path | varchar | 255 | 否 | 否 | 访问路径 |
| 4 | file | varchar | 255 | 否 | 否 | 文件路径 |
| 5 | display | varchar | 255 | 否 | 否 | 显示顺序 |
| 6 | father_id | int | 否 | 否 | 父级ID | |
| 7 | dir | varchar | 255 | 否 | 否 | 文件夹 |
| 8 | type | varchar | 32 | 否 | 否 | 文件类型 |
表 4-20-user(用户账户)
| 编号 | 字段名 | 类型 | 长度 | 是否非空 | 是否主键 | 注释 |
| 1 | user_id | int | 是 | 是 | 用户ID | |
| 2 | state | smallint | 是 | 否 | 账户状态:(1可用|2异常|3已冻结|4已注销) | |
| 3 | user_group | varchar | 32 | 否 | 否 | 所在用户组 |
| 4 | login_time | timestamp | 是 | 否 | 上次登录时间 | |
| 5 | phone | varchar | 11 | 否 | 否 | 手机号码 |
| 6 | phone_state | smallint | 是 | 否 | 手机认证:(0未认证|1审核中|2已认证) | |
| 7 | username | varchar | 16 | 是 | 否 | 用户名 |
| 8 | nickname | varchar | 16 | 否 | 否 | 昵称 |
| 9 | password | varchar | 64 | 是 | 否 | 密码 |
| 10 | | varchar | 64 | 否 | 否 | 邮箱 |
| 11 | email_state | smallint | 是 | 否 | 邮箱认证:(0未认证|1审核中|2已认证) | |
| 12 | avatar | varchar | 255 | 否 | 否 | 头像地址 |
| 13 | open_id | varchar | 255 | 否 | 否 | 针对获取用户信息字段 |
| 14 | create_time | timestamp | 是 | 否 | 创建时间 |
5.系统设计
5.1.注册用户(客户)主要功能实现
5.1.1.注册
注册:在用户注册页面中填写好用户姓名、用户性别、用户年龄、选择身份、账号、密码、确认密码、昵称、邮箱等信息,点击下方注册按钮,提示注册成功后,系统将自动跳转回到首页。用户注册如图5-1所示。

图5-1用户注册界面图
关键代码:

5.1.2.登录
登录:登录是填写好账号、密码以及验证通过,然后点击“登录”。预算方案如图5-2所示。

图5-2登录界面图
关键代码:

5.1.3.广告信息
广告信息:展示后台发布的广告信息详情,客户浏览到有感兴趣的广告信息可点击“预约播放”,填写好预约申请信息需后台管理审核通过才能预约投放。点击信息可进行发表评论、点赞、收藏等操作。广告信息如图5-3所示。

图5-3广告信息界面图
关键代码:

5.1.4.预算方案
预算方案:主要展示管理员提供的预算方案信息,客户如对预算信息满意就可进行审核通过。预算方案如图5-4所示。

图5-4预算方案界面图
5.1.5.设计方案
设计方案:主要展示管理员提供的设计方案信息。客户如对设计方案满意可进行审核。并对方案进行支付。设计方案如图5-5所示

图5-5设计方案界面图
关键代码:

5.2.管理员主要功能实现
5.2.1广告类型管理
广告类型管理:包含广告类型列表和广告类型添加功能。广告类型列表:主要管理广告类型,支持查询、修改、删除等操作。可查看具体广告类型记录详情。广告类型添加:可手动添加广告类型数据。广告类型添加如图5-6所示。

图5-6广告类型添加界面图
关键代码:

5.2.2.广告信息管理
广告信息管理:包含广告信息列表和广告信息添加功能。广告信息列表:主要管理所有商家广告信息,支持查询、修改、删除等操作。可查看具体广告信息记录详情。广告信息添加:主要添加的广告信息数据。添加的信息可在前台展示。广告信息添加如图5-7所示。

图5-7广告信息添加界面图
关键代码:

5.2.3预约服务管理
预约服务管理:管理所有商家客户的预约服务信息。并对信息进行审核。可进行查询、重置、删除等操作。预约服务列表如图5-8所示。

图5-8预约服务列表界面图
关键代码:

5.2.4.设计方案管理
设计方案管理:管理员需做出广告设计方案给客户参考查看。可进行查询、重置、删除等操作。设计方案列表如图5-9所示。

图5-9设计方案列表界面图
5.2.5.素材信息管理
素材信息管理:包含素材信息列表和素材信息添加功能。素材信息列表:主要管理素材信息,支持查询、修改、删除等操作。可查看具体素材信息记录详情。素材信息添加:主要添加的素材信息数据。素材信息列表如图5-10所示。

图5-10素材信息列表界面图
6.系统测试
6.1.功能测试
系统测试是软件开发过程中必不可少的环节之一,它旨在验证整个软件系统是否满足需求规格说明书定义的要求。对于基于SpringBoot+Vue的广告管理系统的网站而言主要进行功能测试,以下是部分功能的测试用例:
添加广告信息测试用例:
| 功能名称 | 测试用例 | 预期结果 | 实际结果 | 通过情况 |
| 添加广告信息功能 | 广告信息添加页输入:广告规格、广告类型、广告详情等字段信息,点击提交 | 提交成功,前端页面、后台广告信息列表展示该信息 | 提交成功,前端页面、后台广告信息列表展示该信息 | 通过 |
查询广告信息测试用例:
| 功能名称 | 测试用例 | 预期结果 | 实际结果 | 通过情况 |
| 查询广告信息功能 | 点击广告信息:标题名称搜索框输入:广告编号,点击查询 | 广告信息成功过滤筛选出关键字为:广告编号的广告信息 | 信息成功过滤筛选出关键字为:广告编号的广告信息 | 通过 |
删除广告信息测试用例:
| 功能名称 | 测试用例 | 预期结果 | 实际结果 | 通过情况 |
| 删除广告信息详情功能 | 选择广告信息,点击详情,删除广告信息,点击提交 | 跳转页面不在展示该广告信息的详细信息 | 跳转页面不在展示该广告信息的详细信息 | 通过 |
修改广告信息测试用例:
| 模块名称 | 测试用例 | 预期结果 | 实际结果 | 通过情况 |
| 修改广告信息功能 | 选择广告信息,点击详情,修改广告类型:类型1,修改:类型2,点击提交 | 提示修改成功,该广告信息的类型变更类型2 | 提示修改成功,该广告信息的类型变更为类型2 | 通过 |
通过对广告信息功能的添加、查询、删除、修改的全业务流程操作测试验证,测试用例执行通过。
6.2.测试结论
在完成基于SpringBoot+Vue的广告管理系统网站的开发后,进行全面的系统测试,以确保系统的功能、稳定性达到预期要求。通过上述编写的功能模块测试用例,广告信息功能的添加、查询、查看详情、修改的全业务流程操作测试验证,整个系统的测试验证通过。
结 论
在基于Spring Boot+Vue的广告管理系统设计与实现过程中,我深刻体会到了全栈开发的复杂性与技术深度。虽然对Spring Boot和Vue框架有基础了解,但在实际开发中仍面临诸多挑战,如前后端数据同步的实时性、接口设计的合理性以及系统性能优化等。特别是在处理高并发请求和数据安全方面,我意识到现有技术储备尚显不足,导致在功能整合和压力测试阶段遭遇瓶颈。
此次实践让我认识到,扎实的编程基础与框架原理的深入理解同样重要,需通过不断实践与总结来强化。同时,需求分析的前瞻性与系统架构的合理性直接关系到项目的成败。在开发周期中,持续的测试与迭代优化是保障系统稳定性的基石。我将更加注重技术细节的打磨与前端体验的提升,力求构建出高效、易用且安全的广告管理系统。
致 谢
在本次毕业设计论文的撰写过程中,我得到了诸多帮助与支持。要特别感谢我的指导老师,从选题到设计,再到实现与论文撰写,老师都给予了耐心细致的指导,提出了许多宝贵的建议,让我在迷茫时找到方向。感谢同学们在开发过程中与我交流探讨,共同攻克技术难题。还要感谢家人一直以来的鼓励与支持,让我能全身心投入设计。也感谢网络上的开源社区与前辈们的经验分享,让我受益匪浅。正是有了大家的帮助,我才能顺利完成此次毕业设计,在此向所有人致以最诚挚的谢意。
参考文献
- 王思宇. DSP广告投放系统运营支持子系统的设计与实现[D]. 北京交通大学, 2015.
- 丁飞. 基于Spring mvc户外广告管理系统访问控制实现 [J]. 电脑与信息技术, 2018, 26 (03): 33-35. DOI:10.19414/j.cnki.1005-1228.2018.03.009.
- 赵敏君. 一个信息流广告营销业务分析系统设计与实现[D]. 华中科技大学, 2019.
- 李晨. 基于Spring Boot的电子商城设计与实现[D]. 哈尔滨工业大学, 2020. DOI:10.27061/d.cnki.ghgdu.2020.002417.
- 卢海龙. 阿里广告联盟服务商备案系统的设计与实现[D]. 南京大学, 2020. DOI:10.27235/d.cnki.gnjiu.2020.003133.
- 张明森,黄宏敏,詹瑞典. 基于Spring Cloud微服务架构的广告系统的设计与实现 [J]. 电子世界, 2020, (08): 165-166. DOI:10.19353/j.cnki.dzsj.2020.08.090.
- 何晔娇. 广告需求方管理平台的设计与实现[D]. 北京交通大学, 2020. DOI:10.26944/d.cnki.gbfju.2020.000951.
- 耿庆阳. 基于Spring Boot与Vue的电子商城设计与实现[D]. 西安石油大学, 2020. DOI:10.27400/d.cnki.gxasc.2020.000569.
- 张磊. 面向广告投放的大数据管理平台设计与实现[D]. 山东大学, 2020. DOI:10.27272/d.cnki.gshdu.2020.001964.
- 郑志娴,王敏. 基于Android的智能投放系统的设计与实现 [J]. 现代信息科技, 2020, 4 (21): 27-30. DOI:10.19850/j.cnki.2096-4706.2020.21.008.
- 魏井辉. 基于智能推荐的车载广告管理系统设计与实现[D]. 南京理工大学, 2021. DOI:10.27241/d.cnki.gnjgu.2021.002210.
- 谢天赐. 面向广告投放的一站式自动化测试平台的设计与实现[D]. 南京大学, 2021. DOI:10.27235/d.cnki.gnjiu.2021.000018.
- 于子奇. 基于Spring Boot的多渠道广告投放分析系统[D]. 大连理工大学, 2021. DOI:10.26991/d.cnki.gdllu.2021.003401.
- 张宇琛. SSP广告投放系统业务支撑子系统的设计与实现[D]. 北京交通大学, 2021. DOI:10.26944/d.cnki.gbfju.2021.002958.
- 姚雅丽. 搜索广告相关性评估平台的设计与实现[D]. 北京交通大学, 2022. DOI:10.26944/d.cnki.gbfju.2022.000927.
- 崔明月. 短视频广告交易系统的设计与实现[D]. 首都经济贸易大学, 2022. DOI:10.27338/d.cnki.gsjmu.2022.000651.
- 赵文欣,苏峰. 基于Spring Boot的蒿草智能识别小程序的研究与实现 [J]. 现代计算机, 2024, 30 (04): 83-87+93.
- ]Ahmet M . Mastering Spring Boot 3.0:A comprehensive guide to building scalable and efficient backend systems with Java and Spring[M]. Packt Publishing Limited: 2024-06-28. DOI:10.0000/9781803245027.
- Miguel F P . Spring Boot 3.0 Cookbook:Proven recipes for building modern and robust Java web applications with Spring Boot[M]. Packt Publishing Limited: 2024-07-12. DOI:10.0000/9781835084908.
- Sangeeta J . Full Stack Development with Angular and Spring Boot:Build scalable, responsive, and dynamic enterprise-level web applications (English Edition)[M]. BPB Publishers: 2024-08-16. DOI:10.0000/9789365890778.
免费领取项目源码,请关注❥点赞收藏并私信博主,谢谢~
1561

被折叠的 条评论
为什么被折叠?



