写一个简易的java项目 前端用vue-element-admin模板

Posted DarGi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了写一个简易的java项目 前端用vue-element-admin模板相关的知识,希望对你有一定的参考价值。

说了简易的项目 如果重头开始写那就太麻烦了!菜单、登录页、巴拉巴拉

其实网上有很多开源的框架。我们可以借鉴一下,这样我们也省去了很多事。这一篇主要写的是vue-admin-template 。

模板地址:

vue-admin-template参考:

  https://gitee.com/CrazyStudent13/vue-admin-template

vue-element-admin参考:

  https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/#%E5%8A%9F%E8%83%BD

vue-element-admin:(下载类似vue-admin-template)

下载:

克隆项目:

git clone https://github.com/PanJiaChen/vue-element-admin.git

 

 安装依赖: (记得 cd vue-element-admin)

npm install --registry=https://registry.npm.taobao.org

 

启动项目: 

npm run dev

 登录页面:

 首页:

vue-admin-template 的首页

 改配置:

路径配置:

是否找到了熟悉的感觉?

 端口号改一下

vue.config.js 这里改成自己的后台端口

 然后 base_api也改成自己的

 如果想用mock :https://easy-mock.com/ 

 首先要把mock数据改成自己的 那么就需要看一下原数据是什么样子?

 为了不影响我登录我先模拟了登陆的数据在我的后台

 

 登陆进来了 

 改一下左侧的导航栏 把暂时不用的注释掉 把我新建的页面加进来 

 

访问后台:

 把queen 里面的页面粘贴过来 后台的返回值封装一下 加上code message 之类的

code 为什么是20000?

 get请求:

 main.js

 页面

 post请求:

 

》》》》》打包

 打包: npm run build:prod

 复制粘贴:(当然,也可以前后台分开部署。)

 

 

 ## 如果用vue-element-admin 也可以加一个这个连自己的后台

 

 

@

以上是关于写一个简易的java项目 前端用vue-element-admin模板的主要内容,如果未能解决你的问题,请参考以下文章

用一些简易的标签写一个美丽说左侧二级菜单

跪求高手用java做一个简易微博系统设计

webpack入门——构建简易版vue-cli

写一个简易的java项目 websocket 弹幕 -2 (+ redis)

手把手教你写一个简易的微前端框架

java模拟简易Http的get和post请求