# oocl-mobile

**Repository Path**: jay-lin1110/oocl-mobile

## Basic Information

- **Project Name**: oocl-mobile
- **Description**: 基于vue-cli构建的移动端项目，主题关于OOCL，主要实现OOCL相关资讯的展示功能，包括资讯浏览，轮播，评论，图片预览等子功能，接口使用json-server搭建简易接口用于展示，关闭本地Mock拦截接口，前后端耦合，也可启动Mock前后端分离，后续更新。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-09-24
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# oocl-mobile

> a simple vue project for oocl

## Build Setup

``` bash
# install dependencies
npm install

# 进入项目目录，先使用json-server启动本地数据接口，此处为了展示故前后端一起构建
# json-server默认运行端口3000，本项目默认运行端口8080，保证端口不占用或自定义配置
npm install -g json-server
npm run server

# 打开另一个cmd，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 e2e tests
npm run e2e

# run all tests
npm test
```

## 项目描述

### 前端部分

#### 路由vue-router

#### 请求axios

#### 组件库mint-ui

#### 插件vue-preview

#### 库mui

#### 前端数据mockjs

### 后端接口

本项目为了方便展示，前后端没有分离构建，同时关闭了本地Mock拦截接口，直接使用本地的json-server搭建api接口，直接读取data.json文件的数据，完成项目后端数据的响应需求。

## 项目功能

### 首页

- 轮播组件
- 折叠面板

### 资讯

- 资讯列表
- 资讯详情
- 提交留言
- 加载更多

### 图片库

- 图片列表
- 图片预览

### 更多

- 栅格

For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).