天气与日历 切换到窄版

 找回密码
 立即注册

QQ登录

只需一步,快速开始

此广告位出租
查看: 29|回复: 0

[Java源码] Vue3 + Vite5 + TypeScript + Element-Plus 构建的后台管理前端模板,配套接口文档和后端源码(配套Java后端源码)

[复制链接]

2680

主题

0

回帖

2819

积分

管理员

积分
2819
发表于 2024-11-4 22:33:32 | 显示全部楼层 |阅读模式
Vue3 + Vite5 + TypeScript + Element-Plus 构建的后台管理前端模板,配套接口文档和后端源码(配套Java后端源码)
vue3-element-admin 是基于 Vue3 + Vite5+ TypeScript5 + Element-Plus + Pinia 等主流技术栈构建的免费开源的中后台管理的前端模板(配套Java 后端源码)。

项目特色
简洁易用:基于 vue-element-admin 升级的 Vue3 版本,无过渡封装 ,易上手。

数据交互:同时支持本地 Mock 和线上接口,配套 Java 后端源码和在线接口文档。

权限管理:用户、角色、菜单、字典、部门等完善的权限系统功能。

基础设施:动态路由、按钮权限、国际化、代码规范、Git 提交规范、常用组件封装。

持续更新:项目持续开源更新,实时更新工具和依赖。

环境准备
环境
名称版本
下载地址
开发工具VSCode下载
运行环境Node ≥18 (其中 20.6.0 版本不可用)下载
项目启动
  • # 克隆代码
  • 附件中下载源码
  • # 切换目录
  • cd vue3-element-admin
  • # 安装 pnpm
  • npm install pnpm -g
  • # 设置镜像源(可忽略)
  • pnpm config set registry https://registry.npmmirror.com
  • # 安装依赖
  • pnpm install
  • # 启动运行
  • pnpm run dev

[color=rgb(51, 102, 153) !important]复制代码

项目部署
  • # 项目打包
  • pnpm run build
  • # 上传文件至远程服务器
  • 将本地打包生成的 dist 目录下的所有文件拷贝至服务器的 /usr/share/nginx/html 目录。
  • # nginx.cofig 配置
  • server {
  •         listen     80;
  •         server_name  localhost;
  •         location / {
  •                         root /usr/share/nginx/html;
  •                         index index.html index.htm;
  •         }
  •         # 反向代理配置
  •         location /prod-api/ {
  •             # vapi.youlai.tech 替换后端API地址,注意保留后面的斜杠 /
  •             proxy_pass http://vapi.youlai.tech/;
  •         }
  • }

[color=rgb(51, 102, 153) !important]复制代码

本地Mock
项目同时支持在线和本地 Mock 接口,默认使用线上接口,如需替换为 Mock 接口,修改文件 .env.development 的 VITE_MOCK_DEV_SERVER 为 true 即可。
后端接口
如果您具备Java开发基础,按照以下步骤将在线接口转为本地后端接口,创建企业级前后端分离开发环境,助您走向全栈之路。
  • 获取基于 Java 和 SpringBoot 开发的后端 youlai-boot 源码(附件中包含此源码)。
  • 根据后端工程的说明文档 README.md 完成本地启动。
  • 修改 .env.development 文件中的 VITE_APP_API_URL 的值,将其从 http://vapi.youlai.tech 更改为 http://localhost:8989。






以下内容需要积分高于 2 才可浏览

链接: https://pan.baidu.com/s/1G6qfK2JzU_DrN7kFw9FZAA



提取码下载:
文件名称:提取码下载.txt 
下载次数:0  文件大小:14 Bytes  售价:49金钱 [记录]
下载权限: 不限 [购买VIP]   [充值]   [在线充值]   【VIP会员5折;永久VIP免费】
安全检测,请放心下载



相关帖子

扫码关注微信公众号,及时获取最新资源信息!下载附件优惠VIP会员5折;永久VIP免费
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

免责声明:
1、本站提供的所有资源仅供参考学习使用,版权归原著所有,禁止下载本站资源参与商业和非法行为,请在24小时之内自行删除!
2、本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,请勿任何商业目的与商业用途。
3、若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
4、论坛的所有内容都不保证其准确性,完整性,有效性,由于源码具有复制性,一经售出,概不退换。阅读本站内容因误导等因素而造成的损失本站不承担连带责任。
5、用户使用本网站必须遵守适用的法律法规,对于用户违法使用本站非法运营而引起的一切责任,由用户自行承担
6、本站所有资源来自互联网转载,版权归原著所有,用户访问和使用本站的条件是必须接受本站“免责声明”,如果不遵守,请勿访问或使用本网站
7、本站使用者因为违反本声明的规定而触犯中华人民共和国法律的,一切后果自己负责,本站不承担任何责任。
8、凡以任何方式登陆本网站或直接、间接使用本网站资料者,视为自愿接受本网站声明的约束。
9、本站以《2013 中华人民共和国计算机软件保护条例》第二章 “软件著作权” 第十七条为原则:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬。若有学员需要商用本站资源,请务必联系版权方购买正版授权!
10、本网站如无意中侵犯了某个企业或个人的知识产权,请来信【站长信箱312337667@qq.com】告之,本站将立即删除。
郑重声明:
本站所有资源仅供用户本地电脑学习源代码的内含设计思想和原理,禁止任何其他用途!
本站所有资源、教程来自互联网转载,仅供学习交流,不得商业运营资源,不确保资源完整性,图片和资源仅供参考,不提供任何技术服务。
本站资源仅供本地编辑研究学习参考,禁止未经资源商正版授权参与任何商业行为,违法行为!如需商业请购买各资源商正版授权
本站仅收集资源,提供用户自学研究使用,本站不存在私自接受协助用户架设游戏或资源,非法运营资源行为。
快速回复 返回顶部 返回列表