r0r1/vuejs-adminlte

Admin LTE Starter for Vue JS

vuejs-AdminLTE

[Admin LTE] (https://almsaeedstudio.com/preview) Starter for [Vue JS] (http://vuejs.org/)

Installation

# install dependencies
npm install

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

# build for production with minification
npm run build

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

Usage

Create Page

• Create file in components folder

  # user.vue
  <template>
    <h3>User Lists</h3>
  </template>
  
  <style>
    // style here
  </style>
  
  <script>
    // script here
  </script>

• Register route component in src/app.js

  router.map({
    '/user': {
      component: require('./components/user.vue')
    }
  });

Add Menu

Open config/menus.js, and modify json data.

{
  name: 'Dashboard',
  link: '/',
  icon: 'fa-home',
  child: [{
    name: 'Child Dashboard',
    link: '/child',
    icon: 'fa-circle-o',
    }
  ] 
  // child is optional
}

vuejs-adminlte's Issues

inject menus, forms and layout options from rest api / orm schemas

Hi,

Hop you are all well !

I was wondering if there is a way to inject or generate dynamically the admin interface, with its options/components from some rest api definitions ?

I am working on golang based backend api and needed to bundle it with a nice admin interface.

My global vision of it is to export my schemas , with ezorm, update the yaml file with some vue.js specific properties, but I lake of experience with vue.js bindings ^^.

Example of my intent but in react and not bridging database schema unfortunatelly: link

Is there any way to extend your vuejs-AdminLTE project for such purpose ?

Have a nice day ! And thanks for any feedback in advance.

Cheers,
Richard

Display {{ title }}

Hi,

In content.vue, how to display the title data ?

<template>
    <div class="container">
        <div class="jumbotron">
            <h1>{{title}}</h1>
        </div>

        <router-view
            class="view"
            keep-alive
            transition
            transition-mode="out-in">
        </router-view>
    </div>
</template>

<script>
module.exports = {
    name: 'Content',
    props: {
        title: String
    }
}
</script>

For example in dashboard.vue:

<template>
    Dashboard
</template>

<script>
    module.exports = {
        data: function() {
            return {
                title: 'Dashboard'
            }
        }
    }
</script>

But nothing display.

Not responsive panel

Why your module, not it responsive?
I'm beginner with vuejs, you can help-me?

Demo source code?

Where could we find the demo source code? So we can see how the profile and other pages were created?

Can't run dev?

[email protected] install /Users/smarttang/Desktop/vuejs-AdminLTE/node_modules/fsevents
node-gyp rebuild

SOLINK_MODULE(target) Release/.node
CXX(target) Release/obj.target/fse/fsevents.o
SOLINK_MODULE(target) Release/fse.node

[email protected] install /Users/smarttang/Desktop/vuejs-AdminLTE/node_modules/phantomjs-prebuilt
node install.js

PhantomJS not found on PATH
Download already available at /var/folders/64/g24zzyg93t96swlwsvh29h_w0000gn/T/phantomjs/phantomjs-2.1.1-macosx.zip
Verified checksum of previously downloaded file
Extracting zip contents
Removing /Users/smarttang/Desktop/vuejs-AdminLTE/node_modules/phantomjs-prebuilt/lib/phantom
Copying extracted folder /var/folders/64/g24zzyg93t96swlwsvh29h_w0000gn/T/phantomjs/phantomjs-2.1.1-macosx.zip-extract-1581993634709/phantomjs-2.1.1-macosx -> /Users/smarttang/Desktop/vuejs-AdminLTE/node_modules/phantomjs-prebuilt/lib/phantom
Writing location.js file
Done. Phantomjs binary available at /Users/smarttang/Desktop/vuejs-AdminLTE/node_modules/phantomjs-prebuilt/lib/phantom/bin/phantomjs

[email protected] install /Users/smarttang/Desktop/vuejs-AdminLTE/node_modules/chromedriver
node install.js

ChromeDriver binary exists. Validating...
ChromeDriver 2.46.628411 (3324f4c8be9ff2f70a05a30ebc72ffb013e1a71e)

ChromeDriver is already available at '/var/folders/64/g24zzyg93t96swlwsvh29h_w0000gn/T/2.46/chromedriver/chromedriver'.
Copying to target path /Users/smarttang/Desktop/vuejs-AdminLTE/node_modules/chromedriver/lib/chromedriver
Fixing file permissions
Done. ChromeDriver binary available at /Users/smarttang/Desktop/vuejs-AdminLTE/node_modules/chromedriver/lib/chromedriver/chromedriver

[email protected] install /Users/smarttang/Desktop/vuejs-AdminLTE/node_modules/node-sass
node scripts/install.js

Downloading binary from https://github.com/sass/node-sass/releases/download/v3.13.1/darwin-x64-79_binding.node
Cannot download "https://github.com/sass/node-sass/releases/download/v3.13.1/darwin-x64-79_binding.node":

HTTP error 404 Not Found

Hint: If github.com is not accessible in your location
try setting a proxy via HTTP_PROXY, e.g.

  export HTTP_PROXY=http://example.com:1234

or configure npm proxy via

  npm config set proxy http://example.com:8080

node[20559]: ../src/signal_wrap.cc:159:void node::DecreaseSignalHandlerCount(int): Assertion `(new_handler_count) >= (0)' failed.
1: 0x100b8ff9a node::Abort() (.cold.1) [/usr/local/bin/node]
2: 0x1000832c4 node::FatalError(char const*, char const*) [/usr/local/bin/node]
3: 0x10008307c node::AppendExceptionLine(node::Environment*, v8::Localv8::Value, v8::Localv8::Message, node::ErrorHandlingMode) [/usr/local/bin/node]
4: 0x1000f7e52 node::HasSignalJSHandler(int) [/usr/local/bin/node]
5: 0x1000f85ad node::(anonymous namespace)::SignalWrap::Close(v8::Localv8::Value) [/usr/local/bin/node]
6: 0x10003eb76 node::Environment::CleanupHandles() [/usr/local/bin/node]
7: 0x10003ed2f node::Environment::RunCleanup() [/usr/local/bin/node]
8: 0x1000b4a3a node::NodeMainInstance::Run() [/usr/local/bin/node]
9: 0x100060f13 node::Start(int, char**) [/usr/local/bin/node]
10: 0x7fff6c8103d5 start [/usr/lib/system/libdyld.dylib]
[1] 20482 abort npm install

After successful install and npm run dev Error can not /GET

after i have downloaded and install all dependency from npm and bower then run grunt shows me green.
after that i run npm run dev it told me my development server is on http://localhost:3123 but when i hit that url i get Cannot GET /

display login page to full screen

i try to add login page. but i got the login page in the content.
there is any solution to make the login screen full one page?
thank you

请教个问题

import index from './index'
router.js 中这句话是对应的哪个模块？怎么没找到？