vue2-admin-lte

📊 adminLTE to vuejs v2.x converting project
授权协议 MIT License
开发语言 JavaScript
所属分类 Web应用开发、 常用JavaScript包
软件类型 开源软件
地区 不详
投 递 者 宋畅
操作系统 跨平台
开源组织
适用人群 未知
 软件概览



vue2-admin-lte (Demo)

AdminLTE of Admin control panel template Based on Vuejs 2.x Front-end Framework.

Documentation

https://devjin0617.gitbooks.io/vue2-admin-lte-guide/

Demo Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests: coming soon
# npm run unit

# run e2e tests: coming soon
# npm run e2e

# run all tests: coming soon
# npm test

How to use

First, install vue2-admin-lte via npm.

$ npm i --save vue2-admin-lte

append alias config in webpack

module.exports = {
  resolve: {
    alias: {
      'va': 'vue2-admin-lte/src'
    }
  }
}

import css and javascript files

// css files
import 'va/lib/css'

// js files
import 'va/lib/script'

use the components in .vue

<template>
  <va-button
    name="Primary"
    theme="primary"
    size="btn-lg"
    :isFlat="true"
  ></va-button>
</template>

<script>
import VAButton from 'va/components/VAButton.vue'
export default {
  name: 'Button',
  components: {
    'va-button': VAButton
  }
}
</script>

Example

<template>

  <va-direct-chat
    :talkList="talkList"
    :badgeCount="3"
    theme="primary"
    title="Direct Chat"
    placeholder="Type Messages ..."
  ></va-direct-chat>

</template>


<script>
import VADirectChat from '../path/to/components/VADirectChat.vue'

export default {
  name: 'App',
  data () {
    return {
      talkList: [
        {
          name: 'Alexander Pierce',
          date: new Date(),
          profileImage: 'http://path/to/image',
          message: `Is this template really for free? That's unbelievable`,
          isMine: false
        },
        {
          name: 'Sarah Bullock',
          date: new Date(),
          profileImage: 'http://path/to/image',
          message: `You better believe it!`,
          isMine: true
        }
      ]
    }
  },
  components: {
    'va-direct-chat': VADirectChat
  }
}

</script>

how to start mock server

node ./mock-server/index.js

how to use Vuex

// /vuex/store.js
import Vue from 'vue'
import Vuex from 'vuex'

import * as actions from './actions'
import * as getters from './getters'
import modules from './modules'

Vue.use(Vuex)

export default new Vuex.Store({
  actions,
  getters,
  modules,
  strict: process.env.NODE_ENV !== 'production'
})

Contributing to Vue2 AdminLTE

The following is a set of guidelines for contributing to Vue2 AdminLTE.

Submitting Issues

You can create an issue here.

If you can, please include:

  • The version, name of Browser you are using
  • The operating system you are using

Other things that will help resolve your issue:

  • Screenshots or gif
  • dev tools or an alert
  • Perform a search to see if a similar issue has already been submitted

Submitting Pull Requests

  • Include screenshots and animated gif in your pull request whenever possible.
  • Use short, present tense commit messages.
  • # Vue2集成AdminLte 后台模板 前提条件 安装最新版的nodejs 创建vue工程 npm install --global vue-cli vue init webpack vue-adminlte cd vue-adminlte npm install npm run dev 此时可以验证 http://localhost:8080/#/ 默认的demo 2 引入jQuery ,

  • 【Vue Laravel-mix】 报错信息: Error with Vue lazy loading components: “Failed to resolve async component“ uncaught error during route navigation cann’t xxxxx 'call ’ bootstrap.js(63) 参考https://github.com/Je

  • 是最新的由OpenDigg整理并维护的Vue相关开源项目库集合。原文地址:https://github.com/opendigg/awesome-github-vue 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★

 相关资料
  • ngx-admin-lte Admin-LTE for Angular 4/5/6/8 as a NPM package This project is a library to integrate in your own project.If your are looking for a full bootstrapping using this library, please check: B

  • bootstraping ngx-admin-lte Bootstraping of Angular4 with AdminLTE dashboard template( Using ngx-admin-lte Library) UPDATE ! This version use the new npm package ngx-admin-lte (this will be easier to u

  • 前言 vue2正式版已经发布将近一个月了, 国庆过后就用在了公司的两个正式项目上, 还有一个项目下个月也会采用vue2进行重构 选择它没什么理由,如果非要说一个理由 那就是它的中文文档远比react,angularjs要友好 github:https://github.com/lzxb/vue2-demo 源码说明 项目目录说明 .|-- config                       

  • vue2-elm 基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用。 前言 初学vue时曾在网上搜索vue的实战项目源码,无奈大部分都是简单的demo,对于深究vue没有太大的帮助,剩下的一些大部分都是像音乐播放器之类的展示型项目,交互没有预期那么复杂。但我们实际在工作中,经常会遇到有购物车的项目,这类项目因为涉及到money,所以对逻辑严谨度要求高,页面之间交互复杂,又会

  • About 此项目是 vue + element-ui 构建的后台管理系统,是后台项目node-elm 的管理系统,所有的数据都是从服务器实时获取的真实数据,具有真实的注册、登陆、管理数据、权限验证等功能。 注:项目预览地址和接口需要使用https访问哦! 说明 如果对您对此项目有兴趣,可以点 "Star" 支持一下 谢谢! ^_^ 或者您可以 "follow" 一下,我会不断开源更多的有趣的项目

  • 我试图在我的应用程序中获取LTE小区ID号: 但是