# tongyimall-vue
高仿小米商城用户端前端
<br><br><br>
## 技术栈
vue2 + vue-router + vuex + axios + sass + ElementUI + vue脚手架4
<br><br><br>
## 启动
> + 推荐node版本为10.16.0左右,高版本可能会出现npm install失败的问题,如第一次安装失败可以多试几次。
> + 将npm设置为淘宝镜像以提高下载速度,否则可能出现卡顿问题
> + 进入前端目录在命令提示符下输入 npm install 命令来安装依赖
> + npm run serve
> + npm run build （打包）
<br><br><br>
## 注意
- vue-cli4中axios使用请求的注意点（与vue-cli2有出入)：
```
【注】get请求的传参需要写在params中
axios.get('url',{
params: {
参数名：值
}
}).then(function (response) {}).catch(function (error) {}）
// post请求的传参直接写在第二个参数对象中（无需再写在params里）
axios.get( 'url',{ 参数名：值 } ).then(function (response) {}).catch(function (error) {}）
```
<br><br>
### 项目目录
* public： 一般放大图片，
* src/assets： 放小图片，可以转成base64，不用请求图片资源
* src/assets/scss/reset.scss ：重置浏览器的样式，防止默认浏览器样式干扰
* src/assets/scss/mixin.scss ：一般放置css函数，即抽取出来复用高的css属性，如span设置图标、flex布局都可以抽离出来，使用函数替代
* src/assets/scss/base.scss ：抽取的一些公共样式，即多处相同类名设置相同的css属性，需要抽离出来，提高代码复用
* src/components： 一般放页面组件，命名方式用大头驼峰命名：如 NavHeader.vue
* src/views： 放页面（需要单独配置路由的页面），命名方式用小写：如 index.vue、 home.vue
* src/router/index.js： 路由的配置
* src/store/index.js： vuex状态管理
* src/storage： 这里放置缓存sessionStorage、cookie、localStorage等存取以及删除等公共方法，便于操作缓存（虽然已经缓存提供了一些API，但自己封装的能根据项目而定）
<br>
Java项目:仿小米商城系统(前后端分离+java+vue+Springboot+ssm+mysql+maven+redis) （454个子文件） 
.browserslistrc 33B .browserslistrc 21B OrderList.class 8KB GoodServiceImp.class 8KB CartController.class 7KB RSAUtils.class 7KB RSAUtils.class 7KB SuggServiceImp.class 6KB OrderServiceImp.class 6KB Addre.class 5KB GoodController.class 5KB OrderController.class 5KB LogRegController.class 5KB IndexController.class 5KB UserOrdList.class 4KB SuggestController.class 4KB OrdFina.class 4KB Good.class 4KB cartProduct.class 4KB GoodServiceImp.class 4KB ProductFootImp.class 4KB ProductInfo.class 4KB orderItemVoList.class 4KB RedisTemplateConfig.class 4KB TokenUtil.class 4KB TokenUtil.class 4KB LoginController.class 3KB User.class 3KB CategoryIndexImp.class 3KB UserData.class 3KB GoodPic.class 3KB CartResult.class 3KB Order.class 3KB AddServiceImp.class 3KB AddrController.class 3KB ProductFootInfo.class 3KB UserOrdItemList.class 3KB Good.class 3KB CartGood.class 3KB RedisConfig.class 3KB OrdFinaResult.class 3KB CartGetGoodItem.class 3KB CartGoodInsert.class 3KB good.class 3KB Categor.class 3KB GoodPicResult.class 3KB GoodResult.class 3KB User.class 3KB GoodCart.class 3KB pushCart.class 3KB GoodAll.class 2KB Suggest.class 2KB ProductHeadInfo.class 2KB SuggFootResult.class 2KB SuggBigResult.class 2KB SuggestFoot.class 2KB CateResult.class 2KB SuggestFoot.class 2KB UserOrdListResult.class 2KB LoginResult.class 2KB LoginResult.class 2KB UserInfoChangeResult.class 2KB JedisConfig.class 2KB ProductFootResult.class 2KB ProductHeadResult.class 2KB SuggestFootResult.class 2KB CategoryGood.class 2KB AddreList.class 2KB UserResult.class 2KB GoodsAll.class 2KB GoodController.class 2KB SuggestBig.class 2KB ProductResult.class 2KB CategoryController.class 2KB CategoryResult.class 2KB GoodPushResult.class 2KB AddrResult.class 2KB OrderResult.class 2KB CategServiceImp.class 2KB CategorData.class 2KB cartProductVoList.class 2KB CartGetGoodList.class 2KB SuggestBig.class 2KB GoodCategory.class 2KB Category.class 2KB OrdCreaParm.class 2KB AddrSuccResult.class 2KB DruidConfig.class 2KB Address.class 2KB LogOutResult.class 2KB RegResult.class 2KB RegLogServiceImp.class 2KB CartServiceImp.class 2KB ProductController.class 1KB UserServiceImp.class 1KB LoginData.class 1KB LoginData.class 1KB GoodService.class 1KB GoodService.class 1KB SqlSessionUtil.class 1KB共 454 条
- 1
- 2
- 3
- 4
- 5
资源评论
你有世界最美的眼睛2022-04-22是两套系统，搬运后改的，真的离谱。前台后台各一套都没有整合到一起，发消息也不回- java毕业2022-10-28资源太好了，解决了我当下遇到的难题，抱紧大佬的大腿~
