软件项目开发（Spring Boot）课件全套 杨智勇 单元1--8 竞赛登记管理系统架构设计 --- 竞赛登记管理系统部署.pptx

单元1竞赛登记管理

系统架构设计;学习目标;任务1.1分析竞赛登记管理系统用户需求;;;竞赛登记管理系统概述;;;;软件需求说明书;产品描述;;;任务1.2设计竞赛登记管理系统架构;引言;;项目目标提供高效、易用的工具，帮助高校教职工快速准确登记和管理竞赛信息，考虑用户习惯和需求，确保系统安全性与稳定性。;系统架构设计;架构设计的目的;;;;;方案优化策略;;;;;;;开发技术选型;编程语言由于项目团队成员更熟悉Java开发语言，因此后端语言技术选型应优先考虑传统的Spring+SpringMVC+Mybatis体系或SpringBoot。虽然这二者之间并无本质区别，但考虑到该项目规模较小且工期较紧，故应采用项目搭建简单、第三方插件完备的SpringBoot2.2为后端技术选型。

依赖管理对于JavaWeb项目，通常采用的都是ApacheMaven来进行依赖管理，我们的项目也采用ApacheMaven3来管理依赖。;;视图层框架由于前端技术选型需要考虑界面风格和用户交互体验，因此计划优先采用SpringBoot官方推荐且容易上手的Thymeleaf模板引擎为主来开发前端，并基于此技术体系完成一个初级演示版交给用户。若用户可接受此界面风格，则继续用该体系来开发前端；若用户对界面有更高要求且愿意适当延长开发周期，则视图层换用Vue2.6来开发。

JavaScript框架在前端开发过程中，通常会用到一些JavaScript框架来辅助开发，比如jQuery、Bootstrap等。这些框架可以帮助开发人员快速构建出符合现代浏览器标准的用户界面，提高开发效率。;;对于竞赛登记管理系统的数据存储需求，应优先选择体积小巧、安装简便、易于维护、使用免费的数据库，显然MySQL数据库是不二之选，具体版本为MySQL5.7。;;总结与展望;;;THANKS.;单元2竞赛登记管理系统开发环境搭建;学习目标;任务2.1基于IntelliJIDEA的SpringBoot环境搭建;前端页面;;;;;;1.新建SpringBoot项目;1.新建SpringBoot项目;1.新建SpringBoot项目;2.新建Controller类;3.访问页面;任务4.2配置竞赛登记管理系统关键参数;;;;;;;;总结;;THANKS.;单元3登录及跳转页

面初探;学习目标;任务3.1

输出用户登录界面;任务情境;;;知识准备;Thymeleaf缓存配置;spring.thymeleaf.cache的作用;;缓存对系统性能的影响;Thymeleaf模板文件位置配置;spring.thymeleaf.prefix的作用;配置模板文件位置;模板文件位置的选择原则;Thymeleaf页面后缀配置;spring.thymeleaf.suffix的作用;页面后缀的格式选择;页面后缀与模板文件的关系;Thymeleaf模板样式配置;spring.thymeleaf.mode的作用;HTML5样式的配置;其他可选的模板样式;Thymeleaf模板编码配置;spring.thymeleaf.encoding的作用;编码格式的选择原则;编码格式与模板文件的关系;任务实施;在项目的`src/main/resources/templates`目录下创建名为`index.html`的默认首页文件。文件内容按指定格式填写。;;;;;;;;;任务3.2显示相同url下不同角色的不同首页;任务情境;;知识准备;;定义与用途链接表达式用于生成Web应用程序中的链接，通常用于a标签的href属性中，以指定链接的URL。

Thymeleaf的语法Thymeleaf使用@{...}语法来表示链接表达式。

示例ath:href=@{/login}Login/a会在页面中生成一个指向/login路径的链接。;;;;;;;;动态设置样式;;;;;;;设定资源地址使用th:src可以为script或img等元素设定资源地址。例如，scriptth:src=@{/resources/js/jquery/jquery.json-2.4.min.js}/script这段代码将script元素的src属性设置为/resources/js/jquery/jquery.json-2.4.min.js。;;;声明片段：使用`th:fragment`属性声明一个片段，该片段可以被其他位置通过`th:replace`或`th:insert`引入。;任务实施;;;;;单元4竞赛登记管理

系统前后端数据交互;学习目标;任务4.1定义竞赛信息交互格式;;;;;;;Maven中添加Json解析依赖;创建竞赛信息实体类SysCompete;创建控制器;;;新建请求

在Post