项目实战day1

最新推荐文章于 2024-09-13 14:34:15 发布
最新推荐文章于 2024-09-13 14:34:15 发布
阅读量242 收藏
点赞数
分类专栏： vue+element项目实战 文章标签： vue.js vue项目 vue+element-ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41555854/article/details/111312584
版权

故心故心故心故心小故冲啊

文章目录


项目分析

这个项目是使用vue+element-ui搭建的信贷管理后台系统

完成进度

已完成基本的大概布局
布局操作
①由于是一个单页面显示 所以在App.vue中使用 router-view标签,可以使页面通过路由的控制.
② src目录应该分配好,该放啥就是啥
在这里插入图片描述
③制作简单页面然后通过路由使他们可以跳转
在这里插入图片描述

项目错误总结

错误一

在这里插入图片描述
在引用路由地址是 应在标签上加入router 不然无作用

错误二

在路由设置中有children属性的话 ,一定要在父里设置出口router-view不然无法显示

错误三

在这里插入图片描述
index是唯一标识 ,如果设置一样时,在展开的时候都会展开.

故心v
关注
专栏目录
ssm+vue项目实战
11-21
在本项目"ssm+vue项目实战"中，我们将探讨如何结合现代前端技术Vue.js与传统的后端MVC框架Spring、SpringMVC和MyBatis，构建一个完整的Web应用程序。这个实战项目旨在帮助开发者理解前后端分离的开发模式，以及如何...
学成在线-微服务项目Day1.zip
07-08
【微服务项目实战Day1】课程内容概览 在“学成在线-微服务项目Day1.zip”这个压缩包中，我们即将开启一场深入的Java微服务项目实战之旅。微服务架构是现代软件开发领域中的一项重要技术，它将大型应用拆分为一系列...
全面解剖RocketMQ和项目实战-day1-part2.7z
06-25
本教程将全面解剖RocketMQ的核心特性，并通过一系列视频课程，帮助你理解RocketMQ的工作原理及其在实际项目中的应用。 首先，让我们探讨“消息消费基本流程”。在RocketMQ中，消息的消费过程包括了生产者发送消息、...
全面解剖RocketMQ和项目实战-day1-part1.7z
06-25
总的来说，这个教程系列将带你从零开始，全面掌握RocketMQ的基本概念、安装部署、集群配置以及实际应用，帮助你在项目开发中熟练运用RocketMQ，提升系统的稳定性和效率。通过理论结合实践的学习，你将能够应对复杂...
day24_Django项目实战歌曲搜索.zip
09-07
在本项目"day24_Django项目实战-歌曲搜索"中，我们将深入探讨如何使用Django框架构建一个功能完备的在线歌曲搜索应用。这个实战项目旨在帮助开发者掌握Django的核心特性和实际应用，同时提升Web开发技能。我们将涵盖...
vue-router addRoutes多次添加路由重复问题
iygxv
02-17 1724
故心故心故心故心小故冲啊 文章目录 在@router中 const createRouter = () => new VueRouter({ routes: constantRoutes //constantRoutes为默认路由 }); const router = createRouter(); export function resetRouter() { //这个是重置函数 const newRouter = createRouter(); router.matcher =
取消vue-cli中eslint代码规范提示
iygxv
12-17 496
座右铭：越努力越幸运，越运动越健康。热爱前端技术，热爱运动又乐观的这样一个人 文章目录一、释掉package.json文件中eslint的配置就可以了二、或者vue.config.js中将以下三项设置为false 一、释掉package.json文件中eslint的配置就可以了 "eslintConfig": { "root": true,////此项是用来告诉eslint找当前配置文件不能往父级查找 "env": { "node": true//此项指定环境的全局变量
vue项目实战day7
iygxv
01-06 369
故心故心故心故心小故冲啊 文章目录角色权限路由分配导航栏动态处理 角色权限路由分配 步骤: 1.默认路由与需要动态处理的路由 2.在meta中给与属性roles(不同角色分配不同的权限) 3.在vuex中处理动态路由(最终得到不同角色分配不同的路由) 4. router.addRoutes(asyncRoutes);动态添加这个路由 5. 这样就可以实现角色权限路由分配 import Vue from 'vue' import Vuex from 'vuex' //引入常规路由配置 和 动态路由配置
项目实战day2
iygxv
12-18 287
项目实战day2 故心故心故心故心小故冲啊 文章目录项目实战day2一.sass基本语法学习1.引言2.关于sass3.Scss 与 Sass的区别4. Sass使用①变量声明:②变量引用：③嵌套CSS 规则父选择器的标识符&群组选择器的嵌套子组合选择器和同层组合选择器嵌套属性混合器登录页-form表单组件布局组件定义及调用多级路由渲染完成情况 一.sass基本语法学习 1.引言 众所周知css并不能算是一们真正意义上的“编程”语言，它本身无法未完成像其它编程语言一样的嵌套、继承、设置变量等工
项目实战day4
iygxv
12-24 219
故心故心故心故心小故冲啊 文章目录一.面包屑二.申请管理的完成三.申请管理的完成 一.面包屑 在vue中使用面包屑步骤: 1.在router中meta中定义title 2.使用this.$route.matched 过滤出所有的 item.meta.title getBreadcrumb() { console.log(this.$route.matched); this.lists = this.$route.matched.filter( item =>
项目总结
iygxv
01-08 172
故心故心故心故心小故冲啊 文章目录这是一个怎样的项目用到了什么技术，为什么用这项技术（以及每项技术很细的点以及扩展）过程中遇到了什么问题，怎么解决的。收获 这是一个怎样的项目 项目:信贷管理系统 这个项目属于后台管理系统类的项目 角色分配： 1、管理员 2、销售人员 3、初审人员 结构分配： 1、登录页 2、首页 3、贷款申请 4、申请管理 5、贷款审批 5-1、初审 5-2、终审 6、标的管理 7、权限管理 7-1、创建管理员 7-2、列表展示 权限管理： 销售人员 - 登录后只能看到‘首页’‘贷款
项目实战day5
iygxv
12-30 128
故心故心故心故心小故冲啊 文章目录1.分页2.全局过滤器封装3.下载docx文件的处理 1.分页 <!-- 分页 --> <!-- total 总条目数 layout 组件布局，子组件名用逗号分隔 total, sizes, prev, pager, next, jumper page-sizes 每页显示个数选择器的选项设置 [10, 20, 30, 40] size-change 页数 改变时会触发 current-change 页
项目实战day3
iygxv
12-23 106
故心故心故心故心小故冲啊 文章目录一.全局组件定义二.axios请求/拦截的封装三.本地存储封装四.登录与退出接口的完成五.登录与退出调用接口 一.全局组件定义 全局组件存放components文件夹中 引入全局组件在main.js中,这样就可以在所以组件中直接引入,不需要导入导出 // 引入全局自定义组件 import './components/global' //index.js import Vue from 'vue' const componentsContext = requir
项目实战day6
iygxv
12-31 76
故心故心故心故心小故冲啊 文章目录1.路由拦截的处理 1.路由拦截的处理 //分析 // 当前是否在登录页面 =>在=>放行 // 不在登录页面 =>没有登录或者已经登录了的 // 已经登录(有角色信息的) =>放行 // 没有登录 => 获取角色信息(发送请求获取) // 获取不到(获取失败,即直接访问其他页面) =>返回登录页 router.beforeEach(async (to, from, next) => { //判断当前是否在登录页面
Vue使用query传参Boolean类型，刷新之后转换为String问题
q879936814的博客
09-12 400
要解决这个问题，不能直接Boolean处理，因为如果传入false，那么转换成字符串，Boolean(‘false’)会变成true；做项目时发现第一次进入页面时传参是正常的Boolean类型，刷新之后变成了String，这是浏览器进行的一次强制转换；解决方法：使用JSON.parse处理参数。
element-plus组件问题汇总
xiaoxian_xian的博客
09-12 417
element-plus组件问题汇总
Vue Router push方法的使用
最新发布
ithongchou的博客
09-13 718
是一个用于编程式导航的方法，它可以将用户导航到应用中的不同路由。它提供了灵活的路由控制能力，允许你在应用的逻辑中进行路由操作，例如在用户交互后进行页面跳转。
Vue接入高德地图并实现基本的路线规划功能
黄团团的个人博客
09-11 535
找到public目录下的index.html文件，把刚才申请好的2个密钥分别粘贴进去，第一个securityJsCode是填入安全密钥，第二个红框是填入Key。登录高德开放平台，点击我的应用，先添加新应用，然后再添加Key。如图所示填写对应的信息，系统就会自动生成。
OpenMMLab与计算机视觉基础：AI实战营Day1精华
"本次课程是AI基础实战营的第一天，主要介绍了计算机视觉的基本概念和OpenMMLab开源算法体系。由同济大学的张子豪主讲，内容涵盖了从计算机视觉的基本问题，如图像识别、人脸识别，到更高级的应用如图像生成、风格...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值