教育项目--VUE进阶【二】【20】

本是古典何须时尚 2023-10-05 18:17 16阅读 0赞

#### 后台管理系统集成方案 ####

*  一、VUE-ELEMENT-ADMIN
 *   *  1、简介
     *  2、安装
 *  二、vue-admin-template
 *   *  1、简介
     *  2、安装

B2C模式

`管理员` \----->后台管理系统

> \----->后端接口  
> \----->前台页面

`普通用户` \------> 前台管理系统

> \----->后端接口  
> \----->前台页面

## 一、VUE-ELEMENT-ADMIN ##

### 1、简介 ###

而`vue-element-admin`是基于`element-ui` 的一套后台管理系统集成方案。

功能：`https://panjiachen.github.io/vue-element-admin-site/zh/guide/#功能`

GitHub地址：`https://github.com/PanJiaChen/vue-element-admin`

项目在线预览：`https://panjiachen.gitee.io/vue-element-admin`

### 2、安装 ###

# 解压压缩包
    # 进入目录
    cd vue-element-admin-master
    
    # 安装依赖
    npm install
    
    # 启动。执行后，浏览器自动弹出并访问http://localhost:9527/
    npm run dev

## 二、vue-admin-template ##

### 1、简介 ###

`vueAdmin-template`是基于`vue-element-admin`的一套后台管理系统基础模板（最少精简版），可作为模板进行二次开发。

GitHub地址：`https://github.com/PanJiaChen/vue-admin-template`

建议：你可以在 vue-admin-template 的基础上进行二次开发，把 vue-element-admin当做工具箱，想要什么功能或者组件就去 vue-element-admin 那里复制过来。

### 2、安装 ###

# 解压压缩包
    # 进入目录
    cd vue-admin-template-master
    
    # 安装依赖
    npm install
    
    # 启动。执行后，浏览器自动弹出并访问http://localhost:9528/
    npm run dev

发表评论取消回复

表情：

评论列表（有 0 条评论，16人围观）

还没有评论，来说两句吧...

相关阅读

相关教育项目--VUE进阶【二】【20】

后台管理系统集成方案一、VUE-ELEMENT-ADMIN 1、简介 2、安装二、vue-admin-template

本是古典何须时尚/ 2023年10月05日 18:17/ 0 赞/ 17 阅读

相关教育项目--VUE进阶【二】【19】

CSS打包五、CSS打包 1、安装style-loader和 css-loader\[加载转换器\] 2、修改we

今天药忘吃喽~/ 2023年10月05日 18:17/ 0 赞/ 15 阅读

相关教育项目--VUE进阶【二】【18】

JS打包四、JS打包 1、webpack目录下创建配置文件webpack.config.js 2、命令行执行编译命

曾经终败给现在/ 2023年10月05日 18:16/ 0 赞/ 15 阅读

相关教育项目--VUE进阶【二】【17】

VUE进阶 Webpack 一、什么是Webpack 二、Webpack安装 1、全局安装 2、

桃扇骨/ 2023年10月05日 18:16/ 0 赞/ 22 阅读

相关教育项目--VUE进阶【一】【14】

NPM工具 4.NPM工具 1、简介 1、什么是NPM 2、NPM工具的安装位置 2.、使用np

ゞ浴缸里的玫瑰/ 2023年10月05日 18:16/ 0 赞/ 23 阅读

相关教育项目--VUE进阶【一】【13】

Node.js 3.Node.js 1.简介 1、什么是Node.js 2、Node.js有什么用

ゞ浴缸里的玫瑰/ 2023年10月05日 18:15/ 0 赞/ 12 阅读

相关 vue进阶实战 vue进阶课程 vue进阶

每个章节都有对接的文章链接 1. r e f s ， refs， refs，parent，$children 基础使用：参考vue官方文档 $refs 父

骑猪看日落/ 2022年12月22日 11:27/ 0 赞/ 330 阅读

相关 vue进阶

Vue进阶一、vue实例 1.一个基本的vue的实例 <head> <meta charset="UTF-8"> <

浅浅的花香味﹌/ 2022年01月20日 12:51/ 0 赞/ 401 阅读

相关进阶Vue

1，定制私有指令 <div id="app"> <p v-fontSize="50">域名都过期了，狗屁玩意儿</p>

忘是亡心i/ 2021年11月04日 16:00/ 0 赞/ 430 阅读

相关 JAVA进阶20

1、可视化日历程序（简陋版） ![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] 1 package cn.z

浅浅的花香味﹌/ 2021年09月29日 03:22/ 0 赞/ 398 阅读