岳涛@心馨电脑
专业会计
业余码农
琴娃家长
展开
-
【Python百日进阶-Web开发-Vue3】Day553 - Vue3 商城后台 13:退出登录、全局进度条、动态title
import {ref , reactive , toRefs , onMounted } from 'vue' import nProgress from 'nprogress' // 通知提示 export function notice(message = '消息提示' , type = 'success' , title = '' , dangerouslyUseHTMLString = false) {原创 2023-03-24 08:03:55 · 258 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day552 - Vue3 商城后台 12:Vuex持久化、回车触发登录
【代码】【Python百日进阶-Web开发-Vue3】Day552 - Vue3 商城后台 12:Vuex持久化、回车触发登录。原创 2023-03-12 01:00:00 · 137 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day550 - Vue3 商城后台 10:Veux4-02基本使用
actions作为Vuex的五大核心之一,它的属性是用来处理异步方法的,通过提交mutations实现。原创 2023-03-10 01:00:00 · 363 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day549 - Vue3 商城后台 09:Veux4-01基本概念
组件之间的传值有哪些?有父子通讯,兄弟组件通讯…但是传参对于多层嵌套就显得非常繁琐,代码维护也会非常麻烦。因此vuex就是把组件共享状态抽取出来以一个全局单例模式管理,把共享的数据函数放进vuex中,任何组件都可以进行使用。原创 2023-03-09 01:00:00 · 127 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day541 - Vue3 商城后台 01:项目构建
ssh:SSH 为 Secure Shell 的缩写,SSH 为建立在应用层基础上的安全协议。关闭vscode,将项目文件夹vue3-mall-backstage2中的文件全部复制到克隆的文件夹vue3-mall-backstage,替换 .gitignore 文件。总结:当你创建ssh的时候:-t 表示密钥的类型 ,-b表示密钥的长度,-C 用于识别这个密钥的注释。这里复制的是仓库的地址,后面会用的到。打开vscode项目,按ctrl+shift+p,然后输入 git,选择。原创 2023-02-28 00:30:00 · 148 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day532 - Vue3后台系统 12:Echarts图表-地图
因为接口返回的销量数据中,只有两三个字的简称,如:广东、内蒙古,等。部分数据,仅限样式展示。原创 2023-02-27 09:33:59 · 378 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day531 - Vue3后台系统 11:Echarts图表-饼图
/ 定义登录参数的接口 interface AdminLoginData {username : string password : string } // 定义登录返回值的data接口 interface AdminLoginResData {token : string tokenHead : string } // 定义登录返回值的接口 interface ManageResult < T = {} > {code?errno?原创 2023-02-27 03:30:00 · 229 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day530 - Vue3后台系统 10:分配角色弹窗
【代码】【Python百日进阶-Web开发-Vue3】Day530 - Vue3后台系统 10:分配角色弹窗。原创 2023-02-26 05:30:00 · 79 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day529 - Vue3后台系统 09:编辑用户列表数据
/ 定义全局接口 interface AdminObjItf {id?: number;username?: string;nickName?: string;email?: string;password?: string;note?: string;status?: number;import {原创 2023-02-25 03:30:00 · 100 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day528 - Vue3后台系统 08:渲染用户列表数据
import {dataType } from 'element-plus/es/components/table-v2/src/common' import request from './request' // ------------------------------------ 登录接口返回token // 定义登录参数的接口 interface AdminLoginData {原创 2023-02-24 03:30:00 · 72 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day527 - Vue3后台系统 07:动态添加路由规则与登录跳转
【代码】【Python百日进阶-Web开发-Vue3】Day527 - Vue3后台系统 07:动态添加路由规则与登录跳转。原创 2023-02-23 02:30:00 · 90 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day526 - Vue3后台系统 06:前置导航守卫
store文件夹下的index.ts。登录成功,刷新页面,菜单依然存在。原创 2023-02-22 04:15:00 · 81 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day525 - Vue3后台系统 05:渲染菜单
store文件夹中的index.ts。homepage.vue文件。原创 2023-02-21 05:00:00 · 86 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day524 - Vue3后台系统 04:VueX保存用户信息
src文件夹下,新建store文件夹,新建index.ts文件。原创 2023-02-20 04:00:00 · 301 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day523 - Vue3后台系统 03:登录跳转
assets文件夹下,新建styles文件夹,新建rebase.lessmargin : 0;border : 0;原创 2023-02-19 04:30:00 · 273 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day522 - Vue3后台系统 02:登录,保存token
src文件夹下,新建request文件夹,新建request.ts文件。request文件夹下,新建api.ts文件。原创 2023-02-18 03:45:00 · 529 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day521 - Vue3后台系统 01:项目构建
本项目参考B站的无私分享。原创 2023-02-17 03:30:00 · 372 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day520 - Vue3状态管理之Pinia
import {return {< script setup lang = "ts" > import useUserStore from './store/user' const userStore = useUserStore() // 解构store数据,解构后的count就不是响应式数据了 const {-- 直接使用导入的store -- > < h1 > 用户数量: {-- 使用解构的state中的变量 -- > < h1 > 用户数量: {原创 2023-02-16 03:30:00 · 189 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day519 - Vue+ts后台项目6:角色列表
【代码】【Python百日进阶-Web开发-Vue3】Day519 - Vue+ts后台项目6:角色列表。原创 2023-02-15 04:15:00 · 86 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day518 - Vue+ts后台项目5:用户列表
1.2 获取用户列表数据src/views/UserView.vue三、展示用户列表内容3.1 element-plus中的Select 选择器https://element-plus.gitee.io/zh-CN/component/select.htmlhttps://element-plus.gitee.io/zh-CN/component/table.htmlhttps://element-plus.gitee.io/zh-CN/component/dialog.html5.3原创 2023-02-14 05:45:00 · 336 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day517 - Vue+ts后台项目4:商品列表
1.2 修改响应拦截data层数 src/request/index.ts1.3 element-plus适合的行内表单https://element-plus.gitee.io/zh-CN/component/form.html1.5 src/views/GoodsView.vuehttps://element-plus.gitee.io/zh-CN/component/table.htmlhttps://element-plus.gitee.io/zh-CN/component/pagin原创 2023-02-13 03:15:00 · 147 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day516 - Vue+ts后台项目3:首页
/ 过滤isShow=true的菜单项。原创 2023-02-10 15:44:46 · 451 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day515 - Vue+ts后台项目2:登录页面
安装完插件,输入vb,选择vbase-3-ts-setup快速生成解决方案:src目录中,main.ts同级增加 shims-vue.d.ts文件,内容如下上级目录(项目根目录)的tsconfig.json文件中include列表中增加一个元素 “src/*.ts”,问题解决1.4 主组件 App.vue1.5 路由文件 router/index.ts1.6 首页组件 views/HomeView.vue1.7 登录组件 views/LoginView.vue二、实现登录原创 2023-02-12 07:15:00 · 468 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day514 - Vue+ts后台项目1:环境搭建
本项目参考B站视频的无私分享。原创 2023-02-11 04:15:00 · 388 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day513 - Vue基础:插槽和事件
具名作用域插槽的工作方式也是类似的,插槽 props 可以作为 v-slot 指令的值被访问到:v-slot:name=“slotProps”。插槽内容无法访问子组件的数据。Vue 模板中的表达式只能访问其定义时所处的作用域,这和 JavaScript 的词法作用域规则是一致的。在某些场景下插槽的内容可能想要同时使用父组件域内和子组件域内的数据。在父组件中使用 时,我们需要一种方式将多个插槽内容传入到各自目标插槽的出口。插槽内容可以访问到父组件的数据作用域,因为插槽内容本身是在父组件模板中定义的。原创 2023-02-10 00:30:00 · 362 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day512 - Vue基础:v-for列表渲染
Vue 实现了一些巧妙的方法来最大化对 DOM 元素的重用,因此用另一个包含部分重叠对象的数组来做替换,仍会是一种非常高效的操作。注意:同时使用 v-if 和 v-for 是不推荐的,因为这样二者的优先级不明显。为了给 Vue 一个提示,以便它可以跟踪每个节点的标识,从而重用和重新排序现有的元素,你需要为每个元素对应的块提供一个唯一的。对于多层嵌套的 v-for,作用域的工作方式和函数的作用域很类似。与模板上的 v-if 类似,也可以在 标签上使用 v-for 来渲染一个包含多个元素的块。原创 2023-02-09 00:45:00 · 290 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day511 - Vue基础:小练习(props、v-show、v-if、v-for)
4.对渲染树进行reflow(回流、重排)(计算元素的位置)2.html转换为DOM,css转换为cSSOM。3.将DOM和CSSOM构建成一课渲染树。5.对网页进行绘制repaint(重绘)1.加载页面的html和css(源码)原创 2023-02-08 01:00:00 · 327 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day510 - Vue基础:样式style
- 单根组件 -- > < div > < h1 > 我是MyBox中的h1标题 < / h1 > < h2 > 我是MyBox中的h2标题 < / h2 > < h3 > 我是MyBox中的h3标题 < / h3 > < div class = "box1" > 我是MyBox组件中的box1 < / div > < / div > < / template >原创 2023-02-07 00:30:00 · 266 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day509 - Vue基础:组合式API和模板语法
/ setup是一個鉤子函數,通过这个函数向外部暴露组件的配置 setup() {// 定义变量 // 在组合式API中,直接声明的变量就是普通变量,不是响应式变量,修改这些属性时,不会在视图中产生影响 const msg = '今天天气很好!' let count = 0 // 可以通过reactive()来创建一个响应式对象 const stu = reactive({name : '张三' }) // 使用函数 function changeName() {原创 2023-02-06 01:00:00 · 206 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day508 - Vue基础:data详解、methods和计算属性、谷歌浏览器Vue插件
在computed中,可以定义一些属性,即计算属性,可以理解为能够在里面写一些计算逻辑的属性。计算属性本质是方法,只是在使用这些计算属性的时候,把他们的名称直接当作属性来使用,并不会把计算属性当作方法去调用,不需要加小括号()调用。此计算属性的方法内部所用到的任何data中的数据,依赖响应属性只要发生改变,就会立即重新计算,即触发这个计算属性的重新求值;否则不会重新计算求值。原创 2023-02-05 00:45:00 · 526 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day507 - Vue基础:代理解析
但是这样会有缺陷,如果你请求的资源本地就有,他会直接返回本地的数据,而不会向服务器发送请求,所以建议大家还是用前面的方式,虽然麻烦,但是可以配置多个代理,也不会出现资源直接从本地返回的情况。我们可以利用axios的二次封装,给所有的请求都添加上/api这个前缀(这个前缀是可以随意命名的)注意:如果在开发中,我们拿到的所有请求有共同的前缀,那么我们可以省略给所有接口统一加上。当然还有更加简洁的做法,让所有的请求都走代理,而并不去匹配请求的前缀。这个服务器发送请求。为头的请求都会走我上面配置的代理,向。原创 2023-02-04 05:30:00 · 507 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day506 - Vue基础:项目解析与yarn命令
Yarn 对你的代码来说是一个软件包管理器, 你可以通过它使用全世界开发者的代码,或者分享自己的代码给全世界的开发者。Yarn 做这些事情快捷、安全、可靠,所以你不用担心什么。通过 Yarn 你可以使用其他开发者针对不同问题的解决方案,简化你开发软件的过程。如果使用过程中遇到问题,你可以将其上报或者贡献解决方案。一旦问题被修复, 你可以使用 Yarn 更新。代码通过 软件包(package) 的方式被共享。原创 2023-02-03 04:45:00 · 359 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day505 - 自动创建Vue项目
复制自动创建的项目删除App.vue的代码删除components文件夹。原创 2023-02-02 05:30:00 · 418 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day504 - Vue自定义组件和单文件组件
/ 引入Vue // 通过构建工具vite引入的vue,默认不支持通过template属性来设置模板,需要从"vue/dist/vue.esm-bundler.js"引入createApp // import {createApp} from "vue" import {原创 2023-02-01 05:45:00 · 316 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day503 - Vue3模板语法
Vue 使用一种基于 HTML 的模板语法,使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。所有的 Vue 模板都是语法层面合法的 HTML,可以被符合规范的浏览器和 HTML 解析器解析。在底层机制中,Vue 会将模板编译成高度优化的 JavaScript 代码。结合响应式系统,当应用状态变更时,Vue 能够智能地推导出需要重新渲染的组件的最少数量,并应用最少的 DOM 操作。原创 2023-01-31 06:15:00 · 406 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day502 - vite安装及报错处理
才能启动开发服务器,即使使用模块热替换(HMR),文件修改后的效果也需要几秒钟才能在浏览器中反映出来。这也正是我们对 “打包” 这个概念熟悉的原因:使用工具抓取、处理并将我们的源码模块串联成可以在浏览器中运行的文件。Vite意在提供开箱即用的配置,同时它的插件API和JavaScript API 带来了高度的可扩展性,并有完整的类型支持。Vite 旨在利用生态系统中的新进展解决上述问题:浏览器开始原生支持 ES 模块,且越来越多 JavaScript 工具使用编译型语言编写。进入目录,安装并启动。原创 2023-01-30 05:30:00 · 387 阅读 · 0 评论 -
【Python百日进阶-Web开发-Vue3】Day501 - Vue简介与快速入门
Vue是一个前端框架,主要负责帮助我们构建用户的界面Vue负责VM的工作(视图模型),通过Vue可以将视图和模型相关联当模型发生变化时,视图会自动更新也可以通过视图去操作模型Vue思想组件式开发声明式编程Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。原创 2023-01-29 10:55:48 · 544 阅读 · 0 评论