Skip to content

上朝科技 - 物业管理系统 - 微信公众号网站 - Vue2.0

License

Notifications You must be signed in to change notification settings

didilinkin/vue-spa-wx-shangchao

Repository files navigation

shangchao-pms-wx

上朝科技-物业管理系统-微信公众号网站

本页面需要在服务器环境下访问( 可使用 yarn run dev 预览 ), 勿直接浏览静态页面

使用技术:

技术名称 作用 版本
Vuejs 框架 2.2.6
Vuex 状态管理 2.3.1
Vue-router 路由管理 2.4.0
Axios 交互处理 0.16.1
Sass 样式预处理器 4.5.2
Webpack 模块打包 2.2.1
Gulp 自动构建工具 3.9.1
Babel ES6转译ES5 6.22.1
Yarn 模块依赖安装 0.20.3
Faker.js 本地调试模拟接口 4.1.0
Mint-ui UI框架 2.2.3
Pug Node模版语言 2.0.0-beta.12

使用插件:

插件名称 作用 版本 应用场景
better-picker ios风格移动端筛选器 1.1.3
sweetalert2 美化弹框 6.6.2
Layzr.js 图片懒加载 + 自适应分辨率 2.2.2
vue-scrollto Vue卷轴插件 2.6.7
vue-star-rating Vue星星点评插件 1.3.2
vue-wechat-title Vue动态修改微信网页标题插件 2.0.4

Build Setup / 开发流程

请尽量确保 本地Nodejs版本 >= 7

# install dependencies/拉取项目,在项目路径下执行
# 国内环境建议使用cnpm install
npm install
cnpm install

# *推荐Yarn
yarn install

# serve with hot reload at localhost:8080
# npm安装依赖后,运行node服务器,打开 localhost:80 预览 (已运行热更新功能)
yarn run dev
npm run dev

# build for production with minification
# 当修改代码后,需要手动打包发布时,运行npm run build命令进行打包
yarn run build
npm run build

# 打包生产模式,缩小压缩包 -- 查看包分析报告
npm run build --report

API docs / 接口文档

ToDoList

  • Faker.js 模拟数据
  • Mock.js 模拟数据( 中文模拟数据 )
  • SPA 动态修改 页面 title信息方案
  • 微信公众号开发 用户信息获取
  • 性能优化: 将 MintUI全部引入 改为 按需引入组件
  • 处理模拟数据的 日期 + 时间
  • 加入手势操作
  • Picker 操作优化( 当第1级别改变, 除了2级改变之外 3级应该使用默认值 联动操作 )
  • 'Picker' 优化内部命名( 将此组件与项目内容尽量分离; 目的 => 做成通用的组件 )
  • 'Binding' 组件偶尔请求会失去反应
  • 'Bill - 费用账单' 模块, 手风琴展开需要 动画效果
  • 'Bill - 费用账单' 模块, 判空需要一个算法
  • 'MtextBox - 多行文本框' 模块, 需要处理滚轮滚动时 文字高度限制问题
  • 'MtextBox - 多行文本框' 模块, 最大字数 弹出提示
  • 'FaultDetail - 报修详情' 模块, 是通过模板页 从 $store 处获取数据 和 状态