基于VUE3和ElementPlus从头搭建通后台管理系统(前端篇)

军军君01 2023-01-13 03:41:20

课程名称适应人群
基于VUE3和ElementPlus从头搭建通后台管理系统(前端篇)1.学生、自学前端人员 2.缺乏vue项目经验的前端开发人员 3.需要一套管理系统通用功能用于定制开发、外包项目的人员 4.了解vue,但无完整项目开发经验的人员

从零开始搭建完整的通用管理后台前端,使用vue3+elementplus搭建系统UI界面,使用mock模拟数据,使用echarts实现系统可视化模块,可以此项目为基础进行扩展开发,快速搭建管理系统,具体内容如下:

常见功能实现:实现用户登录(用户名密码登录、手机验证码登录、二维码扫码)、找回密码(邮箱找回、短信验证码找回)、系统主页、用户管理、系统配置、数据字典、日志管理、菜单管理、角色管理、消息管理、验证码管理、可视化界面等管理系统的常见功能。

公共常用组件:实现公共组件的抽离以便能进行扩展及复用,包括通用表格、通用编辑器、通用详情页、关联对象多选框、关联对象单选框、关联对象树形选择框、多级联动选择框、自动搜索保存组件、列表选择框组件等常用的组件。

源码获取方式:点击 https://gitcode.net/invite_link?invite_code=asqckJc7HUKjU_HuLjX4 申请加入项目,申请后等待审核,审核通过后即可使用git检出项目,请购买课程后再申请,若为学习会员请留言说明,留言时请备注gitcode中的昵称信息,谢谢。

项目效果预览:

...全文
12565 291 打赏 收藏 转发到动态 举报
写回复
用AI写文章
291 条回复
切换为时间正序
请发表友善的回复…
发表回复
srotony 9天前
  • 打赏
  • 举报
回复

你好,csdn超级会员学习,源码获取,麻烦通过一下,昵称:srotony,谢谢。

军军君01 5天前
  • 举报
回复
@srotony 已通过
  • 打赏
  • 举报
回复

老师 CSDN超级会员 昵称:我倩姐最美 麻烦通过一下

  • 举报
回复
@漫漫编码路 已通过
  • 打赏
  • 举报
回复

老师,我这边根据你的项目来,但是在登陆后跳转不到/Index/Home中,也没有办法变更赋值当前路由,如果强行跳转到/Index/Home后,整个菜单会不见。如果刷新浏览器,整个菜单也会不见

  • 举报
回复
@半哭语笑 1.跳转是自己控制的,登录成功后router.push进行跳转,没有跳转成功看下路由有没有注册,登录信息有没有保存成功。 2.菜单动态加载的,没有加载到应该是你没有保存成功当前登录用户的token信息,或者token信息没有附加到请求header里
failureone 01-08
  • 打赏
  • 举报
回复

csdn超级会员,通过一下,昵称:failureone

  • 举报
回复
@failureone 已通过
gaoqiaoak 01-07
  • 打赏
  • 举报
回复

老师您好,我是11月18日购买的课,订单号:10202411180923299351101,现在才学习,gaoqiaoak @gaoqiaoak,麻烦通过谢谢

  • 举报
回复
@gaoqiaoak 已通过
  • 打赏
  • 举报
回复

源码呢,怎么弄

  • 举报
回复
@岁月染山河 gitcode申请
SHT1201 01-03
  • 打赏
  • 举报
回复

您好,csdn超级会员 请通过下 昵称 SHT1201 @SHT1201

  • 举报
回复
@SHT1201 已通过
  • 打赏
  • 举报
回复

老师麻烦 问一下 我看您写的组件 比如这个

 <el-autocomplete v-model="modelValue" clearable :value-key="valueKey"
        :placeholder="'请输入'+label" :label="label" :select-when-unmatched="true" :fit-input-width="true" :highlight-first-item="true" :fetch-suggestions="loadDataByUrl" @change="change" @select="select" >
    </el-autocomplete>    

我这里就报错

img


好多组件都报这个错误 代码都是一模一样的

军军君01 2024-12-26
  • 举报
回复
@Wyao的开发之路 你的vue3版本高,新版本加了对v-model的限制,不能直接绑定prop外部参数
军军君01 2024-12-26
  • 举报
回复
@Wyao的开发之路 要么降一下vue的版本,要么自定义一个中间变量,通过emit的方式将数据变动传递出去,watch监听下prop中对应参数的变动,同步更新自定义的变量就可以了
  • 举报
回复
@军军君01 好的 谢谢老师
  • 打赏
  • 举报
回复

您好 csdn超级会员 请通过下 昵称 Wyao的开发之路 @qq_39022178

军军君01 2024-12-24
  • 举报
回复
@Wyao的开发之路 已通过
  • 打赏
  • 举报
回复

v-model前面多了一个冒号引发的悲剧

军军君01 2024-12-23
  • 举报
回复
@Wyao的开发之路
  • 打赏
  • 举报
回复

高度自适应这里感觉有bug,整个("pane-" + router.currentRoute.value.path)的高度会随着表格数据变化,不是固定的,要是以这个高度来计算好像有点问题

军军君01 2024-12-18
  • 举报
回复
@Wyao的开发之路 表格的高度设置固定应该整个panel就不会因为表格的数据多而变动了……
m0_47790204 2024-12-16
  • 打赏
  • 举报
回复

技术栈是Vue3+ts+vite+elememtPlus?

军军君01 2024-12-16
  • 举报
回复
@m0_47790204 没有用ts
m0_47790204 2024-12-16
  • 打赏
  • 举报
回复

技术栈是什么?

Strive1231 2024-12-13
  • 打赏
  • 举报
回复

可以帮我看一下问题吗

Strive1231 2024-12-13
  • 打赏
  • 举报
回复

我的这个问题是菜单栏组件那块的

Strive1231 2024-12-13
  • 打赏
  • 举报
回复

img

老师 我的为什么会报这个错啊

军军君01 2024-12-16
  • 举报
回复
@Strive1231 动态加载组件没有加载到
fang60323 2024-12-12
  • 打赏
  • 举报
回复

你好,已购买,请通过下。

军军君01 2024-12-13
  • 举报
回复
@fang60323 已通过
  • 打赏
  • 举报
回复

csdn超级会员 欲游山河十万里

军军君01 2024-12-04
  • 举报
回复
@欲游山河十万里 已通过
墨遮山. 2024-12-02
  • 打赏
  • 举报
回复

你好老师csdn超级会员请通过下,昵称墨遮山.用户idlbq1992316

军军君01 2024-12-02
  • 举报
回复
@墨遮山. 已通过
benben_2002 2024-12-01
  • 打赏
  • 举报
回复

csdn超级会员,请老师通过一下

军军君01 2024-12-02
  • 举报
回复
@benben_2002 已通过
加载更多回复(117)

11

社区成员

发帖
与我相关
我的任务
社区描述
JAVA后端、前端、小程序、H5开发等,有需要联系。
社区管理员
  • 军军君01
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧