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

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

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

    @

    -------博客内容仅用于个人学习总结-------
  • 相关阅读:
    简单 dp 题选做
    UVa11327
    Codeforces Round #641 (div.2) 题解
    新博客
    数位dp的学习
    stl粗略用法
    cf437C The Child and Toy
    poj1995 Raising Modulo Numbers
    Tarjan的学习
    最短路模板
  • 原文地址:https://www.cnblogs.com/DarGi2019/p/12718507.html
Copyright © 2011-2022 走看看