基于nodejs的2款面板登录程序：antd-admin 和 vue-admin-template

 http://antd-admin.zuiidea.com/

AntD-Admin

An excellent front-end solution for enterprise applications.

      

• Preview - https://antd-admin.zuiidea.com
• Documentation - https://doc.antd-admin.zuiidea.com
• FAQ - https://doc.antd-admin.zuiidea.com/#/faq
• ChangeLog - https://doc.antd-admin.zuiidea.com/#/change-log

English | 简体中文

Features

• Internationalization, extracting translation fields from source code, loading language packs on demand
• Dynamic permissions, different permissions for different menus
• Elegant and beautiful, Ant Design system
• Mock data, local data debugging

Usage

1. Clone project code.

git clone https://github.com/zuiidea/antd-admin.git my-project
cd my-project

2. Installation dependence.

yarn install

Or

npm install

3. Start local server.

npm run start

4. After the startup is complete, open a browser and visit http://localhost:7000, If you need to change the startup port, you can configure it in the .env file.

More instructions at documentation。

from https://github.com/zuiidea/antd-admin 

----

a vue2.0 minimal admin template。

vue-admin-template

English | 简体中文

A minimal vue admin template with Element UI & axios & iconfont & permission control & lint

Live demo: http://panjiachen.github.io/vue-admin-template

The current version is v4.0+ build on vue-cli. If you want to use the old version , you can switch branch to tag/3.11.0, it does not rely on vue-cli

Build Setup

# clone the project
git clone https://github.com/PanJiaChen/vue-admin-template.git

# enter the project directory
cd vue-admin-template

# install dependency
npm install

# develop
npm run dev

This will automatically open http://localhost:9528

Build

# build for test environment
npm run build:stage

# build for production environment
npm run build:prod

Advanced

# preview the release environment effect
npm run preview

# preview the release environment effect + static resource analysis
npm run preview -- --report

# code format check
npm run lint

# code format check and auto fix
npm run lint -- --fix

Refer to Documentation for more information

Demo

Extra

If you want router permission && generate menu by user roles , you can use this branch permission-control

For typescript version, you can use vue-typescript-admin-template (Credits: @Armour)

Related Project

• vue-element-admin

• electron-vue-admin

• vue-typescript-admin-template

• awesome-project

from https://github.com/PanJiaChen/vue-admin-template

----

learn

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

from  https://github.com/avrilko-go/vue-admin

-------

admin template based on vuejs2 and element.

demo: https://taylorchen709.github.io/vue-admin/

To start

This is a project template for vue-cli

# install dependencies
npm install

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

# build for production with minification
npm run build

Folder structure

• build - webpack config files
• config - webpack config files
• dist - build
• src -your app
  • api
  • assets
  • common
  • components - your vue components
  • mock
  • styles
  • views - your pages
  • vuex
  • App.vue
  • main.js - main file
  • routes.js
• static - static assets

Theme

You can change theme by

1. Generate theme packages by https://elementui.github.io/theme-preview/#/
2. Put theme packages in src/assets/theme/
3. Edit src/main.js

   import 'element-ui/lib/theme-default/index.css'
   to
   import './assets/theme/your-theme/index.css'

4. Edit src/styles/vars.scss

 

Browser support

Modern browsers and IE 10+.

from https://github.com/taylorchen709/vue-admin