vue2+iview2 的实践

简介: vue2+iview2 的实践

vue2+iview2 的实践

项目地址:https://github.com/hanjiangxueying/vue2-iview2-admin

vue2-iview2-admin 是基于vue2 + iview2 + axios + webpack2 为主要技术,开发的一个后台管理系统。

登录界面

登录进去之后的表格

登录进去之后的echarts图表展示

form表单展示

安装

可以有多种方法进行安装。

使用命令行

github

Fork 当前库

复制一下命令到您的目录

https://github.com/hanjiangxueying/vue2-iview2-admin.git

浏览器支持

IE 9+

Firefox(最新)

Chrome(最新)

Safari(最新)

运行项目

进入vue2-iview2-admin 运行一下命令安装依赖包。

npm install

安装完成之后,开始运行项目。

npm run dev

编译项目

运行一下命令:

npm run build

自动会在浏览器中打开 http://localhost:8080/#/login 的地址,如 第一幅图所示:

用户名: 任意输入(还未做校验)

密码: 大于6个字符。

相关文章
|
23天前
|
JavaScript 前端开发 Java
【Vue】大悟Vue的核心之MVVM
【Vue】大悟Vue的核心之MVVM
13 1
|
4月前
|
JavaScript
【vue】 vue2 中使用 Tinymce 富文本编辑器
【vue】 vue2 中使用 Tinymce 富文本编辑器
506 6
|
5月前
|
JavaScript
Vue学习系列(二)——组件详解
Vue学习系列(二)——组件详解
|
6月前
|
JavaScript 前端开发 开发者
Vue组件化:Vue组件的创建与使用
【4月更文挑战第24天】Vue.js框架以其简单和高效的组件化开发著称,允许将UI拆分为独立、可复用组件,提升开发效率和代码可维护性。组件创建分为全局注册(影响所有Vue实例)和局部注册(限当前实例)。
|
6月前
|
JavaScript 前端开发 开发者
vue单页面应用?
vue单页面应用?
30 3
|
JavaScript
【vue2项目总结】——vant-ui的使用
【vue2项目总结】——vant-ui的使用
188 0
|
资源调度 JavaScript CDN
Vue I18n 在 Vuetify 项目中使用
Vue I18n 是 Vue.js 的国际化插件。vue-i18n 在 vue 单页面中使用index.html 可以直接在浏览中运行。
354 0
Vue I18n 在 Vuetify 项目中使用
|
JavaScript
Vue antdv 报错 .bezierEasingMixin()
Vue antdv 报错 .bezierEasingMixin()
256 0
|
前端开发 JavaScript 开发者
手把手教你创建一个简单的React/Vue.js组件
React和Vue.js是当今最流行的前端框架之一,它们为开发者提供了创建交互式、响应式的用户界面的能力。本文将分别手把手教你创建一个简单的React和Vue.js组件,让你快速上手这两个框架,并理解它们的基本工作原理。
125 0
|
Web App开发 JavaScript 前端开发
开发一个 React 和 Vue 都能用的组件?基于 Lit 和 Tailwind
开发一个 React 和 Vue 都能用的组件?基于 Lit 和 Tailwind
575 0