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个字符。

相关文章
|
10天前
|
JavaScript 数据安全/隐私保护
Vue Amazing UI 组件库(Vue3+TypeScript+Vite 等最新技术栈开发)
Vue Amazing UI 是一个基于 Vue 3、TypeScript、Vite 等最新技术栈开发构建的现代化组件库,包含丰富的 UI 组件和常用工具函数,并且持续不断维护更新中。另外,组件库全量使用 TypeScript,支持自动按需引入和 Tree Shaking 等,能够显著提升开发效率,降低开发成本。
36 5
Vue Amazing UI 组件库(Vue3+TypeScript+Vite 等最新技术栈开发)
|
7月前
|
Web App开发 人工智能 JavaScript
开发时遇到的问题以及一些实用小技巧(vue)
开发时遇到的问题以及一些实用小技巧
|
5月前
|
JavaScript 前端开发 Java
【Vue】大悟Vue的核心之MVVM
【Vue】大悟Vue的核心之MVVM
35 1
|
7月前
|
存储 JavaScript 前端开发
Vue中通过集成Quill富文本编辑器实现公告的发布。Vue项目中vue-quill-editor的安装与使用【实战开发应用】
文章展示了在Vue项目中通过集成Quill富文本编辑器实现公告功能的完整开发过程,包括前端的公告发布、修改、删除操作以及后端的数据存储和处理逻辑。
Vue中通过集成Quill富文本编辑器实现公告的发布。Vue项目中vue-quill-editor的安装与使用【实战开发应用】
|
8月前
|
JavaScript
【vue】 vue2 中使用 Tinymce 富文本编辑器
【vue】 vue2 中使用 Tinymce 富文本编辑器
743 6
|
JavaScript
Vue3.0实现todolist(Vue3.0环境搭建)
Vue3.0实现todolist(Vue3.0环境搭建)
86 1
|
JavaScript 前端开发
|
资源调度 JavaScript CDN
Vue I18n 在 Vuetify 项目中使用
Vue I18n 是 Vue.js 的国际化插件。vue-i18n 在 vue 单页面中使用index.html 可以直接在浏览中运行。
401 0
Vue I18n 在 Vuetify 项目中使用
|
JavaScript
vue入门篇之Vue.js 组件
vue入门篇之Vue.js 组件
56 0
|
前端开发 JavaScript API