项目vue3 vue

系统化学习前端之Vue(vue2 组件通信)

## 前言 前文 vue2 基础中聊过,页面本质是 DOM 树,而在vue2 中 组件 = vm 实例对象 = DOM。因此,页面其实也是组件树构成,组件之间形成父子关系,兄弟关系等,相互之间通信也是组件树的必须要求。 ## vue2 组件通信 组件通信即组件之间的数据传递。 ### props 和 ......
前端 组件 系统 vue2 Vue

PMP - 如何开展项目管理

- 项目生命周期:开始项目 组织与准备 执行项目工作 结束羡慕 - 五大过程组:启动过程 规划过程 执行过程 控制过程 收尾过程 - 迭代:需求明确,但是基础不明确 - 增量:需求不确定,技术确定 - 预测:传统型项目 - 敏捷/适应:新型项目,技术不确定,需求不确定 ......
项目管理 项目 PMP

Vue3 如何让代码变得清新优雅,代码洁癖患者进!(2)

将 搜索 功能单独封装成组件, **如果你想问这又是何必呢?** 未经他人苦莫劝他人善! 就是要封装,不想看见一坨一坨的代码。 **温馨提示:** 在 搜索组件中,搜索条件初始值获取 ruote.query 获取,这样刷新浏览器依然可以保留上一次的数据, 注意,搜索条件里没有 pageNum 和 p ......
代码 洁癖 患者 Vue3 Vue

Vue3 如何让代码变得清新优雅,代码洁癖患者进!(3)

将 含有 表单的弹窗 单独封装成组件, **如果你想问这又是何必呢?** 未经他人苦莫劝他人善! 就是要封装,不想看见一坨一坨的代码。 **温馨提示:** 若依 获取字典方法还是很好用的, 但是要放在 初始化数据( 方法 init )的时候使用,proxy.useDict,避免字典重复加载!已加载的 ......
代码 洁癖 患者 Vue3 Vue

Vue3 如何让代码变得清新优雅,代码洁癖患者进!(4)

列表页面 来啦! **温馨提示:** 在 列表页面中,使用 若依的分页组件: Pagination,图片预览组件:ImagePreview,标签组件 DictTag ,还有公共方法 parseTime 等等 对若依 respect ! 搜索 或 翻页时 通过 router.push 跳转路由,使用 ......
代码 洁癖 患者 Vue3 Vue

Vue3 通过ossId 调用接口获取文件信息,多个或单个

天呐,离谱了兄弟们! 关于文件上传的问题,在表单提交的时候,对于上传的文件要,新增或修改的接口要传 ossId,但是回显的时候又没有给我 ossId,只有文件信息,导致修改的时候就有问题。还有多文件的时候,多个就让我传 文件路径,单个就传 ossId。 我信你个鬼! 直接让后端回显的时候不要给我返回 ......
单个 接口 多个 文件 ossId

Vue 用户30分钟未操作,页面跳转到登录页

<template> <div id="app"> <router-view ></router-view> <TipDialog v-if="tiptype"></TipDialog> </div> </template> <script> import TipDialog from "@/com ......
页面 用户 Vue

vue中清除Cookie方法

delCookie() { var cookies = document.cookie.split(";"); for (var i = 0; i < cookies.length; i++) { var cookie = cookies[i]; var eqPos = cookie.indexOf ......
方法 Cookie vue

vue消息订阅与发布

1.点一下加号: 2.安装第三方库:(pubsub-js,实现消息发布订阅也可以用其他库) 3.从收数据的人引入库“【引入之后的pubsub是一个对象,对象身上有很多有用的方法】 4.收数据的人订阅消息:【subscribe后面两个形参,第一个为消息名,第二个才是消息内容】 还需要注意订阅消息的人最 ......
消息 vue

华为的项目管理之道

华为项目管理之道 有幸在咱们“PMO前沿大会”学习了华为公司服务Fellow(领域专家)孙虎老师为大家分享的“华为项目管理之道”。 图解华为成功的秘诀--如何建立以项目为中心的运作的管理体系和文化? 孙老师从项目发展趋势出发,系统讲解了项目管理体系,以及项目管理需要的根能力,这三个部分对我的启发很大 ......
项目管理 项目

课程实践项目设计

一、学生宿舍管理系统用例图 根据项目用户故事,在学生宿舍管理系统中,用户故事的用例图描述了用户在系统中的各种操作情景,包括学生登陆、管理员登陆、查看学生入住信息等操作。 二、学生宿舍管理系统类图和活动图 类图描述了系统中各种类及其之间的关系。在此处,主要有3个包:表示层、业务层、数据访问层。表示层包 ......
课程 项目

Python|通过FastAPI开发一个快速的WebAPI项目

## 前言 Python 如此受欢迎的众多原因之一是 Python 有大量成熟和稳定的库可供选择: - 网页开发有:[Django](https://link.juejin.cn?target=https%3A%2F%2Fwww.djangoproject.com%2F) 和 [Flask](htt ......
FastAPI 项目 Python WebAPI

计应211第三组网上鲜花销售系统项目设计

一:三层架构 1.Dao层,数据库访问层,访问数据库,对数据进行增删改查。 2.Service层,业务逻辑层,处理事务,收款金额,等。 3.Web层,表示层,处理数据,保存数据。 二: 1.用例图 2.活动图 3.类图 ......
鲜花 项目 系统 211

vue3 列表循环使用及key用法

<template> <div> <p v-for="(item,index) in names" :key="index">{{item}}{{index}}</p> </div> <div v-for="value,key in results">{{key}}-{{value}}</div> ......
vue3 vue key

vue3 条件判断语句及v-if与v-show 区别

<template> <div v-if="type 'a'">aaa</div> <div v-else-if="type 'b'">bbb</div> <div v-else>ccc</div> <div v-show="flag">111</div> </template><script> e ......
语句 条件 v-show vue3 v-if

课程实践项目设计

用户故事:领域层:完成以下的判断操作:1.根据两支队伍每场的得分情况判断出每一场的赢家2.根据两支队伍的胜利场数来判断出胜利队伍3.根据得分和失分点判断每支队伍的薄弱点 数据源层:记录每支队伍的得分情况以及胜利场以及分别记录两队队员的得分方式和得分情况并实现,每队至少25分,第五局得分,至少为15分 ......
课程 项目

vue前端model和data强关联

![](https://img2023.cnblogs.com/blog/1648896/202306/1648896-20230604221227543-1328337896.png) 如果不关联会报错, 且错误不好找! ![](https://img2023.cnblogs.com/blog/1 ......
前端 model data vue

项目总结

项目总结 1. 每个成员在beta 阶段的实践和alpha 阶段有何改进? 梁宏凯:beta阶段较alpha阶段对结构和算法的理解更为深刻,效率更加高效,也在团队项目过程中起到闹钟提醒的作用,催促着整个项目的进行. 王洪兵:对前端的设计是更加好看了,也根据要求添加了所需要的界面主题和功能,对前端与后 ......
项目

vue3元素标签属性的绑定

<template> <div v-bind:id="main" v-bind:class="message">aaa</div></template><script> export default{ data(){ return{ message:'active', main:'mainid' } ......
属性 元素 标签 vue3 vue

Vue基础

[toc] # 一 属性指令 | 指令 | 释义 | | : : | : : | | v-bind | 直接写js的变量或语法(不推荐) | | : | 直接写js的变量或语法(推荐) | ```python # 标签上 name id class src href ,height 属性 如果这样, ......
基础 Vue

项目设计原则(新增用户故事)

用户故事: (1):角色: 作为一个上班人员我每天需要从家里到公司开车,我想要各个地区的计价收费以及路况情况。 (2):需求: 计时收费:根据用户租赁的总体时长进行计算收费。 路程收费:根据用户的开车总路程进行计算收费。 (3)商业价值: ①第一要务肯定是要考虑如何盈利,只有保证自身不断发展,才能推 ......
原则 项目 故事 用户

Vue3 模板语法学习

<template> {{message}} {{number+1}} {{ok?'yes':'no'}}</template><script> export default{ data(){ return{ message:'aaa', number:10, ok:false } } }</scr ......
语法 模板 Vue3 Vue

web项目创建后WEB-INF下面没有出现web.xml的解决方法

提供两种解决方案: 第一种:创建完项目后,需要手动创建出web.xml 第一步:选取创建的项目名称右击 ![](https://img2023.cnblogs.com/blog/1294257/202306/1294257-20230604213853445-1707868111.png) 第二步: ......
web WEB-INF 方法 项目 WEB

Vue介绍

[toc] # 一 前端的发展史 1. HTML(5)、CSS(3)、JavaScript(ES5、ES6):编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 - javascript=E ......
Vue

课程实践项目设计

1.用户故事;作为每天都在上课的大学生,中午排队买饭就是个 巨大的折磨,还要防止别人插队。这时候他们就需要一个点餐软件。所以我们为我们的咸肉饭店做了一个咸肉饭点餐软件。它主要能在线上提前点好饭然后在下课后根据单号取饭。我们的优势就是其他家没有点餐软件。 2.项目; 我们先定义了几种可能购买的食物,并 ......
课程 项目

基于 Vue3 + TS 的前端结构

效果预览: ![](https://img2023.cnblogs.com/blog/3214089/202306/3214089-20230604204034093-1526814837.png) ![](https://img2023.cnblogs.com/blog/3214089/20230 ......
前端 结构 Vue3 Vue TS

课程实践项目设计

一、酒店管理系统用例图 在图中,用户通过登录界面输入信息与数据库信息匹对,确定用户的权限。 ![](https://img2023.cnblogs.com/blog/3066883/202306/3066883-20230604173549975-219568885.png) 二、类图与活动图 or ......
课程 项目

git管理项目时,出现"modified content, untracked content"错误(WSG实测可以解决问题)

新创建的一个git项目,好久没用了,重新修改一些代码之后提交时发现有如下提示: modified content, untracked content (codes/) 说是codes文件夹虽然修改了,但是不能被跟踪,导致一直没办法更新。 修改步骤: 1:ll -a:进入codes文件夹下执行,查看 ......
content quot untracked modified 错误

JavaFX系列---【新建JavaFx项目和打包】

# 新建JavaFx项目和打包 ## 1.安装jdk17,并配置环境变量 下载地址:[https://www.oracle.com/java/technologies/downloads/#java17](https://www.oracle.com/java/technologies/downlo ......
项目 JavaFX JavaFx

ant-design-vue中官网案例树穿梭框的疑问

网上: 我把官网这个案例的树改成支持父节点选择之后子节点也能被选中(移除案例中的checkStrictly),但是通过父节点选择之后子节点无法取消选择了(其实已经被取消选中但是勾选状态没变)。 我把handleTreeData方法去掉了,不设置disabled好像没什么问题工作中的实际问题: 只需选 ......
ant-design-vue 疑问 案例 design ant