ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

【nodejs】大事件后台管理项目(四)——Vue-admin-template结合

2022-08-19 04:00:08  阅读:188  来源: 互联网

标签:vue 登录 nodejs admin Vue git template


观前提醒

在黑马程序员公众号提供的材料中就包括了前端项目,但是因为这个项目是用layui写的,已经有点过时了,所以我弄个Vue前端项目的接口调整。

上一个则只是简单跟着视频完成(因为拿到手的项目,别人都基本帮我们弄好了)。

另一个是我会选择使用Vue-admin-template4.x版模板去快速构建该大事件后台管理项目,在构建的同时,熟悉该模板的结构与相关的知识。

Vue-admin-template

下载与调试

测试

在git Bash中选定到你需要的文件夹中运行如下的命令:

git clone https://gitee.com/panjiachen/vue-admin-template.git

下载完成后,打开VSCode进入到vue-admin-template目录下,在终端执行如下命令,进行依赖安装和启动。

npm i
npm run dev

不用理会那些漏洞危害的报告,待程序启动成功后,通过浏览器访问地址http://127.0.0.1:9528/,将会看到下面的登录页面。

它采用的是mock文件夹的伪数据,并没有与后台真交互。

整合

接下来我参考了以下三篇博客,总算是搞清楚怎么交互了。
vue-admin-template实现登录过程(对接Controller)
SpringBoot整合vue-admin-template实现登录
基于vue-admin-template+SpringBoot+JWT实现登录

TODO

标签:vue,登录,nodejs,admin,Vue,git,template
来源: https://www.cnblogs.com/PaturNax/p/16545142.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有