README.md文件编写

vue搭建后台管理界面模版(PC端)

技术栈

vue2 + vuex + vue-router + webpack + ES6/7 + axios + elementUI + 阿里图标iconfont

说明

本项目主要用于熟悉如何用 vue2 架构一个后台管理平台项目

复制代码
├── /build/          # 项目构建(webpack)相关配置
├── /config/         # 项目开发环境配置
├── /src/            # 源码目录
│ ├── /api/          # 请求
│ ├── /assets/       # 组件静态资源(图片)
│ ├── /components/   # 公共组件
| ├── /api/          # 请求接口
│ ├── /router/       # 路由配置
│ ├── /vuex/         # vuex状态管理
│ ├── /views/        # 路由组件(页面维度)
│ ├── /config/       # 接口配置文件(请求地址)
│ ├── App.vue        # 组件入口
│ └── main.js        # 程序入口
├── /static/         # 非组件静态资源
├── .babelrc         # ES6语法编译配置
├── .editorconfig    # 定义代码格式
├── .eslintignore    # ES6规范忽略文件
├── .eslintrc.js     # ES6语法规范配置
├── .gitignore       # git忽略文件
├── index.html       # 页面入口
├── package.json     # 项目依赖
└── README.md        # 项目文档
完成功能
  • 登录 -- 完成
  • 路由拦截 -- 完成
  • 商品管理(增加、编辑、搜索、删除) -- 完成
  • 角色管理(增加、编辑、搜索、删除、权限管理) -- 完成
  • 交易订单(增加、编辑、搜索、删除) -- 完成
  • 用户管理(增加、编辑、搜索、删除、数据权限、刷新缓存) -- 完成
  • 支付配置(增加、编辑、搜索、删除) -- 完成
  • 系统环境变量(增加、编辑、搜索、删除) -- 完成
  • 权限管理(增加、编辑、搜索、删除、配置权限) -- 完成
  • 菜单管理(增加、编辑、搜索、删除) -- 完成
  • 公司管理(增加、编辑、搜索、删除) -- 完成
运行项目

复制代码
# install dependencies
npm install

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

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test
相关推荐
天蓝色的鱼鱼2 分钟前
你的项目真的需要SSR吗?还是只是你的简历需要?
前端·架构
颜酱18 分钟前
单调队列:滑动窗口极值问题的最优解(通用模板版)
javascript·后端·算法
恋猫de小郭29 分钟前
移动端开发稳了?AI 目前还无法取代客户端开发,小红书的论文告诉你数据
前端·flutter·ai编程
文心快码BaiduComate1 小时前
百度云与光本位签署战略合作:用AI Agent 重构芯片研发流程
前端·人工智能·架构
闲云一鹤1 小时前
nginx 快速入门教程 - 写给前端的你
前端·nginx·前端工程化
QCY2 小时前
「完全理解」1 分钟实现自己的 Coding Agent
前端·agent·claude
一拳不是超人2 小时前
Electron主窗口弹框被WebContentView遮挡?独立WebContentView弹框方案详解!
前端·javascript·electron
anyup2 小时前
🔥2026最推荐的跨平台方案:H5/小程序/App/鸿蒙,一套代码搞定
前端·uni-app·harmonyos
雮尘3 小时前
如何在非 Claude IDE (TARE、 Cursor、Antigravity 等)下使用 Agent Skills
前端·agent·ai编程
icebreaker3 小时前
Weapp-vite:原生模式之外,多一种 Vue SFC 选择
前端·vue.js·微信小程序