软件工程学习日志2025.10.20

news/2025/10/20 21:02:08/文章来源:https://www.cnblogs.com/dynastyeast/p/19153648

今日概览

  • 统一了全站顶部导航的视觉样式,移除各页面导航按钮的 primary 高亮,确保颜色一致与信息层级清晰。
  • 修正了个人中心页的导航,移除指向当前页的“个人中心”按钮,避免自指链接。
  • 启动并验证了本地服务,通过关键页面预览确认改动生效。
  • 梳理了项目启动脚本与 Maven 启动方式的差异,解决端口冲突问题。

关键改动

  • 导航统一:在多个页面移除顶部导航链接的 class="primary" 高亮,仅保留页面内容区域内的功能按钮高亮。
    • 涉及文件:chat.htmlprofile.htmllogin.htmlcounselors.htmlindex.htmlbookings.htmlregister.htmlcounselor.html
  • 个人中心导航调整:修改 c:\Users\王朝东\IdeaProjects\heartask\src\main\resources\static\profile.htmlbuildNav(role),不再显示“个人中心”链接:
    • 来访者:主菜单全部咨询师退出登录
    • 咨询师:主菜单预约列表退出登录
    • 其他:退出登录
      技术过程
  • 全局检索:使用正则在 static 目录定位所有包含 class="primary" 的导航元素,精确命中需要统一的页面。
  • 精准编辑:逐页移除顶部导航的高亮样式,保留页面内部按钮(如提交、保存)的高亮不变,维持交互重点。
  • 导航生成脚本:在 profile.html 的导航渲染逻辑中按角色重构链接集合,减少重复与歧义。

问题与解决

  • Maven命令参数异常:在 PowerShell 下传递 -Dspring-boot.run.arguments 初始尝试报 “Unknown lifecycle phase”,改用脚本启动规避。
  • 端口冲突:8080 被占用导致启动失败,执行 scripts\stop.ps1 释放端口后用 scripts\start.ps1 启动。
  • 日志抓取:预览时浏览器日志获取失败,但页面实际加载正常,不阻碍验证。

验证与预览

  • 服务启动:通过 scripts\start.ps1 启动 Spring Boot 应用,监听 8080
  • 页面预览:
    • http://localhost:8080/register.html:顶部导航无 primary 高亮,样式一致。
    • http://localhost:8080/bookings.html:导航一致,日志抓取失败但页面无错误。
    • http://localhost:8080/counselor.html?id=1:导航一致,页面正常。
    • http://localhost:8080/profile.html:不显示“个人中心”按钮,导航逻辑正确。

影响与收益

  • 导航一致性提升:去除了页面间不一致的高亮,降低误导和视觉噪音。
  • 信息层级更清晰:将高亮集中于页面内操作按钮(如保存/提交),引导用户关注核心交互。
  • 可维护性增强:个人中心页避免自指链接,后续可复用统一的导航生成逻辑。

后续计划

  • 添加统一“当前页标识”样式:不使用高亮,可采用下划线、加粗或轻微色差标示当前页面。
  • 抽取导航构建到公共脚本:将各页重复的导航模板迁移到一个共享的 js,按 location.pathname 和角色动态渲染,减少分散修改。
  • 启动参数规范化:在需要自定义端口时,统一文档化 PowerShell 下 Maven 的参数传递方式,或扩展 start.ps1 支持端口可选参数。

今日思考

  • 样式统一要兼顾“一致性”和“可感知定位”,顶部导航去高亮是合理的,但仍需轻量的当前页指示来增强定位感。
  • 与其在每个页面维护导航,不如中心化渲染逻辑,减少未来改动的传播面和不一致风险。
  • 启动方式要与环境兼容(Windows/PowerShell 与 Maven 参数传递),脚本化是更稳妥的团队协作方案。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/941599.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

P14254 分割(树上计数问题) 题解

P14254 树上组合计数(分割问题)题解 原题链接 一、题目分析 这部分是解题的核心,通过分析条件得出简化问题的关键结论。计数问题先尝试找一下性质:注意到节点的选择只能越来越深 \[d_i>=d_1 \]最关键性质: \[m…

完整教程:开源 C++ QT QML 开发(一)基本介绍

pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Consolas", "Monaco", "Courier New", …

102302104刘璇综合实践作业任务一:智能购物平台用户需求调研分析报告——基于195份问卷的用户痛点挖掘

摘要: 本报告基于《智能购物平台调查问卷数据及其可视化》收集的195份有效数据,通过科学的可视化分析方法,围绕用户基础特征、烹饪行为习惯、智能功能需求等维度展开深入研究。在两个星期的调研过程中,我从问卷设计…

软件工程第二次团队作业

这个作业属于哪个课程 https://edu.cnblogs.com/campus/fzu/202501SoftwareEngineering/这个作业要求在哪里 https://edu.cnblogs.com/campus/fzu/202501SoftwareEngineering/homework/13559这个作业的目标 使用现代 A…

Hands on Deep Learning Chapter 3 线性神经网络

3 线性神经网络 3.1 线性回归 回归(regression)、预测(prediction)、分类(classification) 3.1.1 线性回归的基本元素 线性模型:对输入特征进行一个仿射变换(affine transformation,加权和对特征进行线性变换…

超越技术范畴:低代码如何重塑企业数字文化

当我们谈论低代码时,目光往往聚焦于其提升开发效率的技术特性。然而,它的深层影响力远不止于此。低代码更像是一颗投入企业静湖的石子,其激起的涟漪,正层层扩散,深刻地重塑着组织的协作模式、创新节奏乃至内在的数…

好用的网址

填验证码(? 题解格式化。 画图。 代码格式化。 纯文字图片生成器。

【C++实战(71)】解锁C++音视频编写:FFmpeg从入门到实战

pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family: "Consolas", "Monaco", "Courier New", …

20251020

正睿NOIP 二十连测 A 有 \(m(m \le 95)\) 种药剂,每种药剂有 \(n_i(\sum n_i \le 10^{15})\) 瓶,等级为 \(p_i\)(\(2 \le p_i \le 499\))。要将这些药剂分成两个不相交的集合 \(X, Y\),\(X\) 的价值为其组内所有药…

低代码赋能业务创新:打破数字鸿沟,释放业务潜能

在数字化转型的浪潮中,一个突出的矛盾日益显现:业务部门汹涌的创新需求,与IT部门有限的开发资源之间,形成了一道难以逾越的“数字鸿沟”。当市场部门需要一个临时的活动报名系统,当HR部门渴望一个高效的内部推荐工…

【大模型】大模型训练的几个不同阶段

总结:各方法的典型关联(以大语言模型为例)Pre-Training:先让模型学“通识知识”(如语言、世界知识)。 Supervised Fine-Tuning (SFT):用标注数据让模型学“任务基本模式”(如指令遵循)。 Reward Modeling:训…

详细介绍:1、手把手教你入门设计半桥LLC开关电源设计,LLC谐振腔器件计算

详细介绍:1、手把手教你入门设计半桥LLC开关电源设计,LLC谐振腔器件计算pre { white-space: pre !important; word-wrap: normal !important; overflow-x: auto !important; display: block !important; font-family…

十六天

今日重点学习关系型数据库基础,核心掌握三个模块:一是数据表的结构化设计,明确字段类型(如INT、VARCHAR)需与数据属性匹配,避免后续数据存储异常;二是主键的作用,通过实操验证其“唯一标识记录”的必要性——未…

10/20/2025杂题 关于在线性时间内求解低次多项式的幂

例 设 \(g = ax^2 + bx + c\),求: \[ f = g^n\]其中 \(0 \leq n \leq 3 \times 10^5\)。结果对 \(10^9 + 7\) 取模。 首先可以直接用 MTT 在 \(O(n \log n)\) 的时间复杂度内求解。然而此做法常数太大,在需要多次求…

歌手与模特儿

https://www.luogu.com.cn/problem/AT_nikkei2019_2_final_h 第一次见到能 manacher 但不能二分+哈希的题! 直接上 manacher,当尝试将区间拓展为 \([l,r]\) 时,考察 \(nxt_l\) 和 \(lst_r\) 的位置关系,可以 check…

20251019

正睿 NOIP 十连测 B 有 \(n\) 个数 \(a_1 \sim a_n\)。初始有一个 \(x = 1\),每次需要将 \(x\) 变为某个 \(i\),花费代价为 \(\min(|i - x|, n - |i - x|)\),且 \(a_x \le a_i\)。问访问所有 \(i\) 需花费的最小代价…

计算机毕业设计 基于EChants的海洋气象数据可视化平台设计与建立 Python 大数据毕业设计 Hadoop毕业设计选题【附源码+文档报告+安装调试】

计算机毕业设计 基于EChants的海洋气象数据可视化平台设计与建立 Python 大数据毕业设计 Hadoop毕业设计选题【附源码+文档报告+安装调试】pre { white-space: pre !important; word-wrap: normal !important; overflo…

SpringBoot整合Redis教程

一、Redis 简介 Redis(Remote Dictionary Server)是一个开源的高性能键值对存储数据库,基于内存运行并支持持久化,常用于缓存、会话存储、消息队列等场景。其核心特点包括:速度快:基于内存操作,单线程模型避免上…

https://www.luogu.com.cn/problem/CF1635E

考虑一个事情,两辆车方向一定相反,弱化限制后,建二元关系图,发现一定是一张二分图。 钦定左部点为向左,其他点为向右,然后发现位置满足一个二元大小关系限制,建 DAG 跑拓扑序即可。

ZR 2025 NOIP 二十连测 Day 5

85 + 32 + 5 + 5 = 127, Rank 67/128.呜呜我错了……我再也不开太大的 vector 了呜呜……/dk /dk /dk25noip二十连测day5 链接:link 题解:题目内 时间:4h (2025.10.20 14:00~18:00) 题目数:4 难度:A B C D\(\colo…