写一个简易的java项目(三) vue-admin-template模板+打包放在项目下

2020-04-24 14:53:39 蜻蜓队长

说了简易的项目 登录页面。。菜单页面。。 页面调整太麻烦了!

当然是用模板:

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

 

 安装依赖:

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

 

 复制粘贴:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

@

以上内容来自于网络,如有侵权联系即删除
相关文章

上一篇: oracle 11g r2 添加oratop轻量级监控

下一篇: Docker中的OOM事件

客服紫薇:15852074331
在线咨询
客户经理