前端技术栈

  • VUE: MVC框架 vue@2.6.3
  • uni-app: uniapp官方跨端API调用 uniapp
  • Uview: uniapp生态最好的UI库 uview
  • Weex： 富交互页面或主要页面等需要高性能的页面使用Nvue模式（内置weex） weex
  • Weex-ui： weex官方UI库 Weex-Ui 或 Weex-ui/
  • Api请求库: flyjs 毫无疑问，vue+uniapp+uview+weex是目前在能保证不错的性能前提下开发APP或开发跨平台应用最快捷最省成本的方式

工程目录说明

  1. ./
  2. ├─App.vue ------------------------------------- vue跟组件
  3. ├─main.js ------------------------------------- vue入口js
  4. ├─manifest.json ------------------------------------- uni-app配置文件
  5. ├─package.json ------------------------------------- 项目依赖包
  6. ├─pages.json ------------------------------------- 路由配置文件
  7. ├─uni.scss ------------------------------------- uni-app全局scss文件，文件内的样式会编译到每个页面
  8. ├─vue.config.js ------------------------------------- vue webpack配置文件
  9. ├─utils ------------------------------------- 工具函数
  10. |   ├─emojimap.js ------------------------------------- 表情编译 解析函数
  11. |   ├─globalJump.js ------------------------------------- 路由调整函数
  12. |   ├─index.js ------------------------------------- 全局工具函数
  13. |   ├─nvueCommon.js ------------------------------------- nvue页面工具函数
  14. |   ├─registerBaseStyle.js ------------------------------------- 首页装修样式渲染函数
  15. |   ├─share.js ------------------------------------- 分享功能
  16. |   └websocket.js ------------------------------------- websocket 工厂函数，支持断线重连、心跳检测
  17. ├─store ------------------------------------- 全局状态管理
  18. ├─static ------------------------------------- 静态文件
  19. |   ├─uni.css ------------------------------------- 样式文件
  20. |   ├─remix-icon ------------------------------------- 字体图标
  21. |   ├─images ------------------------------------- 图片
  22. |   ├─fonts ------------------------------------- 字体图标
  23. |   ├─css ------------------------------------- css样式文件
  24. ├─platforms ------------------------------------- 平台页面目录
  25. ├─pagesC ------------------------------------- 订单、商品、直播页面目录
  26. |   ├─wallet ------------------------------------- 钱包页面目录
  27. |   ├─shop ------------------------------------- 店铺页面目录
  28. |   ├─search ------------------------------------- 搜索页面目录
  29. |   ├─raffle ------------------------------------- 售后页面目录
  30. |   ├─order ------------------------------------- 订单页面目录
  31. |   ├─live ------------------------------------- 直播页面目录
  32. |   ├─integral ------------------------------------- 积分页面目录
  33. |   ├─goodsComment ------------------------------------- 商品评论
  34. |   ├─goods ------------------------------------- 商品页面目录
  35. |   ├─forget ------------------------------------- 忘记密码
  36. |   ├─components ------------------------------------- 页面目录内的组件（编译小程序可以减少主包大小）
  37. |   ├─common ------------------------------------- 公共页面
  38. |   ├─applysupplier ------------------------------------- 供货商入驻
  39. |   ├─applyshop ------------------------------------- 店铺入驻
  40. ├─pagesB ------------------------------------- 页面目录
  41. |   ├─webview ------------------------------------- webview
  42. |   ├─shortVideo ------------------------------------- 短视频
  43. |   ├─setting ------------------------------------- 设置
  44. |   ├─seller ------------------------------------ 订单售后
  45. |   ├─register ------------------------------------- 注册
  46. |   ├─my ------------------------------------- 个人中心
  47. |   ├─message ------------------------------------- 消息通知和IM页面
  48. |   ├─login ------------------------------------- 登录
  49. |   ├─find ------------------------------------- 发现
  50. |   ├─coupon ------------------------------------- 优惠券
  51. |   ├─components ------------------------------------- 业务组件
  52. |   ├─comment ------------------------------------- 商品留言
  53. |   ├─category ------------------------------------- 商品分类
  54. |   ├─article ------------------------------------- 文章
  55. ├─pages ------------------------------------- tabbar页面
  56. |   ├─tabBar ------------------------------------- tabbar页面
  57. |   |   ├─cart.vue ------------------------------------- 购物车
  58. |   |   ├─category.vue ------------------------------------- 商品分类
  59. |   |   ├─find.vue ------------------------------------- 发现
  60. |   |   ├─home.vue ------------------------------------- 首页
  61. |   |   └my.vue ------------------------------------- 个人中心
  62. ├─locale ------------------------------------- 多语言国际化
  63. ├─js_sdk ------------------------------------- jssdk
  64. ├─graceUI ------------------------------------- ui组件
  65. ├─config ------------------------------------- 项目配置文件
  66. |   ├─appUpdateConfig.js -------------------------------- app更新配置
  67. |   ├─constValue.js ------------------------------------- 项目长量
  68. |   └index.js ------------------------------------- 接口地址、wss地址、静态资源等地址配置
  69. ├─components ------------------------------------- 组件目录
  70. |     ├─diy ------------------------------------- 首页装修组件
  71. ├─base-core ------------------------------------- 环境变量
  72. ├─api ------------------------------------- 接口