# APPAdmin **Repository Path**: ArtlessPiglet/APPAdmin ## Basic Information - **Project Name**: APPAdmin - **Description**: 金色童年APP后台管理系统 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2018-04-28 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 云管平台 # 基于Vue.js 2.x系列 + Bootstrap 3.x 的后台管理系统解决方案。 ## 开发环境 ## Node (6.10.3) + webpack(2.3.3) + bable ##开发工具## Visual Studio Code / HBuilder / Sublime Text 3 ##使用脚手架## vue-cli ## 目录结构介绍 ## |-- build // webpack配置文件 |-- config // 项目打包路径 |-- src // 源码目录 | |-- assets // 放置Webpack处理的静态资源 | |-- components // 组件 | |-- common // 公共组件 | |-- Header.vue // 公共头部 | |-- Home.vue // 公共路由入口 | |-- page // 主要路由页面 | |-- homepage // 我的主页 |-- courses // 课程资源 |-- educational // 教务教质 |-- system // 系统设置 | |-- App.vue // 页面入口文件 | |-- main.js // 程序入口文件,加载各种公共组件 |-- router // 静态路由文件 |-- static // 静态文件资源(直接引用) |-- test // 测试文件 | |-- api // 存放Axios请求 | |-- mock // 存放mock模拟数据的方法 | |-- data // 模拟数据 |-- .babelrc // ES6语法编译配置 |-- .editorconfig // 代码编写规格 |-- .gitignore // 忽略的文件 |-- index.html // 入口html文件 |-- package.json // 项目及工具的依赖配置文件 |-- README.md // 说明 ## 更改端口 ## config 文件夹下的 index.js 文件中 ``port: 8080 `` ## 其他框架 ## Axios 拦截请求和响应 https://github.com/mzabriskie/axios https://www.kancloud.cn/yunye/axios/234845 Axios 中文说明 Mock 生成随机数据 http://mockjs.com/ ## 安装步骤 ## // 安装项目全部依赖, npm install // 安装项目开发依赖, npm install --save--dev vue // 安装项目生产依赖, npm install --save vue ## 本地开发 ## // 开启服务器,浏览器访问 http://localhost:8080 npm run dev ## 构建生产 ## // 执行构建命令,生成的dist文件夹放在服务器下即可访问 npm run build