# jiuwei-manager

**Repository Path**: yurunfei/jiuwei-manager

## Basic Information

- **Project Name**: jiuwei-manager
- **Description**: vue搭建的管理后台静态框架页面（不包含数据请求）
- **Primary Language**: HTML/CSS
- **License**: GPL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 2
- **Created**: 2021-03-02
- **Last Updated**: 2021-06-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# jiuwei-manager

项目为纯静态模板，为了封装网络请求，首页提供mock随机生成的本地数据。

# 技术框架
vue-router+axios +vuex +sass+md5 + element ui

# 配套文档
从vue init webpack 开始，具体到每一步的搭建过程和注意点

https://www.jianshu.com/p/2b69b24f9d8e

# 项目截图

![donate](https://upload-images.jianshu.io/upload_images/2928549-6704da19c7312209.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![donate](https://upload-images.jianshu.io/upload_images/2928549-6704da19c7312209.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![donate](https://upload-images.jianshu.io/upload_images/2928549-d74ae3d833ba59f7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![donate](https://upload-images.jianshu.io/upload_images/2928549-d74ae3d833ba59f7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![donate](https://upload-images.jianshu.io/upload_images/2928549-399a72b90a0a4e9d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

# 项目结构
- [x] 登录
- [x] 首页统计
- [x] 商品列表
- [x] 商品详情
- [x] 用户管理
- [x] 角色管理
- [x] 菜单管理
- [x] 401/403/404错误页面
- [x] 个人中心

# 可以使用的小技巧
#### 1.快速删除node_modules：
在碰到node_modules包出现问题报错，这种事情经常发生╮(╯▽╰)╭，可能装包的时候没装好就会报这种错，如果是把node_modules整个删除到垃圾桶里，需要等待超级长的时间，实在是太麻烦啦，所以只需要安装一个管理工具，敲一行代码，几秒钟就可以删掉：

1、安装npm包–rimraf

`npm install rimraf -g`

2、在cmd指令下，进入所需删除的node_modules文件夹的位置

3、输入以下指令进行删除

`rimraf node_modules`

这样就可以简单粗暴得秒删。O(∩_∩)O~~
附带yarn清除缓存命令：

`yarn cache clean`


#### 2.语言包的应用
src/i18n.js 引入语言包插件
main.js 挂在语言包插件
lang目录 调用各种语言包
模板使用：
`<span>{{$t('lang.test')}}</span>`
属性使用
`<input type="text" v-model="description" :placeholder=" $t('lang.test')" >`
三目运算:
`<span>{{flag?flag:$t('lang.test')}}</span>`