因为前端代码之前是一体编写的，所以为了方便对代码进行了拆分
之前是这样的：
为了更加规范，所以拆分成vue、util、store、api等部分：
css：
store:
拆分后的大致界面为：
其实还有点别扭需要后续再调整
38.前端代码拆分
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/pingmian/79654.shtml
如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！相关文章
tinyrenderer笔记（Shader）
tinyrenderer个人代码仓库：tinyrenderer个人练习代码 前言
现在我们将所有的渲染代码都放在了 main.cpp 中，然而在 OpenGL 渲染管线中，渲染的核心逻辑是位于 shader 中的，下面是 OpenGL 的渲染管线： 蓝色是我们可以自…
LintCode407-加一,LintCode第479题-数组第二大数
第407题:
描述
给定一个非负数，表示一个数字数组，在该数的基础上1，返回一个新的数组。
该数字按照数位高低进行排列，最高位的数在列表的最前面.
样例 1：
输入：[1,2,3]
输出：[1,2,4]
样例 …
SMT贴片钢网精密设计与制造要点解析
内容概要
SMT贴片钢网作为电子组装工艺的核心载体，其设计与制造质量直接影响焊膏印刷精度及产品良率。本文系统梳理了钢网全生命周期中的15项关键技术指标，从材料选择、结构设计到工艺控制构建完整技术框架。核心要点涵盖激光切割精度的微米级调控、开口…
OpenCV进阶操作：角点检测
文章目录 一、角点检测1、定义2、检测流程1）输入图像2）图像预处理3）特征提取4）角点检测5）角点定位和标记6）角点筛选或后处理（可选）7）输出结果 二、Harris 角点检测&#…
江苏正力新能Verify认知能力测评笔试已通知 | SHL测评题库预测题 | 华东同舟求职讲求职
江苏正力新能入职笔试通知，Verify（认知能力测评），用时约46分钟，其中正式测试部分计时36分钟；时间到了试卷会自动提交，请合理安排答题时间！前面有10分钟练习时间，可以略过…
【AI知识库云研发部署】RAGFlow + DeepSeek
可以分成两台机器部署，一台gpu，一台cpu，cpu的机器运行ragflow的主程序，使用模型时才访问gpu。当然全部在一台机器上部署是完全ok的。全文没有复杂的环境问题
gpu
安装screen：yum install screen
配置ollama：
下载官方安装脚本并执行： curl -fsSL https://ollama.co…
Java后端开发day40--异常File
（以下内容全部来自上述课程）
异常
异常：异常就是代表程序出现的问题
1. 异常的分类 1.1 Error
代表的是系统级别的错误（属于严重问题） 系统一旦出现问题，sun公司会把这些错误封装成Error对象。 Error…
算法思想之深度优先搜索（DFS）、递归以及案例（最多能得到多少克黄金、精准核酸检测、最富裕的小家庭）
深度优先搜索（DFS）、递归 深度优先搜索（Depth First Search，DFS）是一种用于遍历或搜索树或图的算法。在 DFS 算法中，从起始节点开始，沿着一条路径尽可能深地访问节点，直到到达叶子节…
Spark，HDFS客户端操作
hadoop客户端环境准备
找到资料包路径下的Windows依赖文件夹，拷贝hadoop-3.1.0到非中文路径（比如d:\hadoop-3.1.0）
① 打开环境变量 ② 在下方系统变量中新建HADOOP_HOME环境变量,值就是保存hadoop的目录。 效果如下： ③ 配置Pa…
共享会议室|物联网解决方案：打造高效、智能的会议空间！
在数字化转型的浪潮下，企业、园区、公共机构的会议室面临诸多痛点，如何通过物联网技术实现会议室资源的智能调度、环境设备的自动化控制以及用户体验的全面升级？本文将结合行业实践与技术方案，探讨基于物联网的共享会议室解决方案…
ts bug 找不到模块或相应类型的声明，@符有红色波浪线
解决方法：在env.d.ts文件中添加以下代码，这段代码是一个 TypeScript 的声明文件，用于让 TypeScript 知道如何处理 Vue 单文件组件（.vue 文件）的导入。
/// <reference types"vite/client" />
// 声明…
源码分析)
Android View#post()源码分析
文章目录 Android View#post()源码分析概述onCreate和onResume不能获取View的宽高post可以获取View的宽高总结 Android View#post()源码分析
概述
在 Activity 中，在 onCreate() 和 onResume() 中是无法获取 View 的宽高，可以通过 View#post() 获取 Vi…
SecureCrt设置显示区域横列数
1. Logical rows //逻辑行调显示区域高度的 一般超过50就全屏了 2. Logical columns //逻辑列调显示区域宽度的 3. Scrollback buffer //缓冲区大小
)
最短路径-Dijkstra算法板子(java)
自己把Dijkstra的板子整理了一下，也方便自己后续做题，在此做个记录。
Dijkstra基本上都会需要这些变量： dist[]：记录各个节点到起始节点的最短权值 path[]：记录各个节点的上一个节点(用来联系该节点到起始节点的路径)…
PostgreSQL数据库的array类型
PostgreSQL数据库相比其它数据库，有很多独有的字段类型。
比如array类型，以下表的pay_by_quarter与schedule两个字段便是array类型，即数组类型。
CREATE TABLE sal_emp (name text,pay_by_quarter integer[],schedule t…
centos的根目录占了大量空间怎么办
问题 当根目录磁盘不够时，就必须删除无用的文件了
上面的，如果删除/usr 或/var是可以释放出系统盘的
定位占空间大的文件 经过命令，一层层查哪些是占磁盘的。 du -sh /* | sort -rh | head -n 10 最终排查，是有个系统日志占了20…
PostgreSQL存储过程“多态“实现：同一方法名支持不同参数
引言
在传统编程语言中，方法重载（同一方法名不同参数）是实现多态的重要手段。但当我们将目光转向PostgreSQL数据库时，是否也能在存储过程（函数）中实现类似的功能？本文将深入探讨PostgreSQL中如…