doc

README.md

@@ -2,7 +2,7 @@
 
 又一个小商场系统。
 
-litemall = Spring Boot后端 + Vue管理员前端 + 微信小程序用户前端
+litemall = Spring Boot后端 + Vue管理员前端 + 微信小程序用户前端 + Vue用户移动端
 
 * [文档](https://linlinjava.gitbook.io/litemall)
 * [贡献](https://linlinjava.gitbook.io/litemall/contribute)
@@ -20,6 +20,12 @@ litemall = Spring Boot后端 + Vue管理员前端 + 微信小程序用户前端
 ![](./doc/pic/litemall_wx_demo.png)    
 > 注意：此实例是测试小商场，开发者请不要尝试购买商品、付款、退款操作。
 
+### 轻商场实例
+
+目前未部署
+
+![](./doc/pic/5.gif)    
+
 ### 管理后台实例
 
 ![](./doc/pic/4.png)    
@@ -122,6 +128,20 @@ litemall = Spring Boot后端 + Vue管理员前端 + 微信小程序用户前端
    > 这里只是最简启动方式，而小商场的微信登录、微信支付等功能需开发者设置才能运行，
    > 更详细方案请参考[文档](https://linlinjava.gitbook.io/litemall/project)。
 
+6. 启动轻商城前端
+
+    打开命令行，输入以下命令
+    ```bash
+    npm install -g cnpm --registry=https://registry.npm.taobao.org
+    cd litemall/litemall-vue
+    cnpm install
+    cnpm run dev
+    ```
+    此时，浏览器（建议采用chrome 手机模式）打开，输入网址`http://localhost:6255`, 此时进入轻商场。
+
+    注意：
+    > 现在功能很不稳定，处在开发阶段。
+        
 ## 开发计划
 
 当前版本[v1.3.0](https://linlinjava.gitbook.io/litemall/changelog)
@@ -139,6 +159,7 @@ V 2.0.0 完成以下目标：
 1. 小商城和管理后台完成所有基本业务；
 2. 管理后台实现统计功能、日志功能、权限功能；
 3. 业务代码和细节代码进行调整优化；
+4. 轻商城的开发；
 
 V 3.0.0 完成以下目标：
 
@@ -169,19 +190,25 @@ V 3.0.0 完成以下目标：
   
    项目介绍： 一个基于Vue和Element的后台集成方案
   
-   项目参考：litemall项目的litemall-admin模块的前端框架基于该项目修改扩展。
+   项目参考：litemall项目的litemall-admin模块的前端框架基于vue-element-admin项目修改扩展。
 
 3. [mall-admin-web](https://github.com/macrozheng/mall-admin-web)
 
    项目介绍：mall-admin-web是一个电商后台管理系统的前端项目，基于Vue+Element实现。
 
-   项目参考：litemall项目的litemall-admin模块的一些页面布局样式参考了该项目。
+   项目参考：litemall项目的litemall-admin模块的一些页面布局样式参考了mall-admin-web项目。
 
 4. [biu](https://github.com/CaiBaoHong/biu)
 
    项目介绍：管理后台项目开发脚手架，基于vue-element-admin和springboot搭建，前后端分离方式开发和部署。
 
-   项目参考：litemall项目的权限管理功能参考了该项目。
+   项目参考：litemall项目的权限管理功能参考了biu项目。
+
+5. [vant--mobile-mall](https://github.com/qianzhaoy/vant--mobile-mall)
+
+   项目介绍：基于有赞 vant 组件库的移动商城。
+
+   项目参考：litemall项目的litemall-vue模块基于vant--mobile-mall项目开发。
    
 ## 问题
 

doc/README.md

@@ -8,3 +8,4 @@
 * [2. 基础系统](./platform.md)
 * [3. 小商场](./wxmall.md)
 * [4. 管理后台](./admin.md)
+* [5. 轻商城](./mobmall.md)
\ No newline at end of file

doc/mobmall.md

+# 5 litemall轻商城
+
+litemall轻商城，是商城移动版本。
+
+技术：
+
+* 轻商城前端，即litemall-vue模块
+  * power by vue-cli3 
+  * Vue + Vue-router + Vant + Sass
+  * axios
+  * vee-validate
+  * fastclick
+  * babel-polyfill
+  * @xkeshi/vue-countdown
+  * Vant
+* 轻商城前端，即litemall-wx-api模块，也就是和小商城后端是一样的。
+  * Spring Boot 2.x
+  * Spring MVC
+  * [weixin-java-tools](https://gitee.com/binary/weixin-java-tools)
+
+
+## 5.1 litemall-wx-api
+
+可以阅读3.1
+
+## 3.2 litemall-vue
+
+这里的代码基于[vant--mobile-mall](https://github.com/qianzhaoy/vant--mobile-mall)
+
+文档未完成。
\ No newline at end of file

doc/project.md

@@ -2,30 +2,35 @@
 
 ## 1.1 简介
 
-litemall是一个简单的商场系统，基于现有的开源项目，重新实现一个完整的前后端项目，包含小程序客户端和网页管理端。
+litemall是一个简单的商场系统，基于现有的开源项目，重新实现一个完整的前后端项目，包含小程序客户端、移动客户端和网页管理端。
 
 ![](./pic1/1-1.png)    
 
 
-项目的架构是三个系统和六个模块：
+项目的架构是四个系统和九个模块：
 
 * 基础系统子系统(platform)
 
   由数据库、litemall-core模块、litemall-db模块和litemall-all模块组成;
 
-* 小商场子系统(wxmall)
+* 小商场子系统(wxmall，即weixin mall)
 
   由litemall-wx-api模块、litemall-wx模块和renard-wx模块组成；
 
-* 管理后台子系统(admin)
+* 轻商城子系统(mobmall，即mobile mall)
 
-  由litemall-admin-api模块和litemall-admin模块组成。
+  由litemall-wx-api模块和litemall-vue模块组成。
+  注意，目前这里移动商城子系统的后端和小商场子系统是一样的。
 
-* 简单商城系统(mall)
+* 简商城子系统(webmall)
 
   这里仅列出，目前没有开发计划。
     
-而六个模块的开发设计到三种技术栈：
+* 管理后台子系统(admin)
+
+  由litemall-admin-api模块和litemall-admin模块组成。
+
+而九个模块的开发设计到三种技术栈：
 
 * Spring Boot技术栈
 
@@ -38,7 +43,7 @@ litemall是一个简单的商场系统，基于现有的开源项目，重新实
   
 * Vue技术栈
 
-  采用VSC开发工具，开发litemall-admin模块。
+  采用VSC开发工具，开发litemall-admin模块和litemall-vue模块。
 
 ## 1.2 系统功能
 
@@ -51,7 +56,29 @@ litemall是一个简单的商场系统，基于现有的开源项目，重新实
 * 系统业务模块
 * 配置业务模块
 
-### 1.2.1 小程序端功能
+### 1.2.1 小商城功能
+
+* 首页
+* 专题列表、专题详情
+* 分类列表、分类详情
+* 品牌列表、品牌详情
+* 新品首发、人气推荐
+* 团购
+* 搜索
+* 商品详情
+* 商品评价列表、商品评价
+* 购物车
+* 下单
+* 个人
+* 订单列表、订单详情
+* 地址列表、地址添加、地址删除
+* 收藏、足迹、关于
+
+### 1.2.1 轻商城功能
+
+**目前还在开发中，不稳定**
+
+以下是准备完成的功能：
 
 * 首页
 * 专题列表、专题详情
@@ -69,7 +96,7 @@ litemall是一个简单的商场系统，基于现有的开源项目，重新实
 * 地址列表、地址添加、地址删除
 * 收藏、足迹、关于
 
-### 1.2.2 管理平台功能
+### 1.2.3 管理平台功能
 
 * 会员管理
   * 会员管理
@@ -101,9 +128,13 @@ litemall是一个简单的商场系统，基于现有的开源项目，重新实
   * 对象存储
   * 权限管理
   * 定时任务（待定）
-  * 参数管理
   * 操作日志
-* 统计管理
+* 配置管理
+  * 商场配置
+  * 小程序配置
+  * 运费配置
+  * 订单配置
+* 统计报表
   * 用户统计
   * 订单统计
   * 商品统计

litemall-vue/.eslintrc.js

+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  // extends: ['plugin:vue/essential', '@vue/prettier'],
+  // rules: {
+  //   camelcase: 'off',
+  //   quotes: ['error', 'single'],
+  //   indent: ['error', 2, { SwitchCase: 1 }],
+  //   'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+  //   'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
+  // },
+  parserOptions: {
+    parser: 'babel-eslint'
+  }
+};

litemall-vue/.gitignore

+.DS_Store
+node_modules
+/dist
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw*

litemall-vue/.postcssrc.js

+module.exports = {
+  plugins: {
+    autoprefixer: {}
+  }
+};

litemall-vue/.prettierrc.js

+module.exports = {
+  tabWidth: 2,
+  singleQuote: true
+};

litemall-vue/babel.config.js

+module.exports = {
+  presets: ['@vue/app'],
+  plugins: [
+    'lodash',
+    [
+      'import',
+      {
+        libraryName: 'vant',
+        libraryDirectory: 'es',
+        style: true
+      },
+      'vant'
+    ]
+  ]
+};

litemall-vue/package.json

+{
+  "name": "litemall-vue",
+  "version": "0.1.0",
+  "description": "litemall-vue basing on vant--mobile-mall 0.1.0",
+  "author": "litemall <linlinjava@163.com>",
+  "license": "MIT",
+  "private": true,
+  "scripts": {
+    "dev": "vue-cli-service serve",
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "build:dep": "vue-cli-service build",
+    "build:prod": "vue-cli-service build",
+    "lint": "vue-cli-service lint"
+  },
+
+  "dependencies": {
+    "@xkeshi/vue-countdown": "^1.0.1",
+    "axios": "^0.18.0",
+    "dayjs": "^1.7.7",
+    "js-md5": "^0.7.3",
+    "lodash": "^4.17.11",
+    "vant": "^1.4.4",
+    "vee-validate": "^2.1.4",
+    "vue": "^2.5.17",
+    "vue-router": "^3.0.1",
+    "vuelidation": "^1.1.0"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "^3.0.5",
+    "@vue/cli-plugin-eslint": "^3.0.5",
+    "@vue/cli-service": "^3.0.5",
+    "@vue/eslint-config-prettier": "^3.0.5",
+    "babel-plugin-import": "^1.9.1",
+    "babel-plugin-lodash": "^3.3.4",
+    "node-sass": "^4.9.3",
+    "sass-loader": "^7.1.0",
+    "vue-template-compiler": "^2.5.17"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 8"
+  ]
+}
\ No newline at end of file

litemall-vue/public/index.html

+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta content="black" name="apple-mobile-web-app-status-bar-style">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+  <link rel="icon" href="./favicon.ico" type="image/x-icon" />
+  <title>litemall-vue</title>
+</head>
+
+<body>
+  <noscript>
+    <strong>Please enable it to continue.</strong>
+  </noscript>
+  <div id="app">
+    <div class="lds-ball">
+      <div></div>
+    </div>
+  </div>
+  <!-- built files will be auto injected -->
+</body>
+
+</html>
\ No newline at end of file

litemall-vue/src/App.vue

+<template>
+<div id="app">
+  <keep-alive>
+    <router-view class="view-router"  v-if="$route.meta.keepAlive"></router-view>
+  </keep-alive>
+  <router-view class="view-router" v-if="!$route.meta.keepAlive"></router-view>
+  <router-view name="tabbar"></router-view>
+</div>
+</template>
+
+<style lang="scss" src="./assets/scss/global.scss" />

litemall-vue/src/api/goods.js

+import request from '@/core/utils/request'
+
+// export const GOODS_CATEGORY = '/category';
+export const GOODS_CATEGORY = '/wx/catalog/index';
+export const GOODS_CHANNGE_CATEGORY = '/wx/catalog/current?id=';
+export const GOODS_SEARCH = '/moreGoods';
+export const GOODS_DETAIL = '/details';

litemall-vue/src/api/order.js

+export const ORDER_LIST = '/order-list';
+
+export const ELE_COUPON_LIST = '/electronic-list';
+
+export const REFUND_LIST = '/refund-list';

litemall-vue/src/api/shop.js

+export const HOME_module = '/home';
+export const ALL_GOODS = '/moreGoods';
+
+export const SHOPINFO = '/shop-info';
+
+// 运费模板
+export const POST_FEE = '';

litemall-vue/src/api/user.js

+// 登录
+export const USER_LOGIN = '/wx/auth/login';
+export const USER_LOGOUT = '';
+
+// 用户信息
+export const USER_PROFILE = '/user-profile';
+export const USER_MODIFY_PASSWORD = '';
+export const USER_CHANGE_MOBILE = '';
+
+// 验证码
+export const USER_SENDCODE = '';
+
+// 地址
+export const ADDRESS = '/address';
+export const ADDRESS_DEFAULT = '/address-default';
+
+// 收藏
+export const GOODS_COLLECT_LIST = '/moreGoods';