前端:基于vue2.0+或3.0+加上element-ui组件框架 后端:springboot+mybatis-plus写接口 通过Axios调用接口完成数据传递 通过router路由完成各页面的跳转 全局配置 App.vue <template> <router-view></router-view> </template> importLoginfrom'@/views/Login.vue' exportdefault{ name:'app', components: { L...
首先,创建一个vue项目,这里不做过多阐述,直接写模板 简单的介绍一下一般的页面布局包括顶部导航栏,左侧菜单栏,和主要的信息展示页面 我们直接勾勒出一个这样的架子,这里使用了element-UI,记得用npm下载一下 <el-container><el-header>顶层容器</el-header></el-container><el-container><el-aside>左侧菜栏</el...
【安装方式一:(npm 安装)】 npm install element-ui 【安装方式二:(CDN 方式引入)】<!-- 引入样式 --> <!-- 引入组件库 --> (3)引入 element-ui 在main.js 中引入(也可以自定义一个 js,然后在 main.js 中引入自定义的 js)。 //引入 element-uiimport ElementUI from 'element-ui'//引入 el...
这个项目做了半个月,这半个月里我从一个只了解vue相关语法规则的小白变成了稍微熟悉vue的小白,在写项目的时候熟悉了(包括但不限于):组件化思想、axios、mock、cookie、vue-router、ElementUI。 在写项目过程中,以前只是匆匆掠过或了解的知识通过项目的实际运用变得生动了起来,很多知识知其然更知其所以然了。从p1-...
(runtime-only or standalone) has been set in webpack.base.conf with an alias.importVuefrom'vue'import'element-ui/lib/theme-chalk/index.css'importAppfrom'./App'importrouterfrom'./router'importElementUIfrom'element-ui'Vue.config.productionTip=falseVue.use(ElementUI)newVue({el:'#app',router...
模板是基于Element ui前端框架进行开发设计制作,由于作者不会vue也不会配置开发环境,JS也不熟练,模板只是对element ui框架的部分CSS样式进行了调整,模板主题配色是在官方主题(https://element.eleme.cn/#/zh-CN/theme)基础上对颜色进行设置后下载下来的,大家可以自行配置下载替换。
【安装方式一:(npm 安装)】 npm install element-ui 【安装方式二:(CDN 方式引入)】 1. 2. 3. 4. (3)引入 element-ui 在main.js 中引入(也可以自定义一个 js,然后在 main.js 中引入自定义的 js)。 // 引入 element-uiimport ElementUI from 'element-ui'// 引入 element-ui 的 css 文件import...
使用vue 以及 element-ui 搭建一个 后台管理系统的模板。 当然,这类模板网上有很多,可以直接下载使用。 写这个项目的目的,纯属练手(写的比较糙)。 【layuiAdmin 后台管理模板:(付费)】 https://www.layui.com/admin/ 【renren-fast-vue:(开源)】 ...
Element ui+vue前端框架组件主题美化后台管理系统界面UI设计 基于Element ui前端框架设计的几个后台管理界面，仅供学习参考，请勿用于商业用途！
创建ElementUI工程 ① 使用 git 命令git clone https://github.com/ElementUI/element-starter.git下载官方提供的模板, ② 使用cnpm intsall下载依赖的模块(没有淘宝镜像 cnpm 可以使用npm install) ③ 使用npm run dev运行项目 可以看到里面已经集成了bable、webpack等插件。不需要我们自己去配置。我们导入这个工程之...