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

Posted 2021-02-28 DarGi

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

其实网上有很多开源的框架。我们可以借鉴一下，这样我们也省去了很多事。这一篇主要写的是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 也可以加一个这个连自己的后台

 

 

@