HR-saas middle station management project-based on vue-admin-template template

vue-admin-template

This is a minimalist vue admin management background. It only contains Element UI & axios & iconfont & permission control & lint, which are necessary to build the background.

Online address

Domestic visit

The current version is v4.0+based on vue-clibuild, if you want to use an older version, you can switch to branch Tag / 3.11.0 , it does not depend vue-cli.

Extra

If you want to dynamically generate sidebars and routers based on user roles, you can use this branch permission-control

Related items

• vue-element-admin

• electron-vue-admin

• vue-typescript-admin-template

• awesome-project

Wrote a series of tutorial articles, how to build a complete background project from scratch:

• Touch your hands, let you use vue to play backstage series 1 (basic)
• Touch your hands, let you use vue to push backstage series 2 (login permissions)
• Touch your hands, let you use vue to play backstage series three (actual combat)
• Touch your hands and take you to use vue to push the back-end series four (vueAdmin is a minimal back-end basic template, specifically for the article of this project, counted as a document)
• Touch your hands and take you to encapsulate a vue component

Build Setup

# 克隆项目
git clone https://github.com/PanJiaChen/vue-admin-template.git

# 进入项目目录
cd vue-admin-template

# 安装依赖
npm install

# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

Browser visit http://localhost:9528

release

# 构建测试环境
npm run build:stage

# 构建生产环境
npm run build:prod

other

# 预览发布环境效果
npm run preview

# 预览发布环境效果 + 静态资源分析
npm run preview -- --report

# 代码格式检查
npm run lint

# 代码格式检查并自动修复
npm run lint -- --fix

For more information, refer to the use of the document

Buy stickers

You can also support vue-element-admin by purchasing officially authorized stickers -for every sticker sold, we will get a donation of 2 yuan.

Demo

[External link image transfer failed. The source site may have an anti-leech chain mechanism. It is recommended to save the image and upload it directly (img-4s2buVp6-1610539647088)(https://github.com/PanJiaChen/PanJiaChen.github.io/blob/master /images/demo.gif)]

Browsers support

Modern browsers and Internet Explorer 10+.

<https://gitee.com//owahahah/hrsass/raw/master/img src=“https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png” alt=“IE / Edge” width=“24px” height=“24px” />IE / Edge	<https://gitee.com//owahahah/hrsass/raw/master/img src=“https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png” alt=“Firefox” width=“24px” height=“24px” />Firefox	<https://gitee.com//owahahah/hrsass/raw/master/img src=“https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png” alt=“Chrome” width=“24px” height=“24px” />Chrome	<https://gitee.com//owahahah/hrsass/raw/master/img src=“https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png” alt=“Safari” width=“24px” height=“24px” />Safari
IE10, IE11, Edge	last 2 versions	last 2 versions	last 2 versions

License

MIT license.

Copyright © 2017-present PanJiaChen

Project lesson design